body{overflow-x:hidden}.custom-shop-the-look{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.custom-shop-the-look__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center}.custom-shop-the-look__media--placeholder{background:#222}.custom-shop-the-look__heading{position:absolute;top:2.5rem;left:2.5rem;z-index:3;margin:0;color:#fff;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.12em;font-size:2.6rem}.custom-shop-the-look__hotspot{position:absolute;transform:translate(-50%,-50%);z-index:4;cursor:pointer}.custom-shop-the-look__dot{width:4rem;height:4rem;box-sizing:border-box;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #0003;transition:transform .25s ease,background .25s ease}.custom-shop-the-look__dot:hover,.custom-shop-the-look__dot:focus-visible{transform:scale(1.15);background:#fff}.custom-shop-the-look__dot-icon{position:relative;display:block;width:1.6rem;height:1.6rem}.custom-shop-the-look__dot-icon:before,.custom-shop-the-look__dot-icon:after{content:"";position:absolute;top:50%;left:50%;background:#111;border-radius:2px;transition:transform .25s ease}.custom-shop-the-look__dot-icon:before{width:3px;height:100%;transform:translate(-50%,-50%)}.custom-shop-the-look__dot-icon:after{width:100%;height:3px;transform:translate(-50%,-50%)}.custom-shop-the-look__hotspot:hover .custom-shop-the-look__dot-icon{transform:rotate(45deg)}.custom-shop-the-look__tooltip{position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translate(-50%) translateY(6px);white-space:nowrap;background:#fff;color:#111;text-decoration:none;padding:.6rem 1.2rem;font-size:1.2rem;letter-spacing:.02em;box-shadow:0 4px 16px #00000026;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.custom-shop-the-look__tooltip--empty{color:#999;font-style:italic}.custom-shop-the-look__hotspot:hover .custom-shop-the-look__tooltip,.custom-shop-the-look__hotspot:focus-within .custom-shop-the-look__tooltip{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}@media screen and (max-width:749px){.custom-shop-the-look__heading{top:1.5rem;left:1.5rem;font-size:1.9rem}.custom-shop-the-look__dot{width:3.2rem;height:3.2rem}.custom-shop-the-look__dot-icon{width:1.3rem;height:1.3rem}.custom-shop-the-look__tooltip{font-size:1.05rem;padding:.5rem .9rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-custom-shop-the-look.css.map */