.release-compare{--rc-active: #15191d;--rc-panel: #1a2140;--rc-ink: #ffffff;--rc-hair: rgba(255, 255, 255, .14);--rc-line: rgba(255, 255, 255, .34);--rc-solid: rgba(255, 255, 255, .05);--rc-odor: #ff8a80}.release-compare__head{max-width:46rem;margin-block-end:var(--padding-2xl, 32px)}.release-compare__eyebrow{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-foreground-muted)}.release-compare__heading{margin:0;font-family:var(--font-heading--family)}.release-compare__sub{margin:.75rem 0 0;color:var(--color-foreground-muted);max-width:46ch}.release-compare__panel{background:var(--rc-panel);color:var(--rc-ink);border-radius:12px;padding:clamp(16px,3vw,28px);max-width:54rem;margin-inline:auto}.release-compare__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:20px}.release-compare__modes{display:flex;flex-wrap:wrap;gap:8px}.release-compare__mode{min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--rc-hair);background:transparent;color:#ffffffb8;font-size:.8125rem;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.release-compare__mode[aria-pressed=true]{background:var(--rc-active);border-color:var(--rc-active);color:#1a2140;font-weight:600}.release-compare__auto{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:#ffffff80}.release-compare__meters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-block-end:20px}.release-compare__meter{flex:1 1 180px}.release-compare__meter-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.75rem}.release-compare__meter-label{color:#ffffff80}.release-compare__meter-value{font-weight:700;color:var(--rc-active);white-space:nowrap}.release-compare__track{margin-block-start:6px;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.release-compare__fill{height:100%;width:0;border-radius:999px;background:var(--rc-active);transition:width .6s cubic-bezier(.4,0,.2,1),background-color .3s ease}.release-compare__odors{font-size:.75rem;white-space:nowrap;color:#ffffff80}.release-compare__odor-count{margin-inline-start:6px;font-size:1.125rem;font-weight:700;color:var(--rc-active)}.release-compare__stage{border:1px solid var(--rc-hair);border-radius:10px;background:#ffffff05;padding:16px}.release-compare__room{width:100%;max-width:30rem;height:auto;display:block;margin-inline:auto}.release-compare .rc-wash{fill:var(--rc-active);opacity:.16;transition:fill .4s ease}.release-compare .rc-line{stroke:var(--rc-line)}.release-compare .rc-solid{fill:var(--rc-solid);stroke:var(--rc-line)}.release-compare .rc-device{opacity:0;transition:opacity .4s ease}.release-compare[data-mode=liquid] .rc-device--liquid,.release-compare[data-mode=fast] .rc-device--fast,.release-compare[data-mode=slow] .rc-device--slow{opacity:1}.release-compare .rc-mol{fill:var(--rc-active);opacity:0;transform:scale(.4);transform-origin:center;transition:opacity .5s ease,transform .5s ease,fill .3s ease}.release-compare[data-mode=fast] .rc-mol,.release-compare[data-mode=slow] .rc-mol{opacity:.9;transform:scale(1)}.release-compare .rc-odor circle,.release-compare .rc-odor path{fill:var(--rc-odor);stroke:var(--rc-odor)}.release-compare .rc-odor path{fill:none}.release-compare .rc-odor{opacity:1;transition:opacity .5s ease;animation:rc-odor-pulse 2.4s ease-in-out infinite}.release-compare[data-mode=fast] .rc-odor,.release-compare[data-mode=slow] .rc-odor{opacity:0;animation:none}@keyframes rc-odor-pulse{0%,to{opacity:.55}50%{opacity:1}}.release-compare__caption{margin:16px 0 0;font-size:.8125rem;line-height:1.6;color:#ffffffb8}.release-compare__footnote{margin:16px 0 0;font-size:.75rem;color:var(--color-foreground-muted)}@media(prefers-reduced-motion:reduce){.release-compare .rc-odor{animation:none}.release-compare__fill,.release-compare .rc-mol,.release-compare .rc-device{transition:none}}.release-compare-band{width:100%}.release-compare--compact .release-compare__panel{max-width:none;padding:clamp(14px,2vw,20px)}.release-compare--compact .release-compare__room{max-width:none}.release-compare--compact .release-compare__caption{font-size:.78rem}@media screen and (min-width:990px){.release-compare--compact .release-compare__meters{gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/release-compare.css.map */