:root{--body-color:#3b342b;--body-background-color:#fcf8f3;--menu-border-color:#c2b5a380;--menu-background-color:#fff;--menu-button-color:#998466;--menu-button-hover-color:#3b342b;--menu-button-dot-color:#6c9b4b;--menu-separator-color:#c2b5a380}@supports (color:color(display-p3 1 1 1)){:root{--body-color:color(display-p3 0.231372549 0.2039215686 0.168627451);--body-background-color:color(display-p3 0.9882352941 0.9725490196 0.9529411765);--menu-border-color:color(display-p3 0.7607843137 0.7098039216 0.6392156863/50%);--menu-button-color:color(display-p3 0.6 0.5176470588 0.4);--menu-button-hover-color:color(display-p3 0.231372549 0.2039215686 0.168627451);--menu-button-dot-color:color(display-p3 0.4235294118 0.6078431373 0.2941176471);--menu-separator-color:color(display-p3 0.7607843137 0.7098039216 0.6392156863/50%)}}@font-face{font-family:Nespresso Lucas;font-weight:300;src:url(../fonts/NespressoLucas-Light.woff) format("woff")}@font-face{font-family:Nespresso Lucas;font-weight:400;src:url(../fonts/NespressoLucas-Regular.woff) format("woff")}@font-face{font-family:Nespresso Lucas;font-weight:500;src:url(../fonts/NespressoLucas-Med.woff) format("woff")}@font-face{font-family:Nespresso Lucas;font-weight:600;src:url(../fonts/NespressoLucas-SemiBd.woff) format("woff")}@font-face{font-family:Nespresso Lucas;font-weight:700;src:url(../fonts/NespressoLucas-Bold.woff) format("woff")}@font-face{font-family:Nespresso Lucas;font-weight:800;src:url(../fonts/NespressoLucas-XtraBd.woff) format("woff")}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font:400 16px/1.5 Nespresso Lucas,system-ui,-apple-system,sans-serif;height:100lvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body,html{background:var(--body-background-color)}body{color:var(--body-color);margin:0;text-align:left}@media (pointer:coarse){body{background:inherit;transition:background 0s .3s}body:has(.dialog--active:modal){background:#000;transition-delay:0s}}svg{fill:currentColor}.about{column-gap:49px;display:grid}@media (width >= 640px){.about{grid-template-columns:1fr 1fr}}.about:before{background:#fcf8f3;border-block-end:1px solid #c2b5a380;content:"";grid-column:1/-1;grid-row:1;margin:-48px -24px 0;width:-webkit-fill-available;width:-moz-available;width:stretch;z-index:-1}.about__header{grid-column:1/-1;grid-row:1;padding-block:24px 40px;text-align:center}@media (width >= 640px){.about__header{padding-block-start:0}}.about__title{font-size:24px;font-weight:700;line-height:1.0833333333;margin-block:0 24px;text-transform:uppercase}.about__subtitle{line-height:1;margin:0}.about__subtitle-intro{color:#998366;display:block;font-size:12px}.about__subtitle-link{color:#7e7567;display:inline-block;font-size:18px;font-weight:500;line-height:1.3333333333;-webkit-text-decoration:underline #c2b5a380;text-decoration:underline #c2b5a380;text-decoration-thickness:1px;text-underline-offset:calc(1lh/2 - .5em);transition:.15s;transition-property:color,text-decoration-color}.about__subtitle-link:hover{color:#3b342b;text-decoration-color:#c2b5a3bf}.about__description,.about__links{grid-column:1/-1;margin:40px auto 0;max-width:472px}.about__links{display:grid;gap:16px;grid-template-columns:auto 1fr;list-style:none;padding:0;width:100%}@media (width >= 640px){.about__links{column-gap:inherit;grid-template-columns:auto 1fr auto 1fr}}.about__link{align-items:center;display:grid;grid-column:span 2;grid-template-columns:subgrid}@media (width >= 640px){.about__link{gap:16px}}.about__link-icon{background:#998366;border-radius:50%}.about__link-text{color:inherit;font-size:14px;line-height:1.4285714286;-webkit-text-decoration:underline #c2b5a380;text-decoration:underline #c2b5a380;text-decoration-thickness:1px;text-underline-offset:calc(1lh/2 - .5em);transition:.15s;transition-property:color,text-decoration-color}.about__link-text:hover{color:#000;text-decoration-color:#c2b5a3bf}.about__separator{grid-column:1/-1;margin-inline:-24px;width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important}@media (width >= 640px){.about__separator:has(+.about__section--privacy){display:none}}@media (width >= 640px){.about__section--privacy{position:relative}.about__section--privacy:before{background:#c2b5a3;bottom:-40px;content:"";height:auto;left:-24px;opacity:.25;position:absolute;top:-40px;width:1px}.about__section--privacy:last-child{padding-block-end:16px}.about__section--privacy:last-child:before{inset-block-end:-24px}}.about__heading{margin-block-end:16px!important}.about__paragraph{margin-block:12px}.about__list{margin-block:40px 0;margin-trim:block;column-count:2;font-size:14px;font-weight:600;gap:24px;line-height:1.1428571429;list-style:none;padding:0}.about__list-item{margin-block:8px;padding-inline-start:12px;position:relative}.about__list-item:before{background:#7e7567;content:"";height:2px;left:0;position:absolute;top:calc(1lh/2 - 1px);width:6px}.about__description-list{column-gap:24px;display:grid;font-size:14px;grid-template-columns:auto 1fr;line-height:1.1428571429;margin-block:40px 0}.about__description-list-group{display:grid;grid-column:1/-1;grid-template-columns:subgrid;row-gap:8px}.about__description-list-group:not(:first-child){border-block-start:1px solid #c2b5a340;margin-block-start:24px;padding-block-start:24px}.about__description-list-term{font-weight:600}.about__description-list-term--uppercase{text-transform:uppercase}.about__description-list-detail{grid-column-end:-1;margin:0}.about__description-list:has(.about__description-list-detail:nth-of-type(2)) .about__description-list-detail{padding-inline-start:12px;position:relative}.about__description-list:has(.about__description-list-detail:nth-of-type(2)) .about__description-list-detail:before{background:#7e7567;content:"";height:2px;left:0;position:absolute;top:calc(1lh/2 - 1px);width:6px}.badge{border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:500;letter-spacing:.5px;line-height:1;padding:2px 8px;text-transform:uppercase}.badge--decaffeinato{background:#863b2d}.badge--decaffeinato.badge--muted{background:#863b2d26;color:#863b2d}.badge--unavailable{background:#5a5a5a}.badge--unavailable.badge--muted{background:#5a5a5a26;color:#595959}.badge--organic{background:#97be0d}.badge--organic.badge--muted{background:#97be0d26;color:#85a70b}.button{align-items:center;background:#fff;border:0;border-radius:8px;box-shadow:0 0 0 1px #c2b5a380,0 1px 2px #0000000d,0 2px 4px -1px #0000000d;color:inherit;display:inline-grid;font:inherit;font-size:14px;gap:2px 8px;grid-auto-flow:column;grid-template-rows:auto auto;line-height:1;min-width:0;padding:13px 12px;text-align:inherit;text-decoration:none;-webkit-user-select:none;user-select:none}.button:disabled,.button:has(>:disabled){box-shadow:0 0 0 1px #c2b5a340;cursor:not-allowed;opacity:.5}.button:has(.button__subtext){padding-block:7px 6px}.button--link{color:#998366;font-weight:500;text-transform:uppercase}.button--icon{color:#998366;padding:14px 6px}.button--active,.button:has(>:checked){background:#998366;box-shadow:0 0 0 1px #7e7567,0 1px 2px #0000000d,0 2px 4px -1px #0000000d,0 4px 8px -2px #0000000d,0 8px 16px -3px #0000000d,0 16px 32px -4px #0000000d;color:#fff}.button__icon{flex-shrink:0;grid-row:span 2;margin:-6px 0}.button:disabled .button__icon,:disabled+.button__icon{color:#7e7567}.button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button__text:not(:has(~.button__subtext)){grid-row:span 2}.button__hidden{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(100%);clip-path:inset(100%);pointer-events:none;-webkit-user-select:none;user-select:none}.button__subtext{color:#7e7567;font-size:11px;font-weight:500;text-transform:uppercase}.button--active .button__subtext,.button:has(>:checked) .button__subtext{color:#fcf8f3}.button__chevron{flex-shrink:0;grid-row:span 2;margin:-6px -6px -6px 0}.button-group{display:flex}.button-group--fill{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.button-group__button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-group__button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.capsule{display:grid;text-decoration:none}.capsule__picture{align-self:end;margin-inline:8px}.capsule__image{display:block;width:100%}.capsule__name{color:#998366;display:block;margin-block-start:16px;text-align:center;text-transform:uppercase;text-wrap:balance;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1}.capsule__badge{margin-block-start:4px;margin-inline:auto;width:-moz-fit-content;width:fit-content}.capsule__subtext{color:#3b342b;font-size:12px;font-weight:600;grid-row:4;line-height:1;margin-block-start:8px;text-align:center}.capsule__subtext--green{color:#6c9b4b}.capsule__level{grid-row:4!important;margin-block-start:8px!important}.capsule-dialog{column-gap:49px;display:grid}@media (width >= 640px){.capsule-dialog{grid-template-columns:1fr 1fr}}.capsule-dialog:before{background:#fcf8f3;border-block-end:1px solid #c2b5a380;content:"";grid-column:1/-1;grid-row:1;margin:-48px -24px 0;width:-webkit-fill-available;width:-moz-available;width:stretch;z-index:-1}@media (width < 640px){.capsule-dialog:before{margin-block-end:-24px}}.capsule-dialog__picture{align-self:center;grid-column:1;grid-row:1;margin:16px -24px}@media (width >= 640px){.capsule-dialog__picture{margin-block-end:32px}}.capsule-dialog__picture--opaque{mix-blend-mode:multiply}.capsule-dialog:has(.capsule-dialog__picture--opaque){-webkit-clip-path:inset(-100vmax);clip-path:inset(-100vmax)}.capsule-dialog__image{display:block;width:100%}.capsule-dialog__header{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #c2b5a380,0 1px 2px #0000000d,0 2px 4px -1px #0000000d,0 4px 8px -2px #0000000d,0 8px 16px -3px #0000000d,0 16px 32px -4px #0000000d;margin-block-end:40px;padding:24px;text-align:center}@media (width >= 640px){.capsule-dialog__header{align-self:center;grid-column:span 1/-1;grid-row:1}}.capsule-dialog__category{margin-block-end:10px!important}.capsule-dialog__name{margin:0;text-transform:uppercase;text-wrap:balance;font-size:24px;font-weight:700;line-height:1.0833333333}.capsule-dialog__badge{margin-block-start:12px}.capsule-dialog__description{color:#7e7567;margin-block:16px 0;text-transform:uppercase;text-wrap:balance;font-size:18px;line-height:1.3333333333}.capsule-dialog__name+.capsule-dialog__description{margin-block-start:20px}.capsule-dialog__separator{grid-column:1/-1;margin-inline:-24px;width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important}@media (width >= 640px){.capsule-dialog__separator:has(+.capsule-dialog__levels){display:none}}.capsule-dialog__copy,.capsule-dialog__profile-description,.capsule-dialog__profile-heading{grid-column:1/-1}@media (width >= 640px){.capsule-dialog__copy,.capsule-dialog__profile-description,.capsule-dialog__profile-heading{justify-self:center;max-inline-size:480px}.capsule-dialog__profile-description,.capsule-dialog__profile-heading{text-align:center}}.capsule-dialog__profile-heading{margin-block-start:40px!important}.capsule-dialog__profile-description{margin-block:0}.capsule-dialog__characteristics{display:grid;gap:inherit;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr}@media (width >= 640px){.capsule-dialog__header+.capsule-dialog__characteristics{margin-block-start:40px}}.capsule-dialog__characteristic:nth-child(odd of .capsule-dialog__characteristic){grid-column:1}.capsule-dialog__characteristic:nth-child(even of .capsule-dialog__characteristic){grid-column:2;position:relative}.capsule-dialog__characteristic:nth-child(even of .capsule-dialog__characteristic):before{background:#c2b5a3;bottom:0;content:"";height:auto;left:-24px;opacity:.25;position:absolute;top:0;width:1px}.capsule-dialog__characteristic:nth-child(2n+4 of .capsule-dialog__characteristic):before{inset-block-start:-24px}.capsule-dialog__characteristic:has(+.capsule-dialog__characteristic-separator+.capsule-dialog__characteristic):before{inset-block-end:-24px}.capsule-dialog__characteristic-list{list-style:none;margin:19px 0 0;padding:0}.capsule-dialog__characteristic-item{align-items:center;display:grid;gap:4px 8px;grid-template-columns:auto 1fr;line-height:1}.capsule-dialog__characteristic-item:not(:first-child){margin-top:14px}.capsule-dialog__characteristic-item>:nth-child(2){margin-top:-3px}.capsule-dialog__characteristic-item>:last-child{margin-bottom:-3px}.capsule-dialog__characteristic-icon:nth-last-child(3){grid-row:span 2}.capsule-dialog__characteristic-icon--27{margin:-1.5px}.capsule-dialog__characteristic-text{font-size:14px}.capsule-dialog__characteristic-subtext{color:#7e7567;font-size:12px;font-weight:500;text-transform:uppercase}.capsule-dialog__characteristic-separator:nth-child(odd of .capsule-dialog__characteristic-separator){display:none}.capsule-dialog__characteristic-separator:nth-child(even of .capsule-dialog__characteristic-separator){grid-column:1/span 2}.capsule-dialog__levels{align-content:start;display:grid;gap:12px 16px;grid-template-columns:auto 1fr auto}@media (width >= 640px){.capsule-dialog__levels{position:relative}.capsule-dialog__levels:before{background:#c2b5a3;bottom:-40px;content:"";height:auto;left:-24px;opacity:.5;position:absolute;top:-40px;width:1px}.capsule-dialog__header+.capsule-dialog__characteristics~.capsule-dialog__levels{margin-block-start:40px}}.capsule-dialog__levels-separator{grid-column:1/-1;margin-block:8px!important}.capsule-dialog__copy-heading{font-size:30px;font-weight:400;line-height:1;margin-block:40px 16px;text-align:center}.capsule-dialog__copy-heading:first-child{margin-block-start:0}@media (width < 640px){.capsule-dialog__copy-heading{font-size:32px}}.capsule-dialog__copy-content+.capsule-dialog__copy-content{margin-block-start:40px}.capsule-dialog__copy-content p{margin-block:12px}.capsule-dialog__copy-content p:first-child{margin-block-start:0}.capsule-dialog__copy-content p:last-child{margin-block-end:0}.capsule-dialog__footer{align-items:center;display:flex;gap:24px;grid-column:1/-1}.capsule-dialog__footer-separator{flex-shrink:0;grid-row:1/-1;height:100%!important;margin:0!important;width:1px!important}.capsule-dialog__footer-separator:first-child,.capsule-dialog__footer-separator:has(+.capsule-dialog__footer-separator),.capsule-dialog__footer-separator:has(+.capsule-dialog__link),.capsule-dialog__footer-separator:last-child{display:none}.capsule-dialog__price,.capsule-dialog__weight{color:#7e7567;font-size:16px;font-weight:700;white-space:nowrap}.capsule-dialog__price-value{color:#6c9b4b}.capsule-dialog__link{margin-inline-start:auto}.dialog{background:#fff;border:0;border-radius:16px;box-shadow:0 0 0 1px #c2b5a380,0 1px 2px #0000000d,0 2px 4px -1px #0000000d,0 4px 8px -2px #0000000d,0 8px 16px -3px #0000000d,0 16px 32px -4px #0000000d;color:inherit;max-block-size:calc(100% - 48px);max-inline-size:min(774px,100% - 48px);overflow:auto;overscroll-behavior:contain;padding:24px;transition:transform .3s,opacity .3s}@media (pointer:coarse){.dialog{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-block-end:0;max-block-size:calc(100% - max(env(safe-area-inset-top) + 8px, 24px));max-inline-size:min(726px,100%);padding-block-end:max(env(safe-area-inset-bottom),24px)}}.dialog::backdrop{background:#00000040;transition:opacity .3s}.dialog:not(.dialog--active){opacity:0;transform:translateY(40px)}@media (pointer:coarse){.dialog:not(.dialog--active){transform:translateY(50%)}}.dialog:not(.dialog--active)::backdrop{opacity:0}@media (pointer:fine){.dialog--sidebar{block-size:100%;border-radius:0;bottom:0;left:0;margin:0;max-block-size:revert;position:fixed;top:0}.dialog--sidebar:not(.dialog--active){transform:translate(-20px)}}.dialog__actions{display:flex;gap:24px;margin-block-end:24px;position:sticky;top:0;transform:translateY(calc(-12px*var(--stick, 0)));transition:transform .15s;z-index:1}.dialog__actions:after{-webkit-backdrop-filter:blur(10px) saturate(2);backdrop-filter:blur(10px) saturate(2);background:linear-gradient(#fff,#ffffffa6);bottom:-12px;box-shadow:0 0 0 1px #c2b5a380,0 1px 2px #0000000d,0 2px 4px -1px #0000000d,0 4px 8px -2px #0000000d,0 8px 16px -3px #0000000d,0 16px 32px -4px #0000000d;content:"";left:-24px;opacity:var(--stick,0);padding-block-end:16px;position:absolute;right:-24px;top:-24px;transition:opacity .15s;z-index:-1}.dialog__action{all:unset;align-items:center;color:#998366;display:flex;font-size:14px;font-weight:500;gap:8px;justify-self:start;line-height:1;text-transform:uppercase}.dialog__action--close{margin-inline-start:-6px}@media (width < 640px){.dialog__action--favorite{margin-inline-start:auto}}.dialog__action-hidden{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(100%);clip-path:inset(100%);pointer-events:none;-webkit-user-select:none;user-select:none}.dialog__content{align-self:start;grid-column:1/-1}@media (pointer:fine){.filters{width:312px}}.filters__heading{margin-block-end:16px!important}.filters__content{display:flex;flex-wrap:wrap;gap:8px}.filters__grow{flex-grow:1}.filters__shrink{flex-shrink:0}.filters__separator{margin:32px -24px!important;width:-webkit-fill-available!important;width:-moz-available!important;width:stretch!important}.grid{margin-inline:auto;max-width:508px}.grid:has(.grid__category){max-width:598px}@media (pointer:coarse){.grid{max-width:460px}.grid:has(.grid__category){max-width:678px}}@media (pointer:fine){.grid:has(.grid__filter:not(:empty)){padding-block:24px}}.grid__filter{color:#998366;font-size:12px;font-weight:600;line-height:1;margin-block-end:48px;text-transform:uppercase}@media (pointer:coarse){.grid__filter{margin-block-end:40px}}.grid__filter:empty{display:none}.grid__content:has(.grid__category){display:flex;flex-direction:column;gap:8px}.grid__content:not(:has(.grid__category)){column-gap:24px;display:grid;grid-template-columns:repeat(auto-fill,109px)}@media (pointer:coarse){.grid__content:not(:has(.grid__category)){column-gap:8px}}.grid__category{background:var(--color,#fff);margin-inline:-64px;padding:64px}.grid__category:first-child{margin-block-start:calc(env(safe-area-inset-top)*-1);padding-block-start:calc(env(safe-area-inset-top) + 64px)}@media (pointer:coarse){.grid__category{margin-inline:-16px;padding:32px 16px 40px}.grid__category:first-child{padding-block-start:calc(env(safe-area-inset-top) + 32px)}}.grid__heading{margin-block:0 48px;text-align:center;text-transform:uppercase;text-wrap:balance}@media (pointer:coarse){.grid__heading{margin-block-end:40px}}.grid__list{column-gap:24px;display:grid;grid-template-columns:repeat(auto-fill,109px);margin-inline:auto;max-width:508px}@media (pointer:coarse){.grid__list{column-gap:8px;max-width:460px}}.heading{color:#998366;font-size:12px;font-weight:600;line-height:1;margin-block:0 8px;text-transform:uppercase}.level{all:unset;align-items:center;display:grid;font-size:14px;font-weight:600;grid-template-columns:auto 1fr auto;line-height:1;row-gap:4px}.level__label,.level__sublabel{text-transform:uppercase}.level__sublabel{color:#7e7567;font-size:12px;font-weight:500;grid-column:1/span 2;grid-row:2}.level__meter{display:flex;gap:4px;height:4px;position:relative}.level__meter--large{height:12px;justify-content:space-between}.level__meter--background{background:#c2b5a380}.level__bar{flex-grow:1}.level__meter--background .level__bar{flex-grow:0;transition:width .15s}.level__meter--large .level__bar{flex-grow:0;width:4px}.level__bar--active{background:#3b342b}.level__bar--muted{background:#c2b5a380}.level__dot{aspect-ratio:1;background:#3b342b;border-radius:50%;bottom:.5px;left:50%;mix-blend-mode:difference;position:absolute;top:.5px;transform:translate(-50%)}.level__value{font-feature-settings:"tnum";letter-spacing:-.05em;min-width:calc(var(--digits, 1)*1ch - var(--digits, 1)*.05*1em)}.level__unit,.level__value{color:#7e7567;text-align:end}.level__unit{font-size:12px;font-weight:500;grid-column:span 2/-1;grid-row:2;text-transform:uppercase}.menu{display:flex;gap:16px;position:fixed}@media (pointer:fine){.menu{flex-direction:column;inset-block-start:16px;inset-inline-start:16px}}@media (pointer:coarse){.menu{background:var(--menu-background-color);box-shadow:0 -1px var(--menu-border-color),0 -1px 2px #0000000d,0 -2px 4px -1px #0000000d,0 -4px 8px -2px #0000000d,0 -8px 16px -3px #0000000d,0 -16px 32px -4px #0000000d;inset-block-end:0;inset-inline:0;justify-content:space-evenly;padding-inline:16px;z-index:1}}.menu__button{aspect-ratio:1;color:var(--menu-button-color);display:flex;height:32px;transition:color .15s}@media (pointer:coarse){.menu__button{margin-block:8px max(8px,env(safe-area-inset-bottom))}}.menu__button--active,.menu__button:hover{color:var(--menu-button--hover-color)}.menu__button--dot{position:relative}.menu__button--dot:after{background:var(--menu-button-dot-color);border-radius:50%;content:"";height:4px;position:absolute;transform:translate(-50%,-50%);width:4px}@media (pointer:fine){.menu__button--dot:after{inset-block-start:50%;inset-inline-start:100%}}@media (pointer:coarse){.menu__button--dot:after{inset-block-start:100%;inset-inline-start:50%}}.menu__button-icon{margin:auto}.menu__button-text{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(100%);clip-path:inset(100%);pointer-events:none;-webkit-user-select:none;user-select:none}.menu__separator{background:var(--menu-separator-color)}.menu__separator+.menu__separator{display:none}@media (pointer:fine){.menu__separator{height:1px}}@media (pointer:coarse){.menu__separator{width:1px}}.range{--steps:13;align-items:center;display:grid;gap:8px 0;grid-template-columns:repeat(var(--steps),1fr)}@property --steps{.range{syntax:"<integer>";inherits:false;initial-value:0}}.range__track{background:#fff linear-gradient(to right,#0000 0 calc(50% - 2px),#c2b5a380 0 calc(50% + 2px),#0000 0) 0/calc(100%/var(--steps)) 12px repeat-x;border-radius:8px;box-shadow:0 0 0 1px #c2b5a380,0 1px 2px #0000000d,0 2px 4px -1px #0000000d;grid-column:1/-1;grid-row:1;height:24px}.range__control{-webkit-appearance:none;appearance:none;background:none;grid-column:1/-1;grid-row:1;margin:0;pointer-events:none;-webkit-user-select:none;user-select:none}.range__control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:none;box-shadow:none;height:32px;pointer-events:all;width:calc(100%/var(--steps))}.range__thumb{background:#998366 linear-gradient(to right,#0000 0 calc(50% - 2px),#fff 0 calc(50% + 2px),#0000 0) 0/calc(100%/(var(--max) + 1 - var(--min))) 12px repeat-x;border-radius:8px;box-shadow:0 0 0 1px #7e7567,0 1px 2px #0000000d,0 2px 4px -1px #0000000d,0 4px 8px -2px #0000000d,0 8px 16px -3px #0000000d,0 16px 32px -4px #0000000d;grid-column:var(--min)/calc(var(--max) + 1);grid-row:1;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.range__label{color:#7e7567;font-size:14px;font-weight:600;line-height:1;text-align:center}.range__label--min{grid-column:var(--min)}.range__label--max{grid-column:var(--max)}.range__label--hidden{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(100%);clip-path:inset(100%);pointer-events:none;-webkit-user-select:none;user-select:none}.select{align-items:center;display:inline-grid;grid-template-columns:1fr auto}.select__control{all:unset;background:#fff;border-radius:8px;box-shadow:0 0 0 1px #c2b5a380,0 1px 2px #0000000d,0 2px 4px -1px #0000000d;font-size:14px;font-weight:500;grid-column:1/-1;grid-row:1;line-height:1;min-width:0;padding:13px 38px 13px 12px}.select__chevron{color:#998366;grid-column:2;grid-row:1;margin-right:6px;pointer-events:none;-webkit-user-select:none;user-select:none}.separator{background:#c2b5a3;border:0;height:1px;margin-block:40px;opacity:.5;width:100%}.separator--minor{margin-block:24px;opacity:.25}@media (pointer:fine){.main{padding-inline:64px}}@media (pointer:coarse){.main{background:var(--body-background-color);-webkit-clip-path:inset(0);clip-path:inset(0);height:calc(100lvh - 40px - max(8px, env(safe-area-inset-bottom)));overflow:auto;padding:env(safe-area-inset-top) 16px 8px;transform-origin:top;transition:.3s;transition-property:height,padding-block-end,transform,-webkit-clip-path;transition-property:height,padding-block-end,clip-path,transform;transition-property:height,padding-block-end,clip-path,transform,-webkit-clip-path}:root:has(.dialog--active:modal) .main{-webkit-clip-path:inset(0 round 16px 16px 0 0);clip-path:inset(0 round 16px 16px 0 0);height:111.1111111111lvh;padding-block-end:-11.1111111111lvh;transform:translateY(max(env(safe-area-inset-top),16px)) scale(.9)}}:root:has(dialog:modal){overflow:hidden;touch-action:none}.button-group .button--active,.button-group .button:has(>:checked){isolation:isolate}.grid:not(:has(.grid__category)),.grid__list{container-type:inline-size}.grid:not(:has(.grid__category)) .capsule,.grid__list .capsule{grid-row:span 4;grid-template-rows:subgrid}@media (pointer:fine){@container (inline-size >= calc(109px * 1 + 24px * 0)) and (inline-size < calc(109px * 2 + 24px * 1)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+2),.grid__list .capsule:nth-child(n+2){margin-block-start:32px}}}@media (pointer:coarse){@container (inline-size >= calc(109px * 1 + 8px * 0)) and (inline-size < calc(109px * 2 + 8px * 1)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+2),.grid__list .capsule:nth-child(n+2){margin-block-start:32px}}}@media (pointer:fine){@container (inline-size >= calc(109px * 2 + 24px * 1)) and (inline-size < calc(109px * 3 + 24px * 2)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+3),.grid__list .capsule:nth-child(n+3){margin-block-start:32px}}}@media (pointer:coarse){@container (inline-size >= calc(109px * 2 + 8px * 1)) and (inline-size < calc(109px * 3 + 8px * 2)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+3),.grid__list .capsule:nth-child(n+3){margin-block-start:32px}}}@media (pointer:fine){@container (inline-size >= calc(109px * 3 + 24px * 2)) and (inline-size < calc(109px * 4 + 24px * 3)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+4),.grid__list .capsule:nth-child(n+4){margin-block-start:32px}}}@media (pointer:coarse){@container (inline-size >= calc(109px * 3 + 8px * 2)) and (inline-size < calc(109px * 4 + 8px * 3)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+4),.grid__list .capsule:nth-child(n+4){margin-block-start:32px}}}@media (pointer:fine){@container (inline-size >= calc(109px * 4 + 24px * 3)) and (inline-size < calc(109px * 5 + 24px * 4)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+5),.grid__list .capsule:nth-child(n+5){margin-block-start:32px}}}@media (pointer:coarse){@container (inline-size >= calc(109px * 4 + 8px * 3)) and (inline-size < calc(109px * 5 + 8px * 4)){.grid:not(:has(.grid__category)) .capsule:nth-child(n+5),.grid__list .capsule:nth-child(n+5){margin-block-start:32px}}}.dialog__actions:has(+.capsule-dialog,+.about){margin-block-end:0}.capsule-dialog__levels .level{grid-column:1/-1;grid-template-columns:subgrid}.capsule .level{font-size:12px;gap:8px}.capsule .level__meter{gap:unset;grid-column:span 2}.capsule .level__meter--large{height:10px}.capsule .level__value{margin-block-start:2px}