.shop-the-look .thb-hotspot-content,.shop-the-look .thb-hotspot-arrow,.shop-the-look .thb-hotspot-bubble{transition:all .25s cubic-bezier(.104,.204,.492,1)}.shop-the-look--area{position:relative}.shop-the-look--area img{width:100%}.shop-the-look--mobile{display:block}@media only screen and (min-width:768px){.shop-the-look--mobile{display:none}}.shop-the-look--mobile .thb-placeholder{height:400px}.shop-the-look--desktop{display:none}@media only screen and (min-width:768px){.shop-the-look--desktop{display:block}}.shop-the-look--desktop .thb-placeholder{height:600px}.shop-the-look .thb-hotspot{position:absolute;top:0;left:0;z-index:999999}@media only screen and (max-width:767px){.shop-the-look .thb-hotspot[data-mobile-x][data-mobile-y]{left:var(--mobile-x, 0)!important;top:var(--mobile-y, 0)!important}}.shop-the-look .thb-hotspot:hover,.shop-the-look .thb-hotspot.loading{z-index:9999999}.shop-the-look .thb-hotspot:hover .thb-hotspot-arrow,.shop-the-look .thb-hotspot:hover .thb-hotspot-bubble,.shop-the-look .thb-hotspot.loading .thb-hotspot-arrow,.shop-the-look .thb-hotspot.loading .thb-hotspot-bubble{opacity:1;pointer-events:all}.shop-the-look .thb-hotspot:hover .thb-hotspot-arrow,.shop-the-look .thb-hotspot.loading .thb-hotspot-arrow,.shop-the-look .thb-hotspot:hover .thb-hotspot-bubble,.shop-the-look .thb-hotspot.loading .thb-hotspot-bubble{transform:translateY(0)}.shop-the-look .thb-hotspot.loading .thb-hotspot-content{border-width:12px}.shop-the-look .thb-hotspot.loading .thb-hotspot-content .loading-overlay{display:flex}.shop-the-look .thb-hotspot-content{width:24px;height:24px;border-radius:100%;background:transparent;border:8px solid #fff;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.shop-the-look .thb-hotspot-content .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;transform:none;align-items:center;justify-content:center}.shop-the-look .thb-hotspot-content .loading-overlay svg{width:14px}.shop-the-look .thb-hotspot-content .loading-overlay svg circle{stroke:#000}.shop-the-look .thb-hotspot-content.thb-pulsate:after,.shop-the-look .thb-hotspot-content.thb-pulsate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;border-radius:100%;z-index:-1;animation:pulsing 2s infinite}.shop-the-look .thb-hotspot-content.thb-pulsate:after{animation-delay:-.4s}.shop-the-look .thb-hotspot-arrow{position:absolute;top:calc(100% + 11px);left:1px;width:0;height:0;border-width:0 11px 10px 11px;border-color:transparent transparent #fff transparent;border-style:solid;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transform:translateY(20px);pointer-events:none}.shop-the-look .thb-hotspot-arrow:before{content:"";display:block;position:absolute;top:-11px;left:-26px;width:52px;height:22px}.shop-the-look .thb-hotspot-bubble{position:absolute;top:calc(100% + 21px);left:var(--bubble-left, 50%);padding:16px;background:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;width:max-content;max-width:200px;align-items:center;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .25s cubic-bezier(.104,.204,.492,1);margin-left:var(--bubble-margin-left, -100px)}.shop-the-look .thb-hotspot-bubble .thb-hotspot-product-image{width:75px;margin-right:16px;flex-shrink:0;position:relative}.shop-the-look .thb-hotspot-bubble .thb-hotspot-product-image img{width:100%;height:100%;object-fit:cover}.shop-the-look .thb-hotspot-product-content .thb-hotspot-product-title{font-size:.875rem;line-height:1.375rem}.shop-the-look .thb-hotspot.upward .thb-hotspot-arrow{top:auto;bottom:calc(100% + 11px);border-width:10px 11px 0 11px;border-color:#fff transparent transparent transparent;transform:translateY(-20px)}.shop-the-look .thb-hotspot.upward .thb-hotspot-arrow:before{top:auto;bottom:-11px}.shop-the-look .thb-hotspot.upward .thb-hotspot-bubble{top:auto;bottom:calc(100% + 21px);transform:translateY(-20px)}.shop-the-look .thb-hotspot.upward:hover .thb-hotspot-arrow,.shop-the-look .thb-hotspot.upward.loading .thb-hotspot-arrow,.shop-the-look .thb-hotspot.upward:hover .thb-hotspot-bubble,.shop-the-look .thb-hotspot.upward.loading .thb-hotspot-bubble{transform:translateY(0)}@keyframes pulsing{to{transform:scale(1.75);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shop-the-look.css.map */