.HmpIDq_root{--demo-bg:#17181a;--demo-fg:#f1f1f2;--demo-muted:#a9abae;--demo-line:#fff3;left:0;bottom:calc(var(--g-demo-bottom,0px) + env(safe-area-inset-bottom,0px) + 16px);z-index:90;font-family:var(--font-display,system-ui), system-ui, sans-serif;color:var(--demo-fg);position:fixed}.HmpIDq_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.HmpIDq_tab{width:min(26px, calc(var(--m,20px) - 2px));border:1px solid var(--demo-line);background:var(--demo-bg);color:var(--demo-fg);border-left:0;border-radius:0 3px 3px 0;padding:12px 0;transition:background-color .2s;display:block}.HmpIDq_tab:hover,.HmpIDq_root[data-open] .HmpIDq_tab{background:#26272a}.HmpIDq_tab:focus-visible{outline:2px solid var(--demo-fg);outline-offset:2px}.HmpIDq_tabText{writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;margin:0 auto;font-size:10px;font-weight:500;display:flex;transform:rotate(180deg)}.HmpIDq_tabDemo{color:var(--demo-muted)}.HmpIDq_tabState:before{content:"";background:var(--demo-line);width:1px;height:10px;margin:0 auto 8px;display:block}.HmpIDq_panel{border:1px solid var(--demo-line);background:var(--demo-bg);border-radius:4px;gap:12px;width:min(272px,100vw - 48px);padding:16px 16px 14px;animation:.16s cubic-bezier(.22,1,.36,1) HmpIDq_panel-in;display:grid;position:absolute;bottom:0;left:calc(100% + 8px);box-shadow:0 14px 40px #00000047}.HmpIDq_panel[hidden]{display:none}@keyframes HmpIDq_panel-in{0%{opacity:0;transform:translate(-4px)}}.HmpIDq_fieldset{border:0;gap:2px;min-width:0;margin:0;padding:0;display:grid}.HmpIDq_title{float:left;letter-spacing:.18em;text-transform:uppercase;width:100%;color:var(--demo-muted);margin-bottom:8px;padding:0 28px 0 0;font-size:11px;font-weight:500}.HmpIDq_option{cursor:pointer;border-radius:3px;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:12px;margin:0 -10px;padding:8px 10px;display:grid}.HmpIDq_option:hover{background:#ffffff0d}.HmpIDq_radio{appearance:none;border:1px solid var(--demo-muted);cursor:pointer;border-radius:50%;place-content:center;width:14px;height:14px;margin:0;display:grid}.HmpIDq_radio:before{content:"";background:var(--demo-fg);border-radius:50%;width:6px;height:6px;transition:transform .15s cubic-bezier(.22,1,.36,1);transform:scale(0)}.HmpIDq_radio:checked{border-color:var(--demo-fg)}.HmpIDq_radio:checked:before{transform:scale(1)}.HmpIDq_radio:focus-visible{outline:2px solid var(--demo-fg);outline-offset:3px}.HmpIDq_optionText{gap:1px;display:grid}.HmpIDq_optionLabel{font-size:14px;line-height:1.3}.HmpIDq_optionHint{font-family:var(--font-text,system-ui), system-ui, sans-serif;color:var(--demo-muted);font-size:12px;line-height:1.3}.HmpIDq_note{border-top:1px solid var(--demo-line);font-family:var(--font-text,system-ui), system-ui, sans-serif;color:var(--demo-muted);padding-top:10px;font-size:12px;line-height:1.45}.HmpIDq_reset{color:var(--demo-fg);background:0 0;border:0;border-bottom:1px solid;justify-self:start;padding:2px 0;font-size:12px}.HmpIDq_close{width:32px;height:32px;color:var(--demo-muted);background:0 0;border:0;border-radius:3px;place-content:center;display:grid;position:absolute;top:8px;right:8px}.HmpIDq_close:hover{color:var(--demo-fg);background:#ffffff0f}.HmpIDq_reset:focus-visible,.HmpIDq_close:focus-visible{outline:2px solid var(--demo-fg);outline-offset:2px}@media (prefers-reduced-motion:reduce){.HmpIDq_panel{animation:none}.HmpIDq_radio:before,.HmpIDq_tab{transition:none}}
._EJL_q_meter{--sm-fg:var(--ink);--sm-muted:var(--ink-2);--sm-track:var(--rule);--sm-fill:var(--ink);gap:var(--s-3);color:var(--sm-fg);font-variant-numeric:tabular-nums;display:grid}._EJL_q_dark{--sm-fg:var(--white);--sm-muted:var(--silver-2);--sm-track:var(--rule-dark);--sm-fill:var(--silver-1)}._EJL_q_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}._EJL_q_head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}._EJL_q_title,._EJL_q_product{font-family:var(--font-display);font-weight:500;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--sm-muted)}._EJL_q_demo{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--sm-muted);border:1px dashed;border-radius:2px;flex:none;padding:3px 8px 4px;font-size:11px;font-weight:500}._EJL_q_total{font-size:var(--fs-small);color:var(--sm-muted)}._EJL_q_num{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h3);letter-spacing:-.01em;color:var(--sm-fg)}._EJL_q_bar{background:var(--sm-track);height:2px;display:block;position:relative;overflow:hidden}._EJL_q_bar:after{content:"";background:var(--sm-fill);transform:scaleX(var(--fill,0));transform-origin:0;transition:transform .7s var(--ease-out);position:absolute;inset:0}._EJL_q_group{gap:var(--s-2);margin-top:var(--s-3);display:grid}._EJL_q_rows{column-gap:var(--s-4);grid-template-columns:max-content minmax(40px,1fr) max-content;row-gap:2px;margin:0;padding:0;list-style:none;display:grid}._EJL_q_row{grid-column:1/-1;grid-template-columns:subgrid;min-height:34px;font-size:var(--fs-small);align-items:center;display:grid}._EJL_q_hasCurrent ._EJL_q_row:not([data-current]){color:var(--sm-muted)}._EJL_q_hasCurrent ._EJL_q_row:not([data-current]) ._EJL_q_bar:after{opacity:.55}._EJL_q_row[data-current] ._EJL_q_name{font-weight:600}._EJL_q_name{align-items:center;gap:10px;min-width:0;display:flex}._EJL_q_mark{background:var(--sm-muted);border-radius:50%;flex:none;width:6px;height:6px}._EJL_q_mark[data-flavour=lemon]{background:var(--lemon)}._EJL_q_mark[data-flavour=green-apple]{background:var(--green-apple)}._EJL_q_mark[data-flavour=raspberry]{background:var(--raspberry)}._EJL_q_count{text-align:right;white-space:nowrap}._EJL_q_foot{margin-top:var(--s-2);color:var(--sm-muted);font-size:13px;line-height:1.45}._EJL_q_confirm{letter-spacing:.08em;white-space:nowrap;border:1px dashed;border-radius:2px;padding:0 4px;font-size:11px}@media (prefers-reduced-motion:reduce){._EJL_q_bar:after{transition:none}}
.C2QGgG_note{--pn-muted:var(--ink-2);--pn-rule:var(--rule);align-items:baseline;column-gap:var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--pn-rule);border-bottom:1px solid var(--pn-rule);font-size:var(--fs-small);flex-wrap:wrap;row-gap:2px;line-height:1.45;display:flex}.C2QGgG_dark{--pn-muted:var(--silver-2);--pn-rule:var(--rule-dark)}.C2QGgG_label{font-family:var(--font-display);font-weight:500;font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--pn-muted)}