.product-scent-notes{position:relative;--active-color: var(--color-brand-light);--inactive-color: var(--color-grey-300);color:var(--active-color);display:block}.psn-media{position:absolute;top:0;left:0;width:100%;height:100%}.psn-media--default{height:100%}.psn-media lazy-image{height:100%;padding-bottom:0}.psn-media--note{position:absolute;top:0;left:0;width:100%;height:100%}.psn-media__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}.psn-inner{position:relative;padding:var(--space-lg);min-height:52rem;display:flex;flex-direction:column;justify-content:space-between}.psn-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%}.psn-heading{width:100%;margin-top:0;margin-bottom:0;color:currentColor}.psn-controls{position:absolute;right:0}.psn-video__button{position:relative;bottom:auto;right:auto}.psn-video__button:hover{color:var(--color-black)}.product-scent-notes .pause,.product-scent-notes.auto-playing .play{display:none}.product-scent-notes.auto-playing .pause{display:block}.psn-wrapper{margin-top:20rem;width:100%}.psn-wrapper .flickity-slider{display:grid}.psn-item{margin-right:var(--space-block-margin);max-width:25rem;align-self:end}.psn-item__title{margin:0;text-transform:uppercase}.psn-item__title,.psn-item__description{color:var(--inactive-color);transition:.3s color}.psn-item.is-selected .psn-item__title,.psn-item.is-selected .psn-item__description{color:var(--active-color)}.psn-item__description p{margin-top:var(--space-xs);margin-bottom:0}.psn-item__thumbnail{max-width:13rem;border:2px solid var(--active-color);margin-bottom:var(--space-xs);opacity:0;visibility:hidden;transition:.3s opacity,.3s visibility}.psn-item.is-selected .psn-item__thumbnail{opacity:1;visibility:visible}.psn-item__progress{width:100%;height:.2rem;background-color:var(--inactive-color);display:block;margin-top:var(--space-block-margin);position:relative}.psn-item__progress-bar{position:absolute;width:0;height:100%;top:0;left:0;background-color:var(--active-color)}.psn-item.is-selected .psn-item__progress-bar{animation:progress var(--animation-duration) linear forwards}.product-scent-notes:not(.auto-playing) .psn-item.is-selected .psn-item__progress-bar{animation-play-state:paused}@keyframes progress{0%{width:0%}to{width:100%}}@media screen and (min-width: 750px){.psn-item__description{max-width:35rem}.psn-item{margin-right:var(--space-sm);width:calc((100% - var(--space-sm) * 2) / 3);max-width:none}.psn-item__title{font:var(--h4-font-desktop);letter-spacing:var(--h4-letter-spacing)}.psn-item__thumbnail{max-width:19rem}.psn-item__progress{margin-top:var(--space-sm)}}.psn-media__default--desktop,.psn-item__background--desktop{display:block;height:100%}.psn-media__default--mobile,.psn-item__background--mobile{display:none;height:100%}@media screen and (max-width: 749px){.psn-media__default--desktop.has-mobile,.psn-item__background--desktop.has-mobile{display:none}.psn-media__default--mobile,.psn-item__background--mobile{display:block}}.psn-media .media>img,.psn-item__background .media>img{object-position:center}
/*# sourceMappingURL=/cdn/shop/t/197/assets/section-product-scent-notes.css.map */