lookbook-notch-component.lookbook-notch{display:block}lookbook-notch-component.lookbook-notch .lookbook-notch--placeholder.media--adapt{font-size:0;height:auto;padding-bottom:0}lookbook-notch-component.lookbook-notch .quick-view__summary{position:static;width:auto;height:auto;background-color:transparent;transform:none;box-shadow:none;transition:none}lookbook-notch-component.lookbook-notch .quick-view__summary:after{content:none}.lookbook-notch--placeholder{background-color:#00000080}.notch-look__hotspot{z-index:1;position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);margin-left:-2.2rem;margin-top:-2.2rem;width:4.4rem;height:4.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:inherit}.notch-look__hotspot.is-open{z-index:3}[data-animate-image] .lookbook-notch use-animate .notch-look__hotspot{opacity:0}[data-animate-image] .lookbook-notch use-animate[animate] .notch-look__hotspot{animation:fade-in var(--duration-long) ease calc(var(--duration-animate) - .25s) forwards}.no-js .lookbook-notch use-animate .notch-look__hotspot{opacity:1}.lookbook-notch .media:after{content:"";pointer-events:none;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.notch-look__hotspot:before,.notch-look__hotspot:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.notch-look__hotspot:before{box-sizing:border-box;width:1.6rem;height:1.6rem;background-color:rgb(var(--hotspot-center-color));border:var(--hotspot-center-border-width) solid rgb(var(--hotspot-center-border-color));transition:transform var(--duration-default) ease}.notch-look__hotspot:after{width:100%;height:100%;background-color:rgba(var(--hotspot-pulse-ring-color),.5);animation:notch-hotspot-pulse 1.5s ease infinite}@media screen and (hover:hover){.notch-look__hotspot:hover{z-index:2}.notch-look__hotspot:hover:before,.notch-look__hotspot:focus-visible:before,.notch-look__hotspot.is-open:before{transform:scale(2)}}.notch-look__hotspot:focus-visible{outline:.2rem solid rgba(var(--hotspot-center-color),.9);outline-offset:.2rem;z-index:2}.notch-look__hotspot:empty{display:flex}@keyframes notch-hotspot-pulse{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.notch-look__hotspot-card{pointer-events:none;z-index:1;position:absolute;display:flex;flex-direction:row;align-items:stretch;gap:0;width:28rem;max-width:min(28rem,calc(100vw - 3rem));max-height:min(70vh,36rem);padding:0;border-radius:1.2rem;background-color:rgb(var(--color-background));box-shadow:0 1rem 2rem rgba(var(--color-foreground),.1),0 2rem 4rem rgba(var(--color-foreground),.2);top:calc(100% + 1rem);left:50%;transform:translate(-50%);opacity:0;visibility:hidden;overflow:visible;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.notch-look__hotspot-card:not(.notch-look__hotspot-card--has-image):not(.notch-look__hotspot-card--has-video){width:20rem;max-width:min(20rem,calc(100vw - 3rem))}.notch-look__hotspot-card--custom-media{width:min(42rem,calc(100vw - 2.4rem));max-width:min(42rem,calc(100vw - 2.4rem));max-height:min(78vh,42rem)}.notch-look__hotspot-card:after{content:"";display:block;border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-bottom:.6rem solid rgb(var(--color-background));position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.notch-look__hotspot-card--left{left:0;transform:none}.notch-look__hotspot-card--left:after{left:1.6rem;transform:none}.notch-look__hotspot-card--right{left:auto;right:0;transform:none}.notch-look__hotspot-card--right:after{left:auto;right:1.6rem;transform:none}.notch-look__hotspot-card--bottom{top:auto;bottom:calc(100% + 1rem)}.notch-look__hotspot-card--bottom:after{top:auto;bottom:-.6rem;border-bottom:none;border-top:.6rem solid rgb(var(--color-background))}.notch-look__hotspot.is-open .notch-look__hotspot-card,.notch-look__hotspot:focus-within .notch-look__hotspot-card{opacity:1;visibility:visible;pointer-events:auto;z-index:2}@media screen and (hover:hover)and (pointer:fine){.notch-look__hotspot:hover .notch-look__hotspot-card{opacity:1;visibility:visible;pointer-events:auto;z-index:2}}.notch-look__hotspot-card__media{flex:0 0 9.6rem;width:9.6rem;min-height:9.6rem;margin:0;overflow:hidden;border-radius:1.2rem 0 0 1.2rem;background-color:rgba(var(--color-foreground),.04)}.notch-look__hotspot-card__image{display:block;width:100%;height:100%;min-height:9.6rem;object-fit:cover}.notch-look__hotspot-card--custom-media .notch-look__hotspot-card__media{flex:0 0 min(48%,22rem);width:min(48%,22rem);min-height:16rem;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:.8rem;background-color:#f3f3f3;box-sizing:border-box}.notch-look__hotspot-card--custom-media .notch-look__hotspot-card__image{width:100%;height:100%;min-height:14.4rem;max-height:min(60vh,32rem);object-fit:contain;object-position:center}.notch-look__hotspot-card--custom-media .notch-look__hotspot-card__media--video{position:relative;padding:0;background-color:#111}.notch-look__hotspot-card__video{display:block;width:100%;height:100%;min-height:16rem;max-height:min(60vh,32rem);object-fit:contain;background-color:#111}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--has-video.notch-look__hotspot-card--video-landscape{flex-direction:column;align-items:stretch;width:min(44rem,calc(100vw - 2.4rem));max-width:min(44rem,calc(100vw - 2.4rem));height:auto;max-height:min(85vh,52rem);overflow:hidden}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--video-landscape .notch-look__hotspot-card__media--video{flex:0 0 auto;width:100%;min-height:0;height:auto;align-self:stretch;padding:0;border-radius:1.2rem 1.2rem 0 0;background-color:#111;aspect-ratio:var(--notch-video-aspect-ratio, 16 / 9)}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--video-landscape .notch-look__hotspot-card__video{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center;background-color:#111;border-radius:0}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--video-landscape .notch-look__hotspot-card__body{flex:1 1 auto;min-height:0;border-radius:0 0 1.2rem 1.2rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--has-video.notch-look__hotspot-card--video-portrait .notch-look__hotspot-card__video{object-fit:contain}.notch-look__hotspot-card:before{content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem;background:transparent}.notch-look__hotspot-card--bottom:before{top:auto;bottom:-1.2rem}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card__media--video>button.notch-look__hotspot-card__mute{all:unset;box-sizing:border-box;position:absolute;z-index:3;top:.6rem;right:.6rem;display:inline-flex!important;align-items:center;justify-content:center;width:3rem!important;height:3rem!important;min-width:0!important;min-height:0!important;max-width:3.2rem!important;max-height:3.2rem!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background-color:#0000008c!important;color:#fff!important;cursor:pointer;line-height:0!important;letter-spacing:0!important;text-transform:none!important;font-size:0!important;font-weight:400!important;box-shadow:0 .15rem .4rem #00000059;overflow:hidden;-webkit-appearance:none!important;appearance:none!important;flex:0 0 auto!important}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card__media--video>button.notch-look__hotspot-card__mute:hover,lookbook-notch-component.lookbook-notch .notch-look__hotspot-card__media--video>button.notch-look__hotspot-card__mute:focus-visible{background-color:#000000b8!important;outline:.15rem solid rgba(255,255,255,.75);outline-offset:.1rem}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card__mute-icon{display:block;width:1.4rem;height:1.4rem;flex:0 0 1.4rem;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.notch-look__hotspot-card__mute-icon--muted{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cline x1='23' y1='9' x2='17' y2='15'/%3E%3Cline x1='17' y1='9' x2='23' y2='15'/%3E%3C/svg%3E")}.notch-look__hotspot-card__mute-icon--unmuted{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3C/svg%3E")}.notch-look__hotspot-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;padding:1rem 1.4rem;overflow:auto;border-radius:0 1.2rem 1.2rem 0;background-color:rgb(var(--color-background))}.notch-look__hotspot-card--custom-media .notch-look__hotspot-card__body{padding:1.2rem 1.6rem}.notch-look__hotspot-card__title{font-size:1.4rem;line-height:1.25;margin:0;width:100%}.notch-look__hotspot-card__description{margin:0;font-size:1.2rem;line-height:1.35;color:rgba(var(--color-foreground),.75);width:100%}.notch-look__hotspot-card__price{margin-top:.2rem;line-height:1}.notch-look__hotspot-card__price .price bdi{font-size:1.4rem}@media screen and (max-width:749px){.notch-look__hotspot-card,.notch-look__hotspot-card--custom-media{width:min(32rem,calc(100vw - 2.4rem));max-width:min(32rem,calc(100vw - 2.4rem));max-height:min(80vh,40rem);flex-direction:column}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--has-video.notch-look__hotspot-card--video-landscape{width:min(36rem,calc(100vw - 2.4rem));max-width:min(36rem,calc(100vw - 2.4rem))}.notch-look__hotspot-card__media,.notch-look__hotspot-card--custom-media .notch-look__hotspot-card__media{flex:0 0 auto;width:100%;min-height:14rem;border-radius:1.2rem 1.2rem 0 0}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--video-landscape .notch-look__hotspot-card__media--video{min-height:0}.notch-look__hotspot-card--custom-media .notch-look__hotspot-card__image,.notch-look__hotspot-card__video{min-height:14rem;max-height:40vh}lookbook-notch-component.lookbook-notch .notch-look__hotspot-card--video-landscape .notch-look__hotspot-card__video{min-height:0;max-height:none}.notch-look__hotspot-card__body{padding:1rem 1.2rem 1.2rem;border-radius:0 0 1.2rem 1.2rem}}@media(prefers-reduced-motion:reduce){.notch-look__hotspot:after{animation:none}.notch-look__hotspot-card{transition:none}[data-animate-image] .lookbook-notch use-animate[animate] .notch-look__hotspot{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-lookbook-notch.css.map */