.ct,.ct-switch,.ct-popover-wrap{--ct-surface:var(--app-surface);--ct-surface-hover:var(--app-surface-hover);--ct-outline:var(--app-outline);--ct-outline-hover:var(--app-outline-hover);--ct-muted:var(--app-muted);--ct-accent:var(--app-accent);--ct-fill:var(--app-accent-fill);--ct-ease:var(--app-ease)}.ct{color:#fff;flex-direction:column;gap:.5rem;min-height:0;display:flex}.ct svg{fill:currentColor}.ct-search{background:hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade)));outline:.1rem solid var(--ct-outline);height:2.2rem;color:var(--ct-muted);border-radius:.5rem;align-items:center;gap:.4rem;padding:0 .6rem;transition:outline-color .1s;display:flex}.ct-search:focus-within{outline-color:var(--ct-accent)}.ct-search svg{flex-shrink:0;width:1.1rem;height:1.1rem}.ct-search input{color:#fff;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.ct-search input::placeholder{color:#666}.ct-search input::-webkit-search-cancel-button{display:none}.ct-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--tint-h), var(--tint-s), calc(28% * var(--shade))) transparent;max-height:min(19rem,42vh);margin:0;padding:.15rem;list-style:none;overflow-y:auto}.ct-row{padding-left:calc(var(--depth) * 1.1rem);align-items:center;gap:.15rem;display:flex}.ct-expand,.ct-expand-gap{flex-shrink:0;width:1.6rem;height:1.6rem}.ct-expand{color:var(--ct-muted);cursor:pointer;background:0 0;border:none;border-radius:.35rem;place-items:center;padding:0;transition:background-color .1s,color .1s;display:grid}.ct-expand svg{width:1.2rem;height:1.2rem;transition:transform .35s var(--ct-ease)}.ct-expand.open svg{transform:rotate(90deg)}.ct-expand:hover:not(:disabled){background:var(--ct-surface-hover);color:#fff}.ct-expand:disabled{cursor:default;opacity:.5}.ct-expand:focus-visible{outline:.1rem solid var(--ct-accent)}.ct-check{color:#e0e0e0;min-width:0;height:2.1rem;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.4rem;flex:1;align-items:center;gap:.55rem;padding:0 .5rem;font-size:.9rem;transition:background-color .1s,color .1s;display:flex}.ct-check:hover:not([aria-disabled]){background:var(--ct-surface-hover);color:#fff}.ct-check:focus-visible{outline:.1rem solid var(--ct-accent)}.ct-check.implied{cursor:default;opacity:.6}.ct-box{outline:.1rem solid var(--ct-outline-hover);outline-offset:-.1rem;border-radius:.3rem;flex-shrink:0;place-items:center;width:1.05rem;height:1.05rem;transition:background-color .15s,outline-color .15s;display:grid}.ct-box svg{width:.9rem;height:.9rem;fill:hsl(var(--tint-h), calc(var(--tint-s) * 2), calc(8% * var(--shade)));transition:transform .35s var(--ct-ease);transform:scale(0)}.ct-check.on .ct-box{background:var(--ct-fill);outline-color:var(--ct-fill)}.ct-check.on .ct-box svg{transform:none}.ct-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ct-count{color:var(--ct-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}.ct-empty{color:var(--ct-muted);margin:.25rem .5rem;font-size:.9rem}.ct-switch{color:#ebebeb;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;font-size:.9rem;transition:background-color .1s;display:flex}.ct-switch:hover{background:var(--ct-surface-hover)}.ct-switch:focus-visible{outline:.1rem solid var(--ct-accent)}.ct-switch:disabled{cursor:default}.ct-switch:disabled:hover{background:0 0}.ct-switch:disabled>.ct-switch-text>span:first-child,.ct-switch:disabled>.ct-switch-track{opacity:.4}.ct-switch-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.ct-switch-hint{color:var(--ct-muted);font-size:.8rem}.ct-switch-track{background:hsl(var(--tint-h), var(--tint-s), calc(25% * var(--shade)));border-radius:10rem;flex-shrink:0;width:2.4rem;height:1.4rem;transition:background-color .2s;position:relative}[aria-checked=true]>.ct-switch-track{background:var(--ct-fill)}.ct-switch-thumb{height:1rem;transition:left .3s var(--ct-ease) 50ms, right .3s var(--ct-ease);background:#fff;border-radius:10rem;position:absolute;top:.2rem;left:.2rem;right:1.2rem}[aria-checked=true]>.ct-switch-track>.ct-switch-thumb{transition:right .3s var(--ct-ease) 50ms, left .3s var(--ct-ease);left:1.2rem;right:.2rem}.ct-popover-wrap{flex-shrink:0;position:relative}.ct-filter-btn{background:var(--ct-surface);outline:.1rem solid var(--ct-outline);color:#fff;cursor:pointer;width:2.6rem;height:2.6rem;transition:background-color .1s ease, outline-color .15s ease, transform .35s var(--ct-ease);border:none;border-radius:.5rem;place-items:center;padding:0;display:grid;position:relative}.ct-filter-btn svg{fill:currentColor;width:1.35rem;height:1.35rem}.ct-filter-btn:hover{background:var(--ct-surface-hover);outline-color:var(--ct-outline-hover)}.ct-filter-btn:active{transition-duration:.1s;transform:scale(.94)}.ct-filter-btn.on{color:var(--ct-accent)}.ct-filter-btn:focus-visible{outline-color:var(--ct-accent)}.ct-badge{box-sizing:border-box;background:var(--ct-fill);min-width:1.1rem;height:1.1rem;color:hsl(var(--tint-h), calc(var(--tint-s) * 2), calc(8% * var(--shade)));text-align:center;border-radius:10rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1.1rem;position:absolute;top:-.35rem;right:-.35rem}.ct-popover{z-index:30;box-sizing:border-box;background:var(--ct-surface);outline:.1rem solid var(--ct-outline);color:#fff;clip-path:inset(0 0 calc(100% - 2.75rem) calc(100% - 2.75rem) round .5rem);opacity:0;visibility:hidden;content-visibility:hidden;width:min(22rem,100vw - 2rem);transition:clip-path .4s var(--ct-ease), opacity .15s ease .15s, visibility 0s linear .4s, content-visibility 0s linear .4s;transition-behavior:allow-discrete;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:.9rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 1rem 2.5rem #0006}.ct-popover.open{clip-path:inset(-1rem -1rem -3rem round .5rem);opacity:1;visibility:visible;content-visibility:visible;transition:clip-path .5s var(--ct-ease), opacity .12s ease, visibility 0s, content-visibility 0s}.ct-popover>*{transition:opacity .2s ease, transform .45s var(--ct-ease)}.ct-popover:not(.open)>*{opacity:0;transform:translateY(-.4rem)}.ct-popover h3{color:var(--ct-muted);margin:.25rem 0 0;font-size:.95rem;font-weight:500}.ct-popover.left{clip-path:inset(0 calc(100% - 2.75rem) calc(100% - 2.75rem) 0 round .5rem);left:0;right:auto}.ct-popover.left.open{clip-path:inset(-1rem -1rem -3rem round .5rem)}.ct-popover-foot{border-top:.1rem solid var(--ct-outline);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.ct-text-btn{color:var(--ct-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.3rem .2rem}.ct-text-btn:hover:not(:disabled){color:#fff}.ct-text-btn:disabled{cursor:default;opacity:.5}.ct-done-btn{background:var(--ct-fill);outline-offset:-.15rem;color:#fff;height:2.2rem;font:inherit;cursor:pointer;transition:background-color .1s ease, transform .35s var(--ct-ease);border:none;border-radius:.5rem;outline:.15rem solid #fff3;padding:0 .9rem;font-weight:500}.ct-done-btn:hover{background:var(--ct-accent)}.ct-done-btn:active{transition-duration:.1s;transform:scale(.95)}@media (prefers-reduced-motion:reduce){.ct *,.ct-switch *,.ct-popover,.ct-popover>*{transition-duration:.01ms!important}}.ct-order{align-items:center;gap:.3rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.ct-order-label{color:#949494;margin-right:auto}.ct-order-btn{background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));height:1.9rem;color:inherit;font:inherit;cursor:pointer;border:none;border-radius:.45rem;padding:0 .65rem;transition:background-color .1s,outline-color .1s,transform .3s cubic-bezier(.32,.72,0,1)}.ct-order-btn:hover{background:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));outline-color:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade)))}.ct-order-btn:active{transition-duration:.1s;transform:scale(.95)}.ct-order-btn.on{color:hsl(var(--accent-h), var(--accent-s), 70%);outline-color:hsl(var(--accent-h), var(--accent-s), 70%)}.ct-order-btn:disabled{opacity:.4;cursor:default;transform:none}.yr-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.25rem;display:flex}.yr-chip{background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));height:2rem;color:inherit;font:inherit;cursor:pointer;border:none;border-radius:.5rem;align-items:center;padding:0 .7rem;font-size:.9rem;transition:background-color .1s,outline-color .1s,transform .3s cubic-bezier(.32,.72,0,1);display:inline-flex}.yr-chip svg{opacity:0;fill:currentColor;width:0;height:.95rem;transition:width .35s cubic-bezier(.32,.72,0,1),margin-right .35s cubic-bezier(.32,.72,0,1),opacity .2s}.yr-chip:hover{background:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));outline-color:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade)))}.yr-chip:active{transition-duration:.1s;transform:scale(.95)}.yr-chip.on{color:hsl(var(--accent-h), var(--accent-s), 70%);outline-color:hsl(var(--accent-h), var(--accent-s), 70%)}.yr-chip.on svg{opacity:1;width:.95rem;margin-right:.3rem}.yr-count{color:#949494;font-variant-numeric:tabular-nums;margin-left:.4rem;font-size:.8rem}
