.custom-vm__slot{position:relative;overflow:hidden}.custom-vm__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity 0s linear var(--vm-fade)}.custom-vm__layer.is-active{opacity:1;z-index:1;transition:opacity var(--vm-fade) var(--ease-in-out)}.custom-card-media .custom-vm__layer{transition:opacity 0s linear var(--vm-fade-card)}.custom-card-media .custom-vm__layer.is-active{transition:opacity var(--vm-fade-card) var(--ease-in-out)}.custom-swatch-row{display:flex;flex-wrap:wrap;margin:0 -8px;padding:0}.custom-swatch-row__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;margin:0;background:none;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}.custom-swatch-row__dot{display:block;width:28px;height:28px;border-radius:var(--radius-pill);border:1px solid var(--color-hairline);box-sizing:border-box;transition:box-shadow var(--vm-fade) var(--ease-out)}.custom-field--ink .custom-swatch-row__dot{border-color:var(--color-hairline-on-ink)}.custom-swatch-row__btn[aria-checked=true] .custom-swatch-row__dot{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-ink)}.custom-field--ink .custom-swatch-row__btn[aria-checked=true] .custom-swatch-row__dot{box-shadow:0 0 0 2px var(--color-ink),0 0 0 4px var(--color-on-ink)}.custom-swatch-row__btn:focus-visible{outline:var(--focus-width) solid var(--color-ink);outline-offset:calc(var(--focus-offset) * -1);border-radius:var(--radius-sm)}.custom-field--ink .custom-swatch-row__btn:focus-visible{outline-color:var(--color-on-ink)}.custom-card-media{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--radius-media)}.custom-vm-carousel{--vm-card: min(78vw, 560px);--vm-gap: 12px;position:relative}.custom-vm-carousel__track{display:flex;gap:var(--vm-gap);width:100vw;margin-inline:calc(50% - 50vw);padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100vw - var(--vm-card)) / 2);scrollbar-width:none}.custom-vm-carousel__track::-webkit-scrollbar{display:none}.custom-vm-carousel__slide{flex:0 0 var(--vm-card);scroll-snap-align:center;scroll-snap-stop:always;transform:scaleY(.9);transform-origin:center center;opacity:.55;transition:transform var(--vm-fade) var(--ease-out),opacity var(--vm-fade) var(--ease-out);will-change:transform}.custom-vm-carousel__slide.is-current{transform:scaleY(1);opacity:1}.custom-vm-carousel__slide>.custom-vm__slot,.custom-vm-carousel__slide>.custom-main-product__image{width:100%}@media screen and (min-width:768px){.custom-vm-carousel{--vm-gap: 16px}}.custom-vm-carousel__dots{display:flex;flex-wrap:nowrap;justify-content:center;margin:4px 0 0}.custom-vm-carousel__dot{display:flex;align-items:center;justify-content:center;flex:1 1 44px;min-width:0;max-width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}.custom-vm-carousel__dot:before{content:"";display:block;width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--color-hairline);transition:background-color var(--vm-fade) var(--ease-out)}.custom-vm-carousel__dot[aria-current=true]:before{background-color:var(--color-ink)}.custom-field--ink .custom-vm-carousel__dot:before{background-color:var(--color-hairline-on-ink)}.custom-field--ink .custom-vm-carousel__dot[aria-current=true]:before{background-color:var(--color-on-ink)}.custom-vm-carousel__dot:focus-visible,.custom-vm-carousel:focus-visible,.custom-vm-carousel__track:focus-visible{outline:var(--focus-width) solid var(--color-ink);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.custom-field--ink .custom-vm-carousel__dot:focus-visible,.custom-field--ink .custom-vm-carousel__track:focus-visible{outline-color:var(--color-on-ink)}@media(prefers-reduced-motion:reduce){.custom-vm__layer,.custom-vm__layer.is-active,.custom-card-media .custom-vm__layer,.custom-card-media .custom-vm__layer.is-active,.custom-vm-carousel__slide,.custom-swatch-row__dot,.custom-vm-carousel__dot:before{transition:none}}.custom-vm-carousel__counter{min-height:44px;display:flex;align-items:center;justify-content:center;margin:4px 0 0;font-family:var(--font-mono);font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.custom-field--ink .custom-vm-carousel__counter{color:var(--color-on-ink-muted)}@media screen and (min-width:750px){.custom-main-product__media-list.custom-vm--few .custom-main-product__media-item:first-child{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-variant-media.css.map */