:root{--filter-top:#fff;--filter-bottom:#edf5f3;--filter-edge:#c9ded9;--filter-base:#bed2cc;--filter-highlight:#ffffffe6;--filter-shadow:#05505117;--filter-menu:#fbfefd;--filter-hover:#e7f4f0}html[data-theme=dark]{--filter-top:#124f50;--filter-bottom:#0a3e3f;--filter-edge:#32696a;--filter-base:#022c2d;--filter-highlight:#b1efe31a;--filter-shadow:#0010113d;--filter-menu:#0a3d3e;--filter-hover:#165354}[data-filter-control],.app-filter,.app-raised-secondary,.app-raised-danger{min-height:44px;font-family:var(--font-archivo), sans-serif;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex;border:1px solid var(--filter-edge)!important;background:linear-gradient(165deg, var(--filter-top), var(--filter-bottom))!important;color:var(--color-foreground)!important;box-shadow:inset 0 1px 0 var(--filter-highlight), 0 3px 0 var(--filter-base), 0 5px 10px var(--filter-shadow)!important;border-radius:999px!important;font-size:.875rem!important}:is([data-filter-control],.app-filter,.app-raised-secondary):is([aria-pressed=true],[aria-selected=true],[data-selected=true]){border-color:var(--color-turquoise)!important;background:linear-gradient(160deg, color-mix(in srgb, var(--color-turquoise) 23%, var(--filter-top)), color-mix(in srgb, var(--color-turquoise) 12%, var(--filter-bottom)))!important}.app-filter:has(input:checked){border-color:var(--color-turquoise)!important;background:linear-gradient(160deg, color-mix(in srgb, var(--color-turquoise) 23%, var(--filter-top)), color-mix(in srgb, var(--color-turquoise) 12%, var(--filter-bottom)))!important}:is([data-filter-control],.app-filter,.app-raised-secondary,.app-raised-danger,.app-raised-primary):disabled{cursor:not-allowed;opacity:.5}:is([data-filter-control],.app-filter):focus-visible,.app-select-trigger:focus-visible,.app-raised-primary:focus-visible,.app-raised-secondary:focus-visible,.app-raised-danger:focus-visible{outline:2px solid var(--color-turquoise);outline-offset:3px}.app-filter:has(input:focus-visible){outline:2px solid var(--color-turquoise);outline-offset:3px}:where(div,nav)[class*=overflow-x-auto]:has(>[data-filter-control]){padding-top:4px;padding-bottom:8px}.app-raised-primary{transition:transform .12s,box-shadow .12s;color:#023f40!important;box-shadow:inset 0 1px 0 #fff6, 0 3px 0 #087d77, 0 6px 12px var(--filter-shadow)!important;background:linear-gradient(160deg,#39d4bd,#00aaa4)!important;border:1px solid #078e89!important}@media (hover:hover){:is([data-filter-control],.app-filter,.app-raised-secondary,.app-raised-danger,.app-raised-primary,.app-select-trigger):not(:disabled):hover{transform:translateY(-1px)}}:is([data-filter-control],.app-filter,.app-raised-secondary,.app-select-trigger):not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 0 var(--filter-highlight), 0 1px 0 var(--filter-base)!important}.app-raised-primary:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff4d,0 1px #087d77!important}.app-select{min-width:0;position:relative}.app-select-trigger{border:1px solid var(--filter-edge);background:linear-gradient(160deg, var(--filter-top), var(--filter-bottom));width:100%;min-height:3.5rem;color:var(--color-foreground);box-shadow:inset 0 1px 0 var(--filter-highlight), 0 3px 0 var(--filter-base), 0 5px 10px var(--filter-shadow);font-family:var(--font-archivo), sans-serif;cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .8rem .6rem 1rem;display:flex}.app-select-trigger:disabled{cursor:not-allowed;opacity:.5}.app-select-caption{letter-spacing:.09em;text-transform:uppercase;opacity:.65;margin-bottom:.15rem;font-size:.65rem;font-weight:700;display:block}.app-select-chevron{border:1px solid var(--filter-edge);background:var(--color-muted);border-radius:50%;flex:none;place-items:center;width:1.9rem;height:1.9rem;display:grid}.app-select-chevron svg{transition:transform .15s}.app-select-trigger[aria-expanded=true]{border-color:var(--color-turquoise)}.app-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.app-select-menu{z-index:160;box-sizing:border-box;border:1px solid var(--filter-edge);background:var(--filter-menu);color:var(--color-foreground);font-family:var(--font-archivo), sans-serif;box-shadow:0 14px 32px var(--filter-shadow), inset 0 1px 0 var(--filter-highlight);border-radius:1.15rem;flex-direction:column;padding:.4rem;display:flex;position:fixed;overflow:hidden}.app-select-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--filter-edge) transparent;border-radius:.75rem;min-height:0;position:relative;overflow:hidden auto}.app-select-option{cursor:pointer;overflow-wrap:anywhere;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.8rem;padding:.65rem .85rem;font-size:.875rem;display:flex}.app-select-option svg{color:var(--color-turquoise);flex:none}.app-select-option[data-active=true]{background:var(--filter-hover)}.app-select-option[aria-selected=true]{background:color-mix(in srgb, var(--color-turquoise) 15%, transparent);font-weight:700}@supports selector(::-webkit-scrollbar){.app-select-scroll{scrollbar-width:auto;scrollbar-color:auto}.app-select-scroll::-webkit-scrollbar{width:8px}.app-select-scroll::-webkit-scrollbar-track{background:0 0;margin-block:5px}.app-select-scroll::-webkit-scrollbar-thumb{background:var(--filter-edge);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.app-select-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--color-turquoise)}.app-select-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.app-select-scroll::-webkit-scrollbar-corner{background:0 0}}@media (prefers-reduced-motion:reduce){:is([data-filter-control],.app-filter,.app-raised-primary,.app-raised-secondary,.app-raised-danger,.app-select-trigger,.app-select-chevron svg){transition:none}}.app-raised-danger{color:#9f252c!important;box-shadow:inset 0 1px 0 #fff, 0 3px 0 #c78388, 0 5px 10px var(--filter-shadow)!important;background:linear-gradient(165deg,#fff6f5,#ffe5e5)!important;border-color:#d58b90!important}html[data-theme=dark] .app-raised-danger{color:#ffe5e5!important;box-shadow:inset 0 1px 0 #ffffff1f, 0 3px 0 #2c141a, 0 5px 10px var(--filter-shadow)!important;background:linear-gradient(165deg,#65363c,#48262c)!important;border-color:#a95f66!important}.app-raised-danger:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 0 var(--filter-highlight), 0 1px 0 #a95f66!important}
