.scent-finder{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;opacity:0;transition:opacity .6s ease;border:1px solid var(--primary-white, #FFF)}.scent-finder.is-ready{opacity:1}body.page-scent-finder .header-group:has(.white-header) .section-header{border:1px solid var(--primary-white, #FFF)}body.page-scent-finder .header-group{background:#000c}.scent-finder__bg{position:absolute;top:0;left:0;width:200vw;height:200vh;background-size:cover;background-position:center;display:block!important;will-change:transform;z-index:0}.scent-finder__drag-area{position:relative;width:200vw;height:200vh;will-change:transform;z-index:2}.sf-initial-overlay{position:absolute;display:block!important;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:#000;opacity:.3;cursor:pointer;transition:opacity 1s ease}.sf-initial-overlay.is-hidden{opacity:0;pointer-events:none}.scent-finder__block{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2;transition:opacity .5s ease;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center}.scent-finder__block.is-active{transition:opacity .35s ease}.scent-finder__block.is-active .scent-finder__block-label{margin-top:75px}.scent-finder.drawer-active .scent-finder__block:not(.is-active):not(:hover){opacity:.3;transition:opacity .35s ease}.scent-finder__block img{width:150px;height:150px;object-fit:cover;border-radius:4px;pointer-events:none;transform-origin:50% 50%;transition:transform .35s ease}.scent-finder__block:hover img{transform:scale(1.1)}.scent-finder__block.is-active img{transform:scale(2)}.scent-finder:has(.scent-finder__block:hover) .scent-finder__block:not(:hover):not(.is-active) img{transform:scale(.9)}.scent-finder.drawer-active .scent-finder__block:not(.is-active):not(:hover) img{transform:scale(.9)}.scent-finder__block-label{display:flex;justify-content:center;align-items:center;gap:4px;width:auto;margin-top:16px;color:#fff;pointer-events:none;transition:margin .3s ease}.scent-finder__block-label .scent-title{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .6s ease,max-width .6s ease}.scent-finder__block-label svg{flex-shrink:0;transition:transform .6s ease}.scent-finder__block:hover .scent-title,.scent-finder__block.is-active .scent-title{opacity:1;max-width:500px}.sf-meta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:351px;text-align:center;z-index:5;pointer-events:none;display:grid;gap:24px;transition:opacity 1s ease}.sf-meta.is-hidden{opacity:0}.sf-meta *{color:#fff}.sf-meta-inr h1{font-weight:300;margin-bottom:24px;text-transform:unset}.sf-text{margin-bottom:24px;opacity:.7}.sg-subtitle{font-weight:500;opacity:.7;letter-spacing:.48px;margin-bottom:8px;display:block}.sf-drag{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;text-transform:uppercase}.sf-drag.fixed{opacity:0;visibility:hidden;position:fixed;bottom:0;left:50%;transform:translate(-50%);color:var(--white);pointer-events:none;transition:opacity 1s ease;padding-bottom:24px;z-index:1}.scent-finder:not(.has-overlay) .sf-drag.fixed{opacity:1;visibility:visible}.scent-finder.drawer-active .sf-drag.fixed{opacity:.3}.sf-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10;opacity:0;visibility:hidden;pointer-events:none;display:block!important;transition:opacity .35s ease,visibility .35s ease}.sf-drawer-backdrop.is-visible{opacity:1;visibility:visible}.sf-drawer{position:fixed;top:0;left:0;width:420px;max-width:90vw;height:100vh;border:1px solid var(--primary-white, #FFF);background:var(--overlay-overlay-large, rgba(255, 255, 255, .9));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:11;transform:translate(-100%);transition:transform .7s cubic-bezier(.86,0,.24,1);overflow:visible;box-sizing:border-box}.sf-drawer.is-open{transform:translate(0)}.sf-drawer__body{height:100%}.sf-drawer.change-to-absolute{position:absolute!important;transform:translate(0)!important}.sf-drawer__close{display:none;position:absolute;top:50%;right:0;transform:translate(50%,-50%);background:#fff;border:none;cursor:pointer;width:36px;height:36px;padding:12px;align-items:center;justify-content:center;z-index:2}.sf-drawer.is-open .sf-drawer__close{display:flex}.sf-drawer__panel{display:none;position:relative;padding-block:12px}.sf-drawer__panel h2{margin:0 0 8px}.sf-drawer__subtitle{margin-block:8px 24px;opacity:.7}.sf-drawer__desc{margin-bottom:24px;color:#4d4d4d;font-style:normal;font-weight:400;line-height:124%;letter-spacing:1%;font-size:14px}.sf-drawer__panel .product-types{color:#4d4d4d;font-weight:500;margin-bottom:24px}.sf-drawer__panel .display-large{font-weight:300}.sf-drawer__notes{margin:0}.section-scent-finder{position:relative}.sf-drawer__notes li{display:flex;align-items:baseline;gap:10px}.sf-drawer__notes li:first-child{padding-bottom:12px}.sf-drawer__notes li:not(:first-child){padding-block:12px}.sf-drawer__notes li .body-geist-head{flex:1;text-align:end}.sf-drawer__notes{height:auto}.sf-drawer__notes li{border-bottom:.5px solid var(--primary-grey, #9C9C9C)}.sf-drawer__notes p,.sf-drawer__notes span{font-size:10px}.sf-drawer__notes .body-head{font-weight:400;color:var(--black)}.sf-drawer__products .snippet-product-grid .grid-meta .pro-meta-content{gap:4px}.sf-drawer__products .snippet-product-grid .grid-meta .pro-meta-content a,.sf-drawer__products .snippet-product-grid .grid-meta .pro-meta-content .card-pro-price,.sf-drawer__products .snippet-product-grid .grid-meta .cta-teritiary .teritiary-wrapper{color:#4d4d4d;font-size:10px;font-style:normal;font-weight:500;line-height:110%;letter-spacing:.4px;text-transform:uppercase}.scent-card-top,.sf-drawer__notes{padding-inline:12px}.sf-drawer__products .product-highlights-cta{display:none}.inspired-by-wrapper{padding-left:24px}.inspired-by-wrapper>span{padding-block:12px;color:var(--black);display:block}.inspired-by-medias{display:flex;gap:8px;align-items:stretch}.inspired-by-medias .media-1,.inspired-by-medias .media-2{position:relative;flex:1;overflow:hidden}.inspired-by-medias .media-1 span,.inspired-by-medias .media-2 span{position:absolute;bottom:12px;left:12px;color:var(--primary-white, #FFF)}.inspired-by-medias img{object-fit:cover;height:100%;width:100%;display:block;height:280px}.inspired-by-medias a{width:100%;height:100%}.quadrant-title{color:#fff;position:absolute;z-index:1;text-transform:uppercase;font-size:12px}.top-right-quadrant{top:35%;right:35%}.top-left-quadrant{top:35%;left:35%}.bottom-right-quadrant{bottom:35%;right:35%}.bottom-left-quadrant{bottom:35%;left:35%}@media(min-width:1024px){.sf-drawer{width:50vw;max-width:50vw;background:#f0eded}.sf-drawer-backdrop{display:none!important}.scent-finder{transition:opacity .6s ease}.sf-drawer__panel .product-types{margin-bottom:16px}.sf-drawer__panel,.sf-drawer__body{height:100%}.sf-drawer__panel>*:not(.sf-drawer__products){width:calc(100% - 235px)}.sf-drawer__products{width:235px;position:absolute;top:0;right:0;border:1px solid var(--primary-white, #FFF);background:var(--primary-packshot, #F8F7F5);height:100%;overflow:hidden}.sf-drawer__products .product-highlights,.sf-drawer__products .ph-inr,.sf-drawer__products .ph-slider{height:100%}.sf-drawer__products .ph-slider .swiper-wrapper{display:flex!important;flex-direction:column!important;align-items:stretch}.sf-drawer__products .ph-slider .swiper-slide{height:auto!important;flex:0 0 auto!important;box-sizing:border-box}.sf-drawer__products .ph-slider .swiper-slide:first-child{margin-top:36px}.sf-drawer__products .ph-slider .product-images img{width:100%;height:auto;display:block}.sf-drawer__products .snippet-product-grid:hover .grid-meta .grid-variant-outer,.sf-drawer__products .snippet-product-grid:hover .grid-meta .quick-add{background:var(--primary-packshot, #F8F7F5)}.sf-drawer__products .product-item{overflow:unset}.sf-drawer__products .product-item .grid-variant-outer{display:none!important;transition:.3s ease}.sf-drawer__products .snippet-product-grid:hover .grid-meta .grid-variant-outer,.sf-drawer__products .snippet-product-grid:hover .grid-meta .quick-add{display:block!important}.sf-drawer__products .snippet-product-grid .grid-meta,.sf-drawer__products .snippet-product-grid .grid-meta .grid-variant-outer{padding-top:37px}.scent-card__panel-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sf-drawer__products .product-highlights-cta{display:block;position:absolute;z-index:16;bottom:0;padding:12px;width:100%;text-align:center;background:var(--primary-white, #FFF)}.sf-drawer__products .product-highlights-cta a{padding:13px 30px;border:1px solid var(--primary-white, #FFF);background:var(--technical);width:100%;color:var(--primary-white, #FFF)}.sf-drawer__products .product-highlights-cta a:hover{background:var(--brown)}.inspired-by-wrapper{padding-inline:12px}}@media(max-width:1023px){.sf-drawer__body{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.sf-drawer{height:100dvh}.sf-drawer__panel{padding-block:24px}.scent-card-top,.sf-drawer__notes{padding-inline:24px}.sf-drawer__products{padding-left:24px;margin-bottom:48px}.sf-drawer__products .snippet-product-grid .grid-meta{padding:12px 0 0}.sf-drawer__products .snippet-product-grid .grid-imagewrap{padding:0}.sf-drawer__products .snippet-product-grid .product-images img{vertical-align:unset}.sf-drawer__desc{font-size:10px}.sf-drawer__products .ph-slider:not(.swiper-initialized){padding-right:24px}.inspired-by-medias{overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.inspired-by-medias .media-1,.inspired-by-medias .media-2{flex:0 0 calc(100% - 126px);scroll-snap-align:start}.inspired-by-medias img{aspect-ratio:67/86!important;object-fit:unset}.inspired-by-medias .media-2{margin-right:24px}.quadrant-title{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/scent-finder.css.map */