.variant-image-carousel{position:relative;display:flex;align-items:center;margin:16px 0 20px;padding:4px 0;width:100%;isolation:isolate;overflow:visible}.variant-carousel__track-container{flex:1;overflow-x:hidden;overflow-y:visible;position:relative;max-width:342px;min-width:342px;width:342px;padding:4px 5px 4px 1px;box-sizing:content-box}.variant-image-carousel:has(.carousel-shape--circle) .variant-carousel__track-container,.variant-image-carousel:has(.carousel-shape--square) .variant-carousel__track-container{max-width:342px}.variant-carousel__track{display:flex;gap:6px;transition:transform .25s cubic-bezier(.22,1,.36,1);will-change:transform;align-items:center;justify-content:flex-start;padding:0}.variant-carousel__item{flex-shrink:0;width:110px;min-width:110px;height:170px;position:relative;cursor:pointer;padding:0;border:3px solid rgb(var(--border-color, 229 229 229));background:rgb(var(--background, 239 239 239)) 50% / cover no-repeat;transition:border-color .25s ease,opacity .2s ease,transform .2s ease,box-shadow .25s ease;outline:none;overflow:hidden;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;justify-content:center}.variant-carousel__item.carousel-shape--circle{border-radius:50%;width:110px;min-width:110px;height:110px;aspect-ratio:1/1}.variant-carousel__item.carousel-shape--square{border-radius:0;width:110px;min-width:110px;height:110px;aspect-ratio:1/1}.variant-carousel__item.carousel-shape--portrait{border-radius:0;width:110px;min-width:110px;height:170px;aspect-ratio:3/4}.variant-carousel__item.carousel-shape--natural{border-radius:0;width:110px;min-width:110px;height:170px;max-width:170px}.variant-carousel__item:hover{transform:translateY(-2px)}.variant-carousel__item:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.variant-carousel__item--active{border-color:rgb(var(--text-color, 28 28 28));border-width:1px;box-shadow:0 0 0 1px rgb(var(--text-color, 28 28 28))}.variant-carousel__item--unavailable{opacity:.5;cursor:not-allowed}.variant-carousel__item--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;pointer-events:none}.variant-carousel__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border:none}.variant-carousel__item:has(.variant-carousel__image){background:#f9f2eb;padding:6px;border:none}.variant-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--background, 239 239 239));font-size:11px;text-align:center;padding:8px;word-wrap:break-word;color:rgb(var(--text-color, 28 28 28));opacity:.6}.variant-carousel__placeholder-text{display:block;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis}.variant-carousel__arrow{flex-shrink:0;width:33px;height:36px;display:flex;align-items:center;justify-content:center;background:rgb(var(--background, 255 255 255));border-radius:50%;cursor:pointer;padding:0;z-index:2;color:rgb(var(--text-color, 28 28 28))}.variant-carousel__arrow:focus-visible{outline:2px solid rgb(var(--text-color, 28 28 28));outline-offset:2px}.variant-carousel__arrow:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.variant-carousel__arrow svg{width:8px;height:14px;stroke-width:2px;pointer-events:none}.variant-picker__option-values{margin-top:12px}.color-swatch{position:relative;width:36px;height:36px;border-radius:4px;border:2px solid transparent;transition:border-color .2s ease,transform .2s ease;outline:none}.color-swatch:hover{transform:scale(1.1)}.color-swatch:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}input[type=radio]:checked+.color-swatch,.color-swatch.is-selected{border-color:#000;border-width:3px}.color-swatch.is-disabled{opacity:.4;cursor:not-allowed;position:relative}.color-swatch.is-disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent 45%,rgba(0,0,0,.3) 48%,rgba(0,0,0,.3) 52%,transparent 55%);pointer-events:none}.block-swatch{padding:8px 16px;border:1px solid rgb(var(--border-color));border-radius:4px;transition:border-color .2s ease,background-color .2s ease;display:inline-flex;align-items:center;gap:8px;outline:none}.block-swatch:hover:not(.is-disabled){border-color:#000}.block-swatch:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}input[type=radio]:checked+.block-swatch,.block-swatch.is-selected{border-color:#000;border-width:2px;background-color:#0000000d}.block-swatch.is-disabled{opacity:.5;cursor:not-allowed;background-color:#00000005}@media screen and (max-width:999px){.variant-image-carousel{margin:14px 0 18px;padding:4px 0}}@media screen and (max-width:749px){.variant-image-carousel{margin:12px 0 16px;padding:3px 0}.variant-carousel__track-container{max-width:290px;min-width:290px;width:290px;padding:3px 6px}.variant-image-carousel:has(.carousel-shape--circle) .variant-carousel__track-container,.variant-image-carousel:has(.carousel-shape--square) .variant-carousel__track-container{max-width:290px}.variant-carousel__item{width:90px;min-width:90px;height:140px}.variant-carousel__item.carousel-shape--circle,.variant-carousel__item.carousel-shape--square{width:90px;min-width:90px;height:90px}.variant-carousel__item.carousel-shape--portrait{width:90px;min-width:90px;height:140px}.variant-carousel__item.carousel-shape--natural{width:90px;min-width:90px;height:140px;max-width:140px}.variant-carousel__track{gap:10px}.variant-carousel__arrow{width:32px;height:32px}.variant-carousel__arrow svg{width:7px;height:12px}.color-swatch{width:32px;height:32px}.variant-carousel__placeholder{font-size:10px;padding:6px}}@media screen and (max-width:479px){.variant-image-carousel{padding:3px 0;justify-content:center}.variant-carousel__track-container{max-width:241px;min-width:241px;width:241px;padding:3px 5px}.variant-image-carousel:has(.carousel-shape--circle) .variant-carousel__track-container,.variant-image-carousel:has(.carousel-shape--square) .variant-carousel__track-container{max-width:241px}.variant-carousel__item{width:75px;min-width:75px;height:115px}.variant-carousel__item.carousel-shape--circle,.variant-carousel__item.carousel-shape--square{width:75px;min-width:75px;height:75px}.variant-carousel__item.carousel-shape--portrait{width:75px;min-width:75px;height:115px}.variant-carousel__item.carousel-shape--natural{width:75px;min-width:75px;height:115px;max-width:115px}.variant-carousel__track{gap:8px}.color-swatch,.variant-carousel__arrow{width:28px;height:28px}.variant-carousel__arrow svg{width:6px;height:10px}.variant-carousel__placeholder{font-size:9px;padding:4px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){.variant-carousel__track,.variant-carousel__item,.variant-carousel__arrow,.color-swatch,.block-swatch{transition:none}}.variant-picker__option{position:relative;overflow:visible}@media screen and (max-width:359px){.variant-image-carousel{gap:0;padding:3px 0;justify-content:center}.variant-carousel__arrow{display:none}.variant-carousel__track-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;max-width:241px;min-width:241px;width:241px;padding:3px 5px}.variant-carousel__track-container::-webkit-scrollbar{display:none}.variant-carousel__track{justify-content:flex-start;transform:none!important}.variant-carousel__item{scroll-snap-align:center}}@media print{.variant-image-carousel{display:none}}.variant-carousel__name{position:absolute;inset-inline:0;bottom:0;padding:6px 8px;background:#000000b3;color:#fff;font-size:12px;line-height:1.3;text-align:center;opacity:0;transform:translateY(100%);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.variant-carousel__item:hover .variant-carousel__name,.variant-carousel__item:focus-visible .variant-carousel__name{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/variant-carousel.css.map */