.custom-product-highlight{position:relative;width:100%;aspect-ratio:var(--mobile-ratio, 4/5)}@media screen and (min-width:750px){.custom-product-highlight{aspect-ratio:var(--desktop-ratio, 16/9)}}.custom-product-highlight__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.custom-product-highlight__placeholder{background-color:var(--custom-color-gray-100)}.custom-product-highlight__hotspots{position:relative;width:100%;height:100%;z-index:2}.custom-product-highlight__hotspot{position:absolute;left:var(--hotspot-x-sm);top:var(--hotspot-y-sm);transform:translate(-50%,-50%);z-index:2}@media screen and (min-width:750px){.custom-product-highlight__hotspot{left:var(--hotspot-x-lg);top:var(--hotspot-y-lg)}}.custom-product-highlight__hotspot[data-active]{z-index:10}.custom-product-highlight__dot{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--custom-color-white);background-color:#ffffff40;cursor:pointer;padding:0;animation:custom-product-highlight-pulse 2s ease-in-out infinite;-webkit-tap-highlight-color:transparent;transition:background-color var(--custom-transition-fast)}@media screen and (min-width:750px){.custom-product-highlight__dot{width:32px;height:32px}}.custom-product-highlight__dot:hover,.custom-product-highlight__dot:focus-visible{background-color:#ffffff73}.custom-product-highlight__dot:focus-visible{outline:2px solid var(--custom-color-white);outline-offset:2px}.custom-product-highlight__dot[aria-expanded=true]{background-color:var(--custom-color-white);animation:none}.custom-product-highlight__dot-inner{width:8px;height:8px;border-radius:50%;background-color:var(--custom-color-white);transition:background-color var(--custom-transition-fast)}@media screen and (min-width:750px){.custom-product-highlight__dot-inner{width:10px;height:10px}}.custom-product-highlight__dot[aria-expanded=true] .custom-product-highlight__dot-inner{background-color:var(--custom-color-black)}@keyframes custom-product-highlight-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media(prefers-reduced-motion:reduce){.custom-product-highlight__dot{animation:none}}.custom-product-highlight__bubble{position:absolute;display:none;align-items:center;pointer-events:none;opacity:0;transition:opacity var(--custom-transition-normal)}@media screen and (min-width:750px){.custom-product-highlight__bubble{display:flex}.custom-product-highlight__hotspot:hover .custom-product-highlight__bubble{opacity:1}.custom-product-highlight__hotspot[data-active] .custom-product-highlight__bubble{display:none}}.custom-product-highlight__label{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;background-color:var(--custom-color-white);color:var(--custom-color-black);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:var(--custom-space-1) var(--custom-space-2);line-height:var(--custom-leading-snug)}@media screen and (min-width:750px){.custom-product-highlight__label{font-size:var(--custom-text-xs);padding:var(--custom-space-2) var(--custom-space-3)}}.custom-product-highlight__line{flex-shrink:0;background-color:var(--custom-color-white)}.custom-product-highlight__bubble--top{bottom:100%;left:50%;transform:translate(-50%);flex-direction:column;align-items:center;margin-bottom:4px}.custom-product-highlight__bubble--top .custom-product-highlight__line{width:1px;height:16px;order:2}.custom-product-highlight__bubble--top .custom-product-highlight__label{order:1}.custom-product-highlight__bubble--bottom{top:100%;left:50%;transform:translate(-50%);flex-direction:column;align-items:center;margin-top:4px}.custom-product-highlight__bubble--bottom .custom-product-highlight__line{width:1px;height:16px;order:1}.custom-product-highlight__bubble--bottom .custom-product-highlight__label{order:2}.custom-product-highlight__bubble--left{right:100%;top:50%;transform:translateY(-50%);flex-direction:row;margin-right:4px}.custom-product-highlight__bubble--left .custom-product-highlight__line{width:16px;height:1px;order:2}.custom-product-highlight__bubble--left .custom-product-highlight__label{order:1}.custom-product-highlight__bubble--right{left:100%;top:50%;transform:translateY(-50%);flex-direction:row;margin-left:4px}.custom-product-highlight__bubble--right .custom-product-highlight__line{width:16px;height:1px;order:1}.custom-product-highlight__bubble--right .custom-product-highlight__label{order:2}.custom-product-highlight__card{display:none;position:absolute;width:260px;background-color:var(--custom-color-white);box-shadow:0 4px 24px #0000001f;z-index:10}.custom-product-highlight__card[data-active]{display:block}@media screen and (max-width:749px){.custom-product-highlight__card{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;max-height:70vh;overflow-y:auto;z-index:100;transform:translateY(100%);transition:transform var(--custom-transition-slow);-webkit-overflow-scrolling:touch}.custom-product-highlight__card[data-active]{transform:translateY(0)}}.custom-product-highlight__backdrop{display:none}@media screen and (max-width:749px){.custom-product-highlight__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:99;opacity:0;visibility:hidden;transition:opacity var(--custom-transition-slow),visibility var(--custom-transition-slow)}.custom-product-highlight__backdrop[data-visible]{display:block;opacity:1;visibility:visible}}.custom-product-highlight__card-empty{padding:var(--custom-space-4);text-align:center;color:var(--custom-color-gray-500);font-size:var(--custom-text-sm)}.custom-hotspot-card{display:flex;flex-direction:column}@media screen and (max-width:749px){.custom-hotspot-card{flex-direction:row;align-items:flex-start}}.custom-hotspot-card__image-link{display:block;flex-shrink:0;overflow:hidden;background-color:var(--custom-color-gray-100)}@media screen and (min-width:750px){.custom-hotspot-card__image-link{width:100%;aspect-ratio:1/1}}@media screen and (max-width:749px){.custom-hotspot-card__image-link{width:110px;aspect-ratio:1/1}}.custom-hotspot-card__image{width:100%;height:100%;object-fit:cover;display:block}.custom-hotspot-card__image-link{position:relative}.custom-hotspot-card__image--primary,.custom-hotspot-card__image--hover{transition:opacity .3s ease}.custom-hotspot-card__image--hover{position:absolute;top:0;left:0;opacity:0}.custom-hotspot-card__image-link:hover .custom-hotspot-card__image--primary{opacity:0}.custom-hotspot-card__image-link:hover .custom-hotspot-card__image--hover{opacity:1}.custom-hotspot-card__image-placeholder{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background-color:var(--custom-color-gray-100)}.custom-hotspot-card__image-placeholder svg{width:60%;height:60%;opacity:.3}.custom-hotspot-card__info{padding:var(--custom-space-3);display:flex;flex-direction:column;gap:var(--custom-gap-xs);flex:1;min-width:0}.custom-hotspot-card__title{font-size:var(--custom-text-sm);font-weight:500;line-height:var(--custom-leading-snug);color:var(--custom-color-black);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.custom-hotspot-card__title:hover{text-decoration:underline}.custom-hotspot-card__price{font-size:var(--custom-text-sm);font-weight:400;color:var(--custom-color-black);display:flex;align-items:center;gap:var(--custom-gap-xs);flex-wrap:wrap}.custom-hotspot-card__price--sale{color:var(--custom-color-error);font-weight:500}.custom-hotspot-card__price--compare{text-decoration:line-through;color:var(--custom-color-gray-500);font-size:11px}.custom-hotspot-card__price--soldout{font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--custom-color-gray-500)}.custom-hotspot-card__swatches{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.custom-hotspot-card__swatch{width:14px;height:14px;border-radius:50%;border:1px solid var(--custom-color-gray-200);display:inline-block;flex-shrink:0}.custom-hotspot-card__quick-buy{display:flex;align-items:center;justify-content:center;gap:var(--custom-gap-xs);width:100%;margin-top:var(--custom-space-1);padding:10px var(--custom-space-3);background-color:var(--custom-color-black);color:var(--custom-color-white);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:background-color var(--custom-transition-fast);position:relative}.custom-hotspot-card__quick-buy:hover{background-color:var(--custom-color-gray-800)}.custom-hotspot-card__quick-buy .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:inherit}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-product-highlight.css.map */