.ax-gallery{--ax-gallery-gap: var(--ax-space-3);--ax-gallery-thumb: 5.5rem;--ax-gallery-thumb-gap: var(--ax-space-3);--ax-gallery-ring-room: calc(var(--ax-ring-gap) + var(--ax-ring-width));--ax-gallery-rail: calc(var(--ax-gallery-thumb) + 2 * var(--ax-gallery-ring-room));--ax-gallery-radius: var(--ax-radius-media);--ax-gallery-control: 2.5rem;display:block;position:relative;min-inline-size:0}.ax-gallery--surface{--ax-gallery-radius: var(--ax-radius-card)}@media screen and (max-width:749px){.ax-gallery{--ax-gallery-thumb: 4rem;--ax-gallery-thumb-gap: var(--ax-space-2)}}.ax-gallery__layout{display:block;min-inline-size:0}.ax-gallery__stage{position:relative;min-inline-size:0}.ax-gallery--surface .ax-gallery__stage{background-color:var(--ax-c-bg-alt);border:var(--ax-border-width) solid var(--ax-c-hairline);border-radius:var(--ax-gallery-radius);overflow:hidden}.ax-gallery__zoom-pill{position:absolute;z-index:3;inset-block-start:var(--ax-space-3);inset-inline-start:var(--ax-space-3);display:inline-flex;align-items:center;gap:var(--ax-space-2);min-block-size:2.25rem;padding-block:0;padding-inline:var(--ax-space-3);font-family:var(--ax-font-body);font-size:var(--ax-text-xs);font-weight:var(--ax-fw-semibold);line-height:var(--ax-leading-snug);color:var(--ax-c-fg);background-color:var(--ax-c-bg-alt);border:var(--ax-border-width) solid var(--ax-c-border);border-radius:var(--ax-radius-full);box-shadow:var(--ax-shadow-xs);cursor:zoom-in;transition:background-color var(--ax-dur-1) var(--ax-ease-out),border-color var(--ax-dur-1) var(--ax-ease-out),scale var(--ax-dur-1) var(--ax-ease-out)}.ax-gallery__zoom-pill .ax-icon{flex:none;pointer-events:none}@media(hover:hover){.ax-gallery__zoom-pill:hover{background-color:var(--ax-c-tint);border-color:var(--ax-c-border-strong)}}.ax-gallery__zoom-pill:active{scale:var(--ax-press-scale)}.ax-gallery__zoom-pill:focus-visible{outline:var(--ax-focus-width) solid var(--ax-c-border-strong);outline-offset:var(--ax-focus-offset)}@media screen and (max-width:749px){.ax-gallery__zoom-pill{inline-size:var(--ax-tap);min-block-size:var(--ax-tap);justify-content:center;padding-inline:0}.ax-gallery__zoom-pill>span{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}.ax-gallery__counter{position:absolute;z-index:3;inset-block-end:var(--ax-space-3);inset-inline-end:var(--ax-space-3);margin:0;padding-block:var(--ax-space-1);padding-inline:var(--ax-space-3);font-family:var(--ax-font-body);font-size:var(--ax-text-2xs);font-weight:var(--ax-fw-semibold);line-height:var(--ax-leading-snug);font-variant-numeric:tabular-nums;color:var(--ax-c-fg);background-color:var(--ax-c-bg-alt);border:var(--ax-border-width) solid var(--ax-c-hairline);border-radius:var(--ax-radius-full);pointer-events:none}.ax-gallery__stage--counter .ax-gallery__item{position:relative}.ax-gallery__slider{--ax-slider-bleed-block: 0px}.ax-gallery__item{min-inline-size:0}.ax-gallery__media{display:block;block-size:100%}.ax-gallery__box{border-radius:var(--ax-gallery-radius);background-color:var(--ax-c-bg-inset)}.ax-gallery__box--button{appearance:none;-webkit-appearance:none;inline-size:100%;padding:0;border:0;color:inherit;font:inherit;text-align:start;cursor:zoom-in}.ax-gallery__box--button:focus-visible{outline:2px solid var(--ax-c-border-strong);outline-offset:2px}.ax-gallery__stage .ax-gallery__box--button:focus-visible{outline-offset:calc(var(--ax-focus-offset) * -1)}.ax-gallery__box--magnify{cursor:crosshair}.ax-gallery__expand{position:absolute;z-index:2;inset-block-end:var(--ax-space-3);inset-inline-end:var(--ax-space-3);display:grid;place-items:center;inline-size:var(--ax-gallery-control);block-size:var(--ax-gallery-control);color:var(--ax-c-fg);background-color:var(--ax-c-bg);border:var(--ax-border-width) solid var(--ax-c-border);border-radius:var(--ax-radius-full);box-shadow:var(--ax-shadow-sm);opacity:0;translate:0 var(--ax-space-1);transition:opacity var(--ax-dur-2) var(--ax-ease-out),translate var(--ax-dur-2) var(--ax-ease-out);pointer-events:none}.ax-gallery__box--button:hover .ax-gallery__expand,.ax-gallery__box--button:focus-visible .ax-gallery__expand{opacity:1;translate:0 0}@media(hover:none){.ax-gallery__expand{opacity:1;translate:0 0}}.ax-gallery__badges{position:absolute;z-index:3;display:flex;flex-direction:column;gap:var(--ax-space-1);pointer-events:none}.ax-gallery__badges--top-start{inset-block-start:var(--ax-space-3);inset-inline-start:var(--ax-space-3);align-items:flex-start}.ax-gallery__badges--top-end{inset-block-start:var(--ax-space-3);inset-inline-end:var(--ax-space-3);align-items:flex-end}.ax-gallery__badges--bottom-start{inset-block-end:var(--ax-space-3);inset-inline-start:var(--ax-space-3);align-items:flex-start}.ax-gallery__badges--bottom-end{inset-block-end:var(--ax-space-3);inset-inline-end:var(--ax-space-3);align-items:flex-end}.ax-gallery__badges--bottom-end{inset-inline-end:calc(var(--ax-space-3) + var(--ax-gallery-control) + var(--ax-space-2))}.ax-gallery__stage--counter .ax-gallery__badges--bottom-end{inset-block-end:calc(var(--ax-space-3) + 1.75rem + var(--ax-space-2))}.ax-gallery__stage--zoom-pill .ax-gallery__badges--top-start{inset-block-start:calc(var(--ax-space-3) + 2.25rem + var(--ax-space-2))}@media screen and (max-width:749px){.ax-gallery__stage--zoom-pill .ax-gallery__badges--top-start{inset-block-start:calc(var(--ax-space-3) + var(--ax-tap) + var(--ax-space-2))}}.ax-gallery__thumbs{display:none}.ax-gallery__thumbs-list{display:flex;gap:var(--ax-gallery-thumb-gap);padding:var(--ax-gallery-ring-room);scroll-padding:var(--ax-gallery-ring-room);min-inline-size:0;min-block-size:0;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.ax-gallery__thumbs-list::-webkit-scrollbar{display:none;inline-size:0;block-size:0}.ax-gallery__thumb{position:relative;flex:0 0 auto;appearance:none;-webkit-appearance:none;display:block;padding:0;inline-size:var(--ax-gallery-thumb);background:none;border:0;border-radius:var(--ax-radius-input);cursor:pointer;scroll-snap-align:start;transition:opacity var(--ax-dur-2) var(--ax-ease-out)}.ax-gallery__thumb-box{border-radius:inherit;border:var(--ax-border-width) solid var(--ax-c-hairline);transition:border-color var(--ax-dur-2) var(--ax-ease-out),box-shadow var(--ax-dur-2) var(--ax-ease-out)}.ax-gallery__thumb[aria-selected=false]{opacity:.62}.ax-gallery__thumb:hover,.ax-gallery__thumb[aria-selected=true]{opacity:1}.ax-gallery__thumb[aria-selected=true] .ax-gallery__thumb-box{border-color:transparent;box-shadow:0 0 0 var(--ax-ring-gap) var(--ax-c-bg-alt),0 0 0 calc(var(--ax-ring-gap) + var(--ax-ring-width)) var(--ax-c-border-strong)}.ax-gallery__thumb:focus-visible{outline:2px solid var(--ax-c-border-strong);outline-offset:2px}.ax-gallery__thumb-badge{position:absolute;z-index:1;inset-block-end:var(--ax-space-1);inset-inline-end:var(--ax-space-1);display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;color:var(--ax-c-bg);background-color:rgb(var(--ax-c-shadow) / 62%);border-radius:var(--ax-radius-full);pointer-events:none}.ax-gallery__thumbs-nav{flex:0 0 auto;display:grid;place-items:center;inline-size:var(--ax-gallery-control);block-size:var(--ax-gallery-control);padding:0;color:var(--ax-c-fg);background-color:var(--ax-c-bg);border:var(--ax-border-width) solid var(--ax-c-border);border-radius:var(--ax-radius-full);cursor:pointer}.ax-gallery__thumbs-nav:hover{background-color:var(--ax-c-bg-alt)}.ax-gallery__thumbs-nav:focus-visible{outline:2px solid var(--ax-c-border-strong);outline-offset:2px}.ax-gallery__thumbs-nav[disabled]{opacity:.4;cursor:default}@media screen and (min-width:750px){.ax-gallery--thumbs-start .ax-gallery__layout{display:grid;grid-template-columns:var(--ax-gallery-rail) minmax(0,1fr);gap:var(--ax-gallery-gap);align-items:stretch}.ax-gallery--thumbs-start .ax-gallery__thumbs{display:block;position:relative;grid-column:1;grid-row:1;min-block-size:0}.ax-gallery--thumbs-start .ax-gallery__stage{grid-column:2;grid-row:1}.ax-gallery--thumbs-start .ax-gallery__thumbs-list{position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;overflow-y:auto;overflow-x:hidden}.ax-gallery--thumbs-start .ax-gallery__thumbs-nav{position:absolute;z-index:2;inset-inline:0;margin-inline:auto}.ax-gallery--thumbs-start .ax-gallery__thumbs-nav--prev{inset-block-start:0}.ax-gallery--thumbs-start .ax-gallery__thumbs-nav--next{inset-block-end:0}.ax-gallery--thumbs-start .ax-gallery__thumbs:has(.ax-gallery__thumbs-nav:not([hidden])) .ax-gallery__thumbs-list{padding-block:calc(var(--ax-gallery-control) + var(--ax-space-2))}.ax-gallery--thumbs-bottom .ax-gallery__layout{display:flex;flex-direction:column;gap:var(--ax-gallery-gap)}.ax-gallery--thumbs-bottom .ax-gallery__thumbs{display:flex;flex-direction:row;align-items:center;gap:var(--ax-gallery-thumb-gap);min-inline-size:0}.ax-gallery--thumbs-bottom .ax-gallery__thumbs-list{flex:1 1 auto;overflow-x:auto;overflow-y:hidden;min-inline-size:0}.ax-gallery--stacked .ax-gallery__track,.ax-gallery--grid-2 .ax-gallery__track{display:grid;gap:var(--ax-gallery-gap);overflow:visible;scroll-snap-type:none;padding-inline:0;padding-block:0;margin-block:0}.ax-gallery--stacked .ax-gallery__track{grid-template-columns:minmax(0,1fr)}.ax-gallery--grid-2 .ax-gallery__track{grid-template-columns:repeat(2,minmax(0,1fr))}.ax-gallery--grid-2 .ax-gallery__item:first-child{grid-column:1 / -1}.ax-gallery--stacked .ax-gallery__item,.ax-gallery--grid-2 .ax-gallery__item{flex:initial;max-inline-size:none;scroll-snap-align:none}.ax-gallery:is(.ax-gallery--thumbs-start,.ax-gallery--thumbs-bottom,.ax-gallery--stacked,.ax-gallery--grid-2) .ax-slider[data-ax-ready] .ax-slider__dots{display:none}}@media screen and (max-width:749px){.ax-gallery__thumbs{display:none}}.ax-gallery--single .ax-slider[data-ax-ready] .ax-slider__nav,.ax-gallery--single .ax-slider[data-ax-ready] .ax-slider__dots{display:none}.ax-video,.ax-model{display:block;position:relative;block-size:100%}.ax-video__box,.ax-model__box{border-radius:var(--ax-gallery-radius, var(--ax-radius-media));background-color:var(--ax-c-bg-inset)}.ax-video__el{inline-size:100%;block-size:100%;object-fit:var(--fit, cover);background-color:#000}.ax-video__iframe{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0}.ax-video__play{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:auto;display:grid;place-items:center;inline-size:4rem;block-size:4rem;padding:0;color:var(--ax-c-fg);background-color:var(--ax-c-bg);border:0;border-radius:var(--ax-radius-full);box-shadow:var(--ax-shadow-md);cursor:pointer;transition:scale var(--ax-dur-2) var(--ax-ease-spring),opacity var(--ax-dur-2) var(--ax-ease-out)}.ax-video__play:hover{scale:1.06}.ax-video__play:focus-visible{outline:2px solid var(--ax-c-border-strong);outline-offset:3px}.ax-video__play-icon{display:grid;place-items:center;margin-inline-start:2px}.ax-video[data-state=playing] .ax-video__play,.ax-video[data-state=loading] .ax-video__play,.ax-model[data-state=playing] .ax-model__play,.ax-model[data-state=loading] .ax-model__play{opacity:0;pointer-events:none}.ax-video[data-state=playing] .ax-video__poster,.ax-video[data-state=loading] .ax-video__poster{opacity:0}.ax-video__poster{transition:opacity var(--ax-dur-2) var(--ax-ease-out)}.ax-video__spinner{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:auto;display:grid;place-items:center;inline-size:3rem;block-size:3rem;pointer-events:none}.ax-video__fallback{display:inline-block;margin-block-start:var(--ax-space-2)}.ax-model__viewer{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;--poster-color: transparent}.ax-model[data-state=playing] .ax-model__poster{opacity:0}.ax-model__poster{transition:opacity var(--ax-dur-2) var(--ax-ease-out)}.ax-model__xr{position:absolute;z-index:3;inset-block-end:var(--ax-space-3);inset-inline-start:var(--ax-space-3)}.ax-model .shopify-model-viewer-ui__controls-area{background-color:var(--ax-c-bg);border-color:var(--ax-c-border);border-radius:var(--ax-radius-full)}.ax-model .shopify-model-viewer-ui__button{color:var(--ax-c-fg)}.ax-model .shopify-model-viewer-ui__button--control:hover{color:var(--ax-c-accent)}@media(prefers-reduced-motion:reduce){.ax-gallery__expand,.ax-gallery__thumb,.ax-gallery__thumb-box,.ax-video__play,.ax-video__poster,.ax-model__poster{transition:none}.ax-video__play:hover{scale:1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-media-gallery.css.map */
