.volt-image-options{width:100%;min-width:0;container:volt-image-options / inline-size}.volt-image-options__label{margin:0 0 var(--image-options-label-gap, 12px);font:inherit}.volt-image-options__rail{display:grid;grid-auto-flow:column;grid-auto-columns:var(--image-options-width, 85px);justify-content:start;gap:var(--image-options-gap, 2px);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.volt-image-options__rail::-webkit-scrollbar{display:none}.volt-image-options__item{min-width:0;scroll-snap-align:start}.volt-image-options__link{display:block;color:inherit;text-decoration:none}.volt-image-options__link:after{content:"";display:block;height:var(--image-options-indicator-height, 2px);margin-top:var(--image-options-indicator-gap, 8px);background:transparent}.volt-image-options__link[aria-current=page]:after{background:currentColor}.volt-image-options__link:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.volt-image-options__image,.volt-image-options__fallback{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:var(--image-options-ratio, 3 / 4);object-fit:cover}.volt-image-options__fallback{display:grid;place-items:center;padding:8px;overflow-wrap:anywhere;background:var(--image-options-fallback-background, #f3f3f3);font-size:14px;text-align:center}@container volt-image-options (min-width: 480px){.volt-image-options__rail{grid-auto-columns:var(--image-options-width, calc((100% - 6 * var(--image-options-gap, 2px)) / 7))}}volt-image-options{display:block}.volt-image-options--selectable .volt-image-options__link{width:100%;padding:0;border:0;border-radius:0;background:transparent;font:inherit;text-align:start;cursor:pointer}.volt-image-options__link[aria-pressed=true]:after{background:currentColor}.volt-image-options__caption{display:block;margin-top:4px;font:inherit;overflow-wrap:anywhere}.volt-image-options__availability{display:block;font-size:.85em}.volt-image-options__progress{margin-top:8px;height:2px;background:#e1e1e1}.volt-image-options__progress>span{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(var(--image-options-fill, 0));transform-origin:left}.volt-image-options__progress{position:relative}.volt-image-options__scrubber{position:absolute;inset:-11px 0 auto;width:100%;height:24px;margin:0;padding:0;opacity:0;cursor:ew-resize}.volt-image-options__progress:has(.volt-image-options__scrubber:focus-visible){outline:2px solid currentColor;outline-offset:4px}.volt-image-options--outline .volt-image-options__link{position:relative}.volt-image-options--outline .volt-image-options__link:after{display:none}.volt-image-options--outline .volt-image-options__link[aria-pressed=true] :is(.volt-image-options__image,.volt-image-options__fallback){outline:var(--image-options-selected-outline-width, 2px) solid currentColor;outline-offset:calc(-1 * var(--image-options-selected-outline-width, 2px))}.volt-image-options--outline .volt-image-options__link[aria-pressed=true]:before{content:"\2713";position:absolute;z-index:1;top:4px;right:4px;display:var(--image-options-selected-marker-display, grid);place-items:center;width:14px;height:14px;border-radius:50%;background:var(--image-options-selected-background, #fff);color:currentColor;font:400 11px/1 sans-serif;pointer-events:none}.volt-image-options--outline .volt-image-options__link:focus-visible{outline-offset:-4px;outline-style:dashed}.volt-image-options--outline [data-pending] :is(.volt-image-options__image,.volt-image-options__fallback){opacity:.6}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.volt-image-options--outline[data-pointer-selection] :is(.volt-image-options__image,.volt-image-options__fallback){transition:opacity .15s cubic-bezier(.32,.72,0,1)}}
/*# sourceMappingURL=/cdn/shop/t/1373/assets/component-image-options.css.map */