@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}scent-showcase{display:block;position:relative}scent-showcase .scent-showcase__dl{gap:calc(var(--spacing,1px) * 15);grid-template-columns:50px 280px;display:grid}@media(min-width:768px){scent-showcase .scent-showcase__dl{grid-template-columns:50px 280px 50px 220px}}scent-showcase .scent-showcase__dl dd>*{max-width:220px}scent-showcase img,scent-showcase video{filter:blur();transition:all .3s ease-in-out}:is(scent-showcase img,scent-showcase video).scent-blur{filter:blur(50px)}scent-showcase .scent-showcase__description,scent-showcase .scent-showcase__smell,scent-showcase .scent-showcase__look{opacity:0;display:none}:is(scent-showcase .scent-showcase__description,scent-showcase .scent-showcase__smell,scent-showcase .scent-showcase__look).--inactive:not(.--active){opacity:1;animation:.3s ease-out both fade-out}:is(scent-showcase .scent-showcase__description,scent-showcase .scent-showcase__smell,scent-showcase .scent-showcase__look).--active{animation:.3s ease-out .3s both fade-in;display:block}scent-showcase .scent-showcase__actions .scent-showcase__action{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);text-transform:uppercase;transition:all .3s ease-in-out;display:flex}scent-showcase .scent-showcase__actions .scent-showcase__action:is(button){opacity:.5}scent-showcase .scent-showcase__actions .scent-showcase__action:is(button):hover,scent-showcase .scent-showcase__actions .scent-showcase__action:is(button).--active{opacity:1}scent-showcase .scent-showcase__text{color:var(--text-color);transition:color .3s ease-in-out}scent-showcase .scent-showcase__bg-img{opacity:1;transition:all .3s ease-in-out}scent-showcase .scent-showcase__look .scent-showcase__look-img{z-index:10;pointer-events:auto}scent-showcase .scent-showcase__look .scent-showcase__look-img:hover{z-index:20}scent-showcase.scent-showcase--looks-like .scent-showcase__text{color:var(--looks-like-text)}scent-showcase.scent-showcase--looks-like .scent-showcase__bg-img{opacity:0}scent-showcase .fragrance-composition__item{color:var(--color-white,#fff);flex-direction:column;display:flex;position:absolute}scent-showcase .scent-showcase__smell{min-height:400px}scent-showcase[data-resource-tier=minimal]{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 400px}scent-showcase[data-resource-tier=minimal] img,scent-showcase[data-resource-tier=minimal] video{backface-visibility:hidden;transform:translateZ(0)}scent-showcase[data-resource-tier=minimal] .scent-showcase__description,scent-showcase[data-resource-tier=minimal] .scent-showcase__smell,scent-showcase[data-resource-tier=minimal] .scent-showcase__look{transform:translateZ(0)}scent-showcase[data-resource-tier=metadata]{contain:layout style paint;content-visibility:auto}scent-showcase[data-resource-tier=metadata] img,scent-showcase[data-resource-tier=metadata] video{will-change:filter,transform}scent-showcase[data-resource-tier=full]{contain:layout style;content-visibility:visible}scent-showcase[data-resource-tier=full] img,scent-showcase[data-resource-tier=full] video{will-change:filter;transform:translateZ(0)}scent-showcase[data-resource-tier=full] .scent-showcase__description,scent-showcase[data-resource-tier=full] .scent-showcase__smell,scent-showcase[data-resource-tier=full] .scent-showcase__look{will-change:opacity,transform}:root.performance-crisis :is(scent-showcase) *,:root.performance-crisis :is(scent-showcase) :before,:root.performance-crisis :is(scent-showcase) :after{transition-duration:.01ms!important;transition-delay:.01ms!important;animation-duration:.01ms!important;animation-delay:.01ms!important}:root.performance-crisis :is(scent-showcase){contain:layout style paint}:root.rapid-scrolling :is(scent-showcase) img,:root.rapid-scrolling :is(scent-showcase) video{image-rendering:pixelated}:root.rapid-scrolling :is(scent-showcase) .scent-showcase__action:hover{opacity:inherit!important}@media(min-width:992px){scent-showcase .fragrance-composition__scroll-container{height:calc(100% - 380px)}}@property --tw-font-weight{syntax:"*";inherits:false}
