.swatch-gallery{padding:0;border:0;width:min(94vw,620px);max-width:94vw;max-height:94dvh;background:var(--color-background, #fff);color:var(--color-foreground, #111);border-radius:16px;overflow:auto;overscroll-behavior:contain}.swatch-gallery::backdrop{background:#0000008c}.swatch-gallery__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.swatch-gallery__header h2{font-size:1.15rem;margin:0}.swatch-gallery__header button,.swatch-gallery__footer button{border:1px solid currentColor;background:transparent;color:inherit;min-width:44px;min-height:44px;border-radius:50%;cursor:pointer;font-size:1.3rem}.swatch-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.swatch-gallery__slide{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always}.swatch-gallery__slide>img{width:100%;height:min(44dvh,420px);object-fit:contain;display:block}.swatch-gallery__details{padding:16px}.swatch-gallery__details h3{margin:0 0 8px;font-size:1rem}.swatch-gallery__details p{margin:0 0 12px}.swatch-gallery__details form{display:flex;align-items:end;gap:12px}.swatch-gallery__quantity{display:grid;gap:4px;font-size:.85rem}.swatch-gallery__quantity input{width:76px;min-height:44px;color:inherit;background:transparent;border:1px solid currentColor;padding:8px;border-radius:4px}.swatch-gallery__details .button{flex:1;min-height:44px}.swatch-gallery__footer{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;gap:12px}.swatch-gallery__status{margin:0;padding:0 16px 16px}.swatch-gallery__footer button:disabled{opacity:.35;cursor:default}html:has(.swatch-gallery[open]){overflow:hidden}.swatch-gallery{transform-origin:center}.swatch-gallery[open]::backdrop{animation:charm-backdrop-in .34s ease-out both}.swatch-gallery[data-closing=true]::backdrop{animation:charm-backdrop-out .22s ease-in both}.swatch-gallery[data-closing=true]{pointer-events:none}@keyframes charm-backdrop-in{0%{background-color:#0000}to{background-color:#0000008c}}@keyframes charm-backdrop-out{0%{background-color:#0000008c}to{background-color:#0000}}@media(prefers-reduced-motion:reduce){.swatch-gallery[open]::backdrop{animation:none}}.swatch-gallery .button{--button-background-color: #ffffff;--button-color: #000000;--button-border-color: #000000;border:1px solid}.swatch-gallery .button:hover{--button-background-color: #000000;--button-color: #ffffff;--button-border-color: #000000}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mobile-swatch-gallery.css.map */