.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%;display:block}.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:500px}.shop-the-look--desktop{display:none}@media only screen and (min-width:768px){.shop-the-look--desktop{display:block;width:100%;max-width:850px;margin-left:auto;margin-right:auto}.shop-the-look--desktop img{width:100%;height:auto;object-fit:contain}}.shop-the-look--desktop .thb-placeholder{height:600px}.shop-the-look .thb-placeholder{background:var(--color-accent)}.shop-the-look .thb-placeholder svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.shop-the-look .thb-hotspot{position:absolute;top:0;left:0;z-index:20}.shop-the-look .thb-hotspot:hover,.shop-the-look .thb-hotspot.loading{z-index:40}.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{transform:translateY(0)}.shop-the-look .thb-hotspot:hover .thb-hotspot-bubble,.shop-the-look .thb-hotspot.loading .thb-hotspot-bubble{transform:translate(-50%) 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 var(--bg-body, #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:var(--color-body)}.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:5px;width:0;height:0;border-width:0 11px 10px 11px;border-color:transparent transparent var(--bg-body, #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:50%;padding:16px;background:var(--bg-body, #fff);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;width:max-content;max-width:325px;align-items:center;opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.shop-the-look .thb-hotspot-bubble .thb-hotspot-product-image{width:75px;height: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-product-content a{font-size:.75rem;font-weight:var(--font-body-medium-weight, 500)}@keyframes pulsing{to{transform:scale(1.75);opacity:0}}.shop-the-look--desktop-layout{display:none}@media only screen and (min-width:768px){.shop-the-look--desktop-layout{display:grid;grid-template-columns:minmax(0,52%) minmax(360px,48%);gap:34px;width:calc(100% - 80px);max-width:1020px;margin:0 auto;align-items:center}.shop-the-look--desktop{display:block;width:100%;max-width:620px;margin:0 auto}.shop-the-look--desktop img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.shop-the-look--desktop-copy{width:100%;max-width:440px;padding:0;transform:translateY(-24px)}.shop-the-look--eyebrow{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.14em}.shop-the-look--desktop-copy h2{max-width:430px;margin:0 0 22px;font-size:clamp(34px,3vw,46px);line-height:1.04;letter-spacing:-.025em}.shop-the-look--description{max-width:420px;margin-bottom:24px;font-size:16px;line-height:1.6}.shop-the-look--description p{margin:0}.shop-the-look--offer{display:block;width:fit-content;margin-bottom:18px;padding:11px 15px;border:1px solid #111;font-size:12px;font-weight:700;letter-spacing:.05em}.shop-the-look--button{display:flex;width:208px;min-height:46px;align-items:center;justify-content:center}}@media only screen and (min-width:768px)and (max-width:1050px){.shop-the-look--desktop-layout{grid-template-columns:minmax(0,50%) minmax(330px,50%);gap:26px;width:calc(100% - 40px)}.shop-the-look--desktop-copy{transform:translateY(-12px)}.shop-the-look--desktop-copy h2{font-size:36px}}@media only screen and (max-width:767px){.shop-the-look--desktop-layout{display:none}}.ootd-hotspot-code{margin-top:3px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.shop-the-look--supporting-gallery{display:none}@media only screen and (min-width:768px){.shop-the-look--supporting-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:420px;margin-top:24px}.shop-the-look--supporting-item{display:block;overflow:hidden;background:#f5f5f5}.shop-the-look--supporting-image{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;transition:transform .25s ease}.shop-the-look--supporting-item:hover .shop-the-look--supporting-image{transform:scale(1.025)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/shop-the-look.css.map */