c-shoppable-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}c-shoppable-image[data-hit=spot]{pointer-events:none}c-shoppable-image[data-hit=spot] .c-shop__spot{pointer-events:auto}.c-shop__spots{position:absolute;left:var(--c-shop-fit-left, 0px);top:var(--c-shop-fit-top, 0px);width:var(--c-shop-fit-width, 100%);height:var(--c-shop-fit-height, 100%)}.c-shop__spot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.c-shop__spot:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px;border-radius:var(--rounded-full)}.c-shop__dot{position:relative;display:block;width:11px;height:11px;border-radius:var(--rounded-full);background:var(--c-shop-dot-color, #fff);box-shadow:0 0 0 1px #00000029,0 2px 8px #00000059;transition:width .22s cubic-bezier(.32,.72,0,1),height .22s cubic-bezier(.32,.72,0,1),background .22s}.c-shop__dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--rounded-full);border:1.5px solid var(--c-shop-dot-color, #fff);opacity:0;transition:opacity .22s}.c-shop__spot[aria-current=true] .c-shop__dot{width:15px;height:15px;background:var(--c-shop-dot-active-color, #fff)}.c-shop__spot[aria-current=true] .c-shop__dot:after{opacity:1}c-shoppable-image[data-dots=pulse] .c-shop__dot:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:var(--rounded-full);background:var(--c-shop-dot-color, #fff);opacity:.55;animation:c-shop-ripple 2.2s ease-out infinite}c-shoppable-image[data-dots=calm] .c-shop__dot{opacity:.82}c-shoppable-image[data-dots=calm] .c-shop__spot[aria-current=true] .c-shop__dot{opacity:1}c-shoppable-image[data-dots=calm] .c-shop__spot.is-seen .c-shop__dot:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:var(--rounded-full);background:var(--c-shop-dot-color, #fff);opacity:.5;animation:c-shop-ripple 1.9s ease-out 2}c-shoppable-image[data-dots=none] .c-shop__dot,c-shoppable-image[data-dots=none] .c-shop__tag{display:none}c-shoppable-image[data-dots=none][data-hit=spot]{pointer-events:auto}.c-shop__tag{position:absolute;left:50%;top:calc(50% + 12px);transform:translate(-50%);display:none;padding:2px 6px;border-radius:2px;background:#fffffff0;color:#191212;font-size:.5rem;letter-spacing:.14em;white-space:nowrap;pointer-events:none}c-shoppable-image[data-dots=label] .c-shop__tag:not(:empty){display:block}@keyframes c-shop-ripple{0%{transform:scale(.6);opacity:.85}to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){.c-shop__dot:before{animation:none!important}}.c-shop__peek{position:absolute;left:var(--x);top:var(--y);z-index:3;display:none;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;width:max-content;max-width:240px;padding:8px;border-radius:8px;background:rgb(var(--background));color:rgb(var(--text-color));box-shadow:0 1px 2px #0000000f,0 12px 28px -10px #00000059;transform:translate(-50%,calc(-100% - 18px));pointer-events:none;opacity:0;transition:opacity .18s ease}.c-shop__peek.is-visible{opacity:1}.c-shop__peek-image{width:56px;height:56px;border-radius:5px;object-fit:cover}.c-shop__peek-image[hidden]{display:none}.c-shop__peek-title{font-size:.75rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-shop__peek-price{font-size:.75rem;color:rgb(var(--text-color) / .65)}@media screen and (min-width:1000px){.c-shop__peek{display:grid}}.c-shop__pill{position:fixed;left:50%;bottom:20px;z-index:997;display:flex;align-items:center;gap:7px;padding:10px 18px;border:0;border-radius:var(--rounded-full);background:#110c0cbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.75rem;letter-spacing:.04em;white-space:nowrap;cursor:pointer;transform:translate(-50%,12px);opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.c-shop__pill.is-visible{opacity:1;visibility:visible;transform:translate(-50%);transition-delay:0s}.c-shop__pill-count{opacity:.68;font-variant-numeric:tabular-nums}.c-shop__pill:focus-visible{outline:2px solid #fff;outline-offset:2px}.c-shop__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:997;background:#110c0c4d;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s linear .32s}.c-shop__ui.is-open .c-shop__scrim{opacity:1;visibility:visible;transition-delay:0s}.c-shop__sheet{position:fixed;left:0;right:0;bottom:0;z-index:998;padding-bottom:max(14px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:rgb(var(--background));color:rgb(var(--text-color));box-shadow:0 -8px 40px -12px #00000073;transform:translateY(105%);visibility:hidden;transition:transform .42s cubic-bezier(.32,.72,0,1),visibility 0s linear .42s;will-change:transform}.c-shop__ui.is-open .c-shop__sheet{transform:translateY(0);visibility:visible;transition-delay:0s}.c-shop__sheet.is-dragging{transition:none}@media screen and (min-width:1000px){.c-shop__sheet{left:50%;right:auto;width:min(720px,calc(100vw - 48px));transform:translate(-50%,105%)}.c-shop__ui.is-open .c-shop__sheet{transform:translate(-50%)}}.c-shop__grip{display:grid;place-items:center;padding:10px 0 4px;cursor:grab;touch-action:none}.c-shop__grip span{display:block;width:36px;height:4px;border-radius:var(--rounded-full);background:rgb(var(--text-color) / .25)}.c-shop__head{display:flex;align-items:baseline;gap:10px;padding:2px 18px 12px}.c-shop__eyebrow{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--text-color) / .65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-shop__count{font-size:.6875rem;white-space:nowrap;color:rgb(var(--text-color) / .5);font-variant-numeric:tabular-nums}.c-shop__count b{font-weight:400;color:rgb(var(--text-color))}.c-shop__close{display:grid;place-items:center;margin-inline-start:auto;width:28px;height:28px;padding:0;border:1px solid rgb(var(--border-color));border-radius:var(--rounded-full);background:none;color:rgb(var(--text-color) / .65);cursor:pointer}.c-shop__close:hover{color:rgb(var(--text-color));border-color:rgb(var(--text-color))}.c-shop__close svg{width:12px;height:12px}.c-shop__rail{display:flex;gap:10px;padding-inline:16px;padding-bottom:4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.c-shop__rail::-webkit-scrollbar{display:none}.c-shop__cell{flex:0 0 calc(100% - 46px);scroll-snap-align:center}@media screen and (min-width:700px){.c-shop__cell{flex-basis:calc(50% - 28px)}}@media screen and (min-width:1000px){.c-shop__cell{flex-basis:calc(33.333% - 24px)}}.c-shop__ui[data-card=flat] .c-shop__cell .product-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:13px;align-items:center}.c-shop__ui[data-card=flat] .c-shop__cell .product-card__figure{width:84px}.c-shop__ui[data-card=flat] .c-shop__cell .product-card__image{aspect-ratio:1;object-fit:cover;border-radius:6px}.c-shop__ui[data-card=flat] .c-shop__cell .product-card__info{padding:0}.c-shop__ui[data-card=tall] .c-shop__cell .product-card__image,.c-shop__ui[data-card=medium] .c-shop__cell .product-card__image{border-radius:6px}@media screen and (max-width:699px){.c-shop__ui[data-card=medium] .c-shop__cell{flex-basis:calc(50% - 30px)}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/c-shoppable-hotspot.css.map */