.fragrance-notes__grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:40px;--fn-gap: 10px}@media screen and (min-width:990px){.fragrance-notes__grid{column-gap:60px;align-items:start}.fragrance-notes__grid--third{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.fragrance-notes__grid--two_fifths{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.fragrance-notes__grid--half{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.fragrance-notes__heading{margin:0 0 16px}.fragrance-notes__text{max-width:480px}.fragrance-notes__list-block{margin-top:32px;max-width:480px}.fragrance-notes__list-heading{margin:0 0 8px}.fragrance-notes__checklist{list-style:none;margin:0;padding:0}.fragrance-notes__checklist li{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(var(--color-foreground),.15)}.fragrance-icon{width:14px;height:14px;flex-shrink:0}.fragrance-profile{margin-top:32px;max-width:480px}.fragrance-profile__heading{margin:0 0 8px}.fragrance-profile__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.fragrance-profile__row{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px}.fragrance-profile__track{position:relative;height:4px;border-radius:4px;background:rgba(var(--color-foreground),.12);overflow:hidden}.fragrance-profile__fill{position:absolute;inset:0 auto 0 0;width:var(--value, 0%);background:rgb(var(--color-foreground));border-radius:inherit}.fragrance-notes__slides{display:flex;gap:var(--fn-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.fragrance-notes__slides::-webkit-scrollbar{display:none}.fragrance-notes__slide{flex:0 0 82%;scroll-snap-align:start}@media screen and (max-width:749px){.fragrance-notes__slides{margin:0 -1.5rem;padding:0 1.5rem;scroll-padding-left:1.5rem}}@media screen and (min-width:750px){.fragrance-notes__slide{flex-basis:calc((100% - var(--fn-gap)) / 2)}}@media screen and (min-width:990px){.fragrance-notes__slide{flex-basis:calc((100% - (var(--slides-desktop) - 1) * var(--fn-gap)) / var(--slides-desktop))}}.fragrance-note__media{background:rgba(var(--color-foreground),.04)}.fragrance-note__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fragrance-note__image{object-fit:cover}.fragrance-note__info{padding-top:12px}.fragrance-note__eyebrow{margin:0 0 4px;opacity:.7}.fragrance-note__title{margin:0 0 8px}.fragrance-note__tags{list-style:none;margin:0 0 8px;padding:0}.fragrance-note__tags li{display:flex;align-items:center;gap:8px}.fragrance-notes__controls{display:flex;align-items:center;gap:20px;margin-top:16px}.fragrance-notes__progress{position:relative;display:block;flex:1;height:1px;background:rgba(var(--color-foreground),.15)}.fragrance-notes__progress-thumb{position:absolute;top:-.5px;height:2px;width:var(--fn-thumb, 30%);left:calc(var(--fn-progress, 0) * (100% - var(--fn-thumb, 30%)));background:rgb(var(--color-foreground));transition:left .15s linear}.fragrance-notes__buttons{border:0;justify-content:flex-end;flex-shrink:0}.fragrance-notes h2,.fragrance-notes h3,.fragrance-notes p,.fragrance-notes li,.fragrance-notes .rte,.fragrance-notes .caption,.fragrance-notes .caption-with-letter-spacing{letter-spacing:0}.fragrance-notes .fragrance-notes__heading{font-size:16px;line-height:20px;font-weight:700;text-transform:uppercase}.fragrance-notes .fragrance-note__title{font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase}.fragrance-notes .rte,.fragrance-notes .rte p,.fragrance-notes .fragrance-notes__list-heading,.fragrance-notes .fragrance-notes__checklist li,.fragrance-notes .fragrance-note__tags li,.fragrance-notes .fragrance-profile__heading,.fragrance-notes .fragrance-profile__label{font-size:12px;line-height:16px}.fragrance-notes .fragrance-note__eyebrow{font-size:8px;line-height:8px;text-transform:uppercase}.fragrance-notes .slider-counter{font-size:8px;line-height:8px}@media screen and (min-width:750px){.fragrance-notes .fragrance-notes__heading{font-size:20px;line-height:24px}.fragrance-notes .fragrance-note__title{font-size:14px;line-height:18px}.fragrance-notes .fragrance-note__eyebrow,.fragrance-notes .slider-counter{font-size:10px;line-height:10px}}.fragrance-notes__list-block+.fragrance-notes__list-block{margin-top:16px}@media screen and (min-width:990px){.fragrance-notes__grid--expandable{container-type:inline-size;--fn-expand-ease: cubic-bezier(.22, 1, .36, 1);--fn-expand-duration: .8s;--fn-fade-ease: cubic-bezier(.22, 1, .36, 1);--fn-fade-out-duration: .45s;--fn-fade-in-duration: .6s;--fn-fade-in-delay: .05s;transition:grid-template-columns var(--fn-expand-duration) var(--fn-expand-ease),column-gap var(--fn-expand-duration) var(--fn-expand-ease)}.fragrance-notes__grid--expandable .fragrance-notes__slide{flex-basis:calc((100cqw - (var(--slides-expanded, 4) - 1) * var(--fn-gap)) / var(--slides-expanded, 4))}.fragrance-notes__grid--expandable .fragrance-notes__intro>*{transition:opacity var(--fn-fade-in-duration) var(--fn-fade-ease) var(--fn-fade-in-delay)}.fragrance-notes__grid.fragrance-notes__grid--expanded{grid-template-columns:minmax(0,0fr) minmax(0,1fr);column-gap:0}.fragrance-notes__grid--expanded .fragrance-notes__intro,.fragrance-notes__grid--collapsing .fragrance-notes__intro{overflow:hidden}.fragrance-notes__grid--settled .fragrance-notes__intro{contain:size}.fragrance-notes__grid--expanded .fragrance-notes__intro>*,.fragrance-notes__grid--collapsing .fragrance-notes__intro>*{width:var(--fn-intro-w, auto)}.fragrance-notes__grid--expanded .fragrance-notes__intro{visibility:hidden;transition:visibility 0s linear var(--fn-expand-duration)}.fragrance-notes__grid--expanded .fragrance-notes__intro>*{opacity:0;transition:opacity var(--fn-fade-out-duration) var(--fn-fade-ease)}}@media screen and (min-width:990px)and (prefers-reduced-motion:reduce){.fragrance-notes__grid--expandable,.fragrance-notes__grid--expandable .fragrance-notes__intro,.fragrance-notes__grid--expandable .fragrance-notes__intro>*{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/469/assets/section-fragrance-notes.css.map */