.duet{-moz-text-size-adjust:100%;text-size-adjust:100%;--duet-solid:#f6f7fa;--duet-ring:#8c909859;--duet-frost:#ffffff6b;--duet-lift:#ffffff9e;--duet-sel:#0000001a;--duet-menu:#ffffff8c;--duet-ink:#000;--duet-tint:#08f;color:var(--duet-ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:-apple-system,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-lg-theme=light]) .duet{--duet-solid:#262628;--duet-ring:#ffffff29;--duet-frost:#0000003d;--duet-lift:#ffffff29;--duet-sel:#00000038;--duet-menu:#0006;--duet-ink:#fff}}[data-lg-theme=dark] .duet{--duet-solid:#262628;--duet-ring:#ffffff29;--duet-frost:#0000003d;--duet-lift:#ffffff29;--duet-sel:#00000038;--duet-menu:#0006;--duet-ink:#fff}.duet button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.duet-glass{z-index:50;box-sizing:border-box;color:var(--duet-ink);--lg-surface-blur:18px;border-radius:999px;position:fixed;box-shadow:0 4px 14px #0000000f}.duet-glass:before{background-color:var(--duet-frost)}.duet .lg-noise{display:none}.duet-glass{transition:top .35s cubic-bezier(.32, .72, 0, 1), height .35s cubic-bezier(.32, .72, 0, 1), scale .5s var(--duet-spring-in)}.duet-pill[data-min]{transition-duration:.24s,.24s,.4s}.duet-glass:before{transition:background-color .25s}:is(.duet-round,.duet-pill[data-min]):has(:active){z-index:52;transition-duration:.35s,.35s,.45s;transition-timing-function:ease, ease, var(--duet-spring-out);scale:1.4}:is(.duet-round,.duet-pill[data-min]):has(:active):before{background-color:var(--duet-lift)}.duet-item,.duet-tab{transition:scale .5s var(--duet-spring-in), background .2s;border-radius:999px}.duet-group .duet-item:active{background:var(--duet-lift);transition:scale .4s var(--duet-spring-out), background .1s;scale:1.25}.duet-round{display:flex}.duet-round>.duet-item{flex:1}.duet-group{flex-direction:column;padding:0;display:flex}.duet-item{flex:1;min-height:0}.duet-pill{flex-direction:column;padding:6.35px 3px;display:flex}.duet-pill[data-min]{padding:3px}.duet-tab{flex:none;height:50px}.duet-pill[data-min] .duet-tab{height:43px}.duet-tab,.duet-menu-item,.duet-tab>*,.duet-menu-item>*{position:relative}:is(.duet-tab,.duet-menu-item)[data-on]{color:var(--duet-tint)}:is(.duet-pill[data-min] .duet-tab,.duet-menu-item)[data-on]:before{content:"";border-radius:inherit;background:var(--duet-sel);position:absolute;inset:0}@property --li{syntax:"<number>";inherits:true;initial-value:0}@property --lx{syntax:"<length>";inherits:true;initial-value:0}@property --ly{syntax:"<length>";inherits:true;initial-value:0}@property --lm{syntax:"<number>";inherits:true;initial-value:1}@property --pad{syntax:"<length>";inherits:true;initial-value:6.35px}.duet-pill:not([data-min]){--lx:0px;--ly:0px;--lm:1;--pad:6.35px;padding:var(--pad) 3px;touch-action:none;transform-origin:100%;--duet-settle:.42s cubic-bezier(.32, .72, 0, 1);--duet-grow:.26s cubic-bezier(.32, .72, 0, 1);transition:top var(--duet-grow), height var(--duet-grow), left var(--duet-grow), width var(--duet-grow), --pad var(--duet-settle), scale var(--duet-settle), --li .4s cubic-bezier(.32, .72, 0, 1), --lx var(--duet-settle), --ly var(--duet-settle), --lm var(--duet-settle)}.duet[data-side=left] .duet-pill{transform-origin:0}.duet-glass.duet-pill:not([data-min]){contain:layout style;overflow:visible}.duet-pill[data-scrub]{--lx:9px;--ly:10px;--lm:1.22;--pad:12.35px;z-index:52;--duet-swell:.45s var(--duet-spring-out);transition:top var(--duet-swell), height var(--duet-swell), left var(--duet-swell), width var(--duet-swell), --pad var(--duet-swell), scale var(--duet-swell), --li .25s var(--duet-spring-out), --lx .35s var(--duet-spring-out), --ly .35s var(--duet-spring-out), --lm .35s var(--duet-spring-out);scale:1.05}.duet-lens{z-index:1;left:calc(3px - var(--lx));right:calc(3px - var(--lx));top:calc(var(--pad) - var(--ly));height:calc(50px + 2 * var(--ly));translate:0 calc(var(--li) * 50px);pointer-events:none;background:var(--duet-sel);border-radius:999px;transition:background-color .35s ease-out,box-shadow .35s ease-out;position:absolute;overflow:hidden}.duet-pill[data-glide]{--lx:8px;--ly:5px;--lm:1.15}.duet-pill[data-glide] .duet-lens{animation:.42s cubic-bezier(.32,.72,0,1) duet-lens-stretch}@keyframes duet-lens-stretch{0%{scale:1}30%{scale:.9 1.3}to{scale:1}}.duet-pill:is([data-scrub],[data-glide]) .duet-lens{background:#ffffff0d;box-shadow:inset 0 0 0 .75px #fff9,inset 0 1.5px 1px #ffffff73,inset 0 -1px 1px #fff3,inset 3px 0 3px -1px #ff508c4d,inset -3px 0 3px -1px #46beff4d,inset 0 3px 3px -1px #ffdc5a2e,0 0 0 .5px #0000001f,0 6px 18px #0003}.duet-lens-view{scale:var(--lm);position:absolute;inset:0}.duet-lens-col{left:var(--lx);right:var(--lx);top:var(--ly);translate:0 calc(var(--li) * -50px);position:absolute}.duet-lens-col .duet-tab{justify-content:center;align-items:center;display:flex}.duet-pill:not([data-min])>.duet-tab{--y0:calc((var(--li) - var(--j)) * 50px - var(--ly));--y1:calc(var(--y0) + 50px + 2 * var(--ly));-webkit-mask:linear-gradient(#000 var(--y0), transparent var(--y0), transparent var(--y1), #000 var(--y1));-webkit-mask:linear-gradient(#000 var(--y0), transparent var(--y0), transparent var(--y1), #000 var(--y1));mask:linear-gradient(#000 var(--y0), transparent var(--y0), transparent var(--y1), #000 var(--y1))}.duet-pill:not([data-min])>.duet-tab:not([data-on]),.duet-pill-badges>span{animation:.22s ease-out duet-tab-in}@keyframes duet-tab-in{0%{opacity:0;filter:blur(6px);scale:.7}}.duet-pill-badges{z-index:2;left:3px;right:3px;top:var(--pad);pointer-events:none;position:absolute}.duet-pill-badges>span{height:50px;display:block;position:relative}.duet-tab>svg{transition:translate var(--duet-settle,.3s), scale var(--duet-settle,.3s)}.duet-pill[data-scrub] .duet-tab>svg{transition:translate .35s var(--duet-spring-out), scale .35s var(--duet-spring-out)}.duet-tab:after{content:attr(aria-label);text-align:center;color:var(--duet-ink);letter-spacing:-.1px;white-space:nowrap;opacity:0;font:600 9px/11px -apple-system,system-ui,sans-serif;transition:opacity .25s ease-out;position:absolute;bottom:3px;left:-6px;right:-6px}.duet-pill[data-scrub] .duet-tab:after{opacity:1;transition-delay:60ms}.duet-pill[data-scrub] .duet-tab>svg{translate:0 -6px;scale:.82}.duet-glass:has(.duet-badge){contain:layout style;overflow:visible}.duet .duet-badge{box-sizing:border-box;color:#fff;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;min-width:18px;height:18px;box-shadow:0 0 0 1.5px var(--duet-solid);background:#ff3b30;border-radius:9px;padding:0 5px;font:600 12px/18px -apple-system,system-ui;position:absolute;top:2px;left:calc(50% + 5px)}.duet[data-side=right] .duet-badge{left:auto;right:calc(50% + 5px)}.duet-accessory{align-items:center;gap:12px;padding:0 18px;font:600 17px -apple-system,system-ui;transition:opacity .2s,transform .2s;display:flex}.duet-accessory[data-covered]{opacity:0;pointer-events:none;transform:scale(.96)}.duet{--duet-spring-out:linear(0, .075, .251, .466, .676, .853, .985, 1.071, 1.115, 1.126, 1.116, 1.093, 1.066, 1.04, 1.018, 1.001, .991, .985, .984, .985, .988, .992, .995, .998, 1, 1.001, 1.002, 1.002, 1.002, 1.001, 1);--duet-spring-in:linear(0, .071, .229, .415, .593, .742, .858, .939, .992, 1.022, 1.035, 1.038, 1.035, 1.029, 1.021, 1.015, 1.009, 1.005, 1.002, 1, .999, .999, .999, .999, 1)}.duet-menu{z-index:51;animation:duet-unroll .36s var(--duet-spring-out) both, duet-thin .36s ease-out both;flex-direction:row;justify-content:flex-end;align-items:center;padding:0 3px;transition:none;display:flex;position:fixed;overflow:hidden}.duet-menu[data-closing]{pointer-events:none;animation:.22s cubic-bezier(.32,.72,0,1) both duet-roll,.22s ease-out both duet-thin}.duet-menu:before{background-color:var(--duet-menu)}.duet-menu>*{animation:duet-fade .16s 30ms var(--duet-spring-out) both}.duet-menu[data-closing]>*{animation:90ms ease-in reverse both duet-fade}@keyframes duet-unroll{0%{left:var(--x0);width:49px}}@keyframes duet-roll{to{left:var(--x0);width:49px}}@keyframes duet-thin{35%{transform:scaleY(.93)}70%{transform:scaleY(1.02)}}@keyframes duet-fade{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.duet-close{animation:duet-fade .35s var(--duet-spring-out) both}@media (prefers-reduced-motion:reduce){.duet-lens,.duet-close,.duet-menu,.duet-menu>*,.duet-menu[data-closing],.duet-menu[data-closing]>*{animation:none}}.duet-glass[data-unrolled]{visibility:hidden}.duet[data-side=left] .duet-menu{flex-direction:row-reverse}@property --duet-drag{syntax:"<length>";inherits:true;initial-value:0}.duet[data-mode=inline]{transition:--duet-drag .35s cubic-bezier(.2,.9,.3,1.15)}.duet[data-mode=inline] .duet-glass:not(.duet-menu){touch-action:none;translate:var(--duet-drag) 0}.duet[data-drag=held],.duet[data-drag=switch]{transition:none}.duet[data-drag=switch] *{transition:none!important}.duet[data-drag=free]{transition:--duet-drag .12s ease-out}.duet-menu-item{border-radius:999px;flex:none;width:46.5px;height:43px}.duet-menu-item[data-destructive]{color:#ff3b30}.duet-menu[data-style=morph]>.duet-menu-item[data-sep]{box-shadow:0 -.5px 0 var(--duet-ring);border-top-left-radius:0;border-top-right-radius:0}.duet-primary{color:var(--duet-tint)}.duet-menu[data-style=morph]{animation:duet-morph .36s var(--duet-spring-out) both;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:6px}.duet-menu[data-style=morph][data-closing]{animation:.2s cubic-bezier(.32,.72,0,1) both duet-unmorph}.duet[data-side=left] .duet-menu[data-style=morph]{flex-direction:column}.duet-menu[data-style=morph]>.duet-menu-item{text-align:left;white-space:nowrap;border-radius:16px;justify-content:flex-start;align-items:center;gap:12px;width:auto;height:44px;padding:0 12px;font:400 17px -apple-system,system-ui;display:flex}.duet-menu[data-style=morph]>.duet-menu-item>svg{flex:none}.duet-menu-label{text-overflow:ellipsis;overflow:hidden}.duet-menu[data-style=morph]>.duet-menu-item{animation:.15s ease-out 20ms both duet-rise}.duet-menu[data-style=morph][data-closing]>.duet-menu-item{animation:80ms ease-in reverse both duet-rise}@keyframes duet-morph{0%{left:var(--x0);top:var(--y0);border-radius:24.5px;width:49px;height:49px}}@keyframes duet-unmorph{to{left:var(--x0);top:var(--y0);border-radius:24.5px;width:49px;height:49px}}@keyframes duet-rise{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.duet-menu[data-style=morph],.duet-menu[data-style=morph]>.duet-menu-item{animation:none}}html:has(>body .duet-scroller){overscroll-behavior:none;height:100%}html:has(>body .duet-scroller)>body{overscroll-behavior:none;height:100%}.duet-scroller{overscroll-behavior:contain;box-sizing:border-box;position:fixed;inset:0;overflow-y:auto}html[data-duet-mode=column] .duet-scroller{width:calc(100% + var(--duet-inset-right));height:calc(100% + var(--duet-inset-bottom));touch-action:pan-y;position:absolute;bottom:auto}.duet-scroller:after{content:"";height:var(--duet-inset-bottom,0px);display:block}html[data-duet-mode=column][data-duet-split] .duet-scroller{width:calc(100% + var(--duet-inset-left) + var(--duet-inset-right))}html[data-duet-mode=column][data-duet-emulated] .duet-scroller{width:100%;height:100%}.duet[data-mode=column]{z-index:50;width:0;height:0;position:absolute;top:0;left:0}:root .duet[data-mode=column] .duet-glass:not(.duet-accessory){--duet-col:#f0efec8c;--duet-solid:#f6f7fa;--duet-ink:#000;--duet-edge:.3;--duet-rim:.15}@media (prefers-color-scheme:dark){:root .duet[data-mode=column] .duet-glass:not(.duet-accessory){--duet-col:#5a59546e;--duet-solid:#262628;--duet-ink:#fff;--duet-edge:.6;--duet-rim:0}}.duet[data-mode=column] .duet-glass{position:absolute}.duet[data-mode=column] .duet-glass:not(.duet-accessory){box-shadow:-.5px 0 0 rgb(0 0 0/var(--duet-edge)), .5px 0 0 rgb(0 0 0/var(--duet-edge)), 0 0 0 .35px rgb(0 0 0/var(--duet-rim)), 0 3px 10px #00000008}.duet[data-mode=column] .duet-glass:not(.duet-accessory):before{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--duet-col);box-shadow:none}.duet[data-mode=column] .duet-glass:not(.duet-accessory):after{-webkit-backdrop-filter:contrast(.76)brightness(1.31);backdrop-filter:contrast(.76)brightness(1.31);--duet-cap:linear-gradient(#000, transparent 35%, transparent 65%, #000);--duet-glow:linear-gradient(#0000004d, transparent 8px, transparent calc(100% - 8px), #0000004d);-webkit-mask:var(--duet-glow), var(--duet-cap), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:source-over, source-in, xor;-webkit-mask:var(--duet-glow), var(--duet-cap), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:var(--duet-glow), var(--duet-cap), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);background:0 0;padding:1px;-webkit-mask-composite:source-over,source-in,xor;mask-composite:add,intersect,exclude}.duet[data-mode=column] .duet-glass.duet-menu:not(.duet-accessory):before{background:var(--duet-solid)}.duet-bleed{padding-right:calc(var(--duet-pad,0px) + var(--duet-inset-right,0px));padding-left:calc(var(--duet-pad,0px) + var(--duet-inset-left,0px))}.duet-column{--duet-w:min(var(--duet-max,680px), 100% - var(--duet-inset-left,0px) - var(--duet-inset-right,0px) - 2 * var(--duet-pad,20px));box-sizing:border-box;width:var(--duet-w);margin-right:0;margin-left:clamp(var(--duet-inset-left,0px) + var(--duet-pad,20px), (100% - var(--duet-w)) / 2, 100% - var(--duet-inset-right,0px) - var(--duet-pad,20px) - var(--duet-w))}.duet-panes{height:100%;position:relative;overflow:hidden}.duet-panes-track{height:100%;transform:translateX(calc(var(--start) * -100% / var(--n)));transition:transform .5s cubic-bezier(.32,.72,0,1);display:flex}.duet-pane{flex:0 0 calc(100% / var(--n));box-sizing:border-box;overscroll-behavior:contain;min-width:0;height:100%;transition:flex-basis .5s cubic-bezier(.32,.72,0,1);overflow-y:auto}.duet-panes[data-layout=wide] .duet-pane+.duet-pane{box-shadow:inset .5px 0 0 var(--duet-pane-line,#80808059)}@media (prefers-reduced-motion:reduce){.duet-panes-track,.duet-pane{transition:none}}.duet-pane-bar{top:calc(var(--duet-inset-top,0px) + env(safe-area-inset-top) + 10px);z-index:20;height:0;padding-right:calc(var(--duet-inset-right,0px) + 12px);flex-direction:column;align-items:flex-end;font-family:-apple-system,system-ui,sans-serif;display:flex;position:sticky}.duet-pane-pill,.duet-pane-menu{--duet-pane-glass:#ffffffb8;--duet-pane-ink:#000;--duet-pane-ring:#0000001f;background:var(--duet-pane-glass);color:var(--duet-pane-ink);box-shadow:0 0 0 .5px var(--duet-pane-ring), 0 4px 14px #00000014;-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6)}@media (prefers-color-scheme:dark){:root:not([data-lg-theme=light]) :is(.duet-pane-pill,.duet-pane-menu){--duet-pane-glass:#2c2c2eb8;--duet-pane-ink:#fff;--duet-pane-ring:#ffffff24}}[data-lg-theme=dark] :is(.duet-pane-pill,.duet-pane-menu){--duet-pane-glass:#2c2c2eb8;--duet-pane-ink:#fff;--duet-pane-ring:#ffffff24}.duet-pane-pill{border-radius:999px;padding:2px;display:flex}.duet-pane-bar button{appearance:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;margin:0;display:flex}.duet-pane-pill>button{border-radius:999px;justify-content:center;width:36px;height:36px;transition:background .15s}.duet-pane-pill>button:active,.duet-pane-pill>button[aria-expanded=true]{background:#80808033}.duet-pane-menu{transform-origin:100% 0;min-width:220px;animation:duet-fade .3s var(--duet-spring-out,ease-out) both;border-radius:18px;flex-direction:column;margin-top:46px;padding:6px;display:flex}.duet-pane-menu>button{text-align:left;border-radius:12px;justify-content:space-between;gap:12px;height:44px;padding:0 12px;font:400 17px -apple-system,system-ui}.duet-pane-menu>button:active{background:#8080802e}.duet-pane-menu>button[data-destructive]{color:#ff3b30}.duet-pane-menu>button[data-sep]{margin-top:7px;position:relative}.duet-pane-menu>button[data-sep]:before{content:"";border-top:.5px solid var(--duet-pane-ring);position:absolute;top:-4px;left:12px;right:12px}@media (prefers-reduced-motion:reduce){.duet-pane-menu{animation:none}}
