.roller-fabric-gallery{margin:32px 0;width:100%;min-width:0}.roller-fabric-gallery button{font:inherit;color:#222;cursor:pointer}.roller-fabric-gallery button:disabled{opacity:.25;cursor:default}.roller-fabric-gallery :focus-visible{outline:2px solid #ed002b;outline-offset:3px}.rf-scroller{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px}.rf-scroller>button{padding:0;width:40px;height:40px;font-size:30px;border:1px solid #e5e5e8;border-radius:50%;background:#fff}.rf-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px;min-height:192px;scrollbar-width:none}.rf-track::-webkit-scrollbar{display:none}.rf-track button{flex:0 0 130px;min-width:0;border:0;border-radius:0;padding:0;background:transparent;scroll-snap-align:start}.rf-track img{display:block;width:100%;height:auto;aspect-ratio:1096/1552;object-fit:cover}.roller-fabric-gallery dialog{border:0;border-radius:0;padding:0;background:transparent;max-width:min(92vw,680px);max-height:92dvh;overflow:auto}.roller-fabric-gallery dialog::backdrop{background:#0009}.roller-fabric-gallery dialog>button{display:block;margin:0 0 10px auto;width:44px;height:44px;border:0;border-radius:50%;background:#f5f5f7;font-size:24px}.roller-fabric-gallery dialog img{display:block;width:auto;max-width:100%;height:auto;max-height:75dvh;margin:auto}body:has(.roller-fabric-gallery dialog[open]){overflow:hidden}@media(max-width:760px){.rf-scroller{grid-template-columns:30px minmax(0,1fr) 30px;gap:4px}.rf-scroller>button{width:30px;height:38px}.rf-track{gap:12px;min-height:168px}.rf-track button{flex-basis:112px}}
