.select__button{border:1px solid var(--field-border);background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:10px;padding:10px 36px 10px 12px;transition:box-shadow .2s;display:block;position:relative}.select__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.select__button--suppress-ring:focus-visible{outline:none}.select__menu-wrap{background:var(--surface);border:1px solid color-mix(in oklab, var(--text) 24%, transparent);width:100%;box-shadow:0 12px 30px #0000004d, 0 0 0 1px color-mix(in oklab, var(--text) 8%, transparent);isolation:isolate;z-index:20;border-radius:10px;margin-top:5px;position:absolute;top:100%;left:0;overflow:hidden}@supports (color:color(display-p3 0 0 0)){.select__menu-wrap{box-shadow:0 12px 30px color(display-p3 0 0 0/.3), 0 0 0 1px color-mix(in oklab, var(--text) 8%, transparent)}}@supports (color:lab(0% 0 0)){.select__menu-wrap{box-shadow:0 12px 30px lab(0% 0 0/.3), 0 0 0 1px color-mix(in oklab, var(--text) 8%, transparent)}}.select__menu{max-height:200px;margin:0;padding:4px;list-style:none;overflow:auto}.select__scroll-indicator{pointer-events:none;opacity:0;z-index:2;height:16px;transition:opacity .1s linear;position:absolute;left:1px;right:1px}.select__scroll-indicator:after{content:"";background:color-mix(in oklab, var(--text) 45%, transparent);opacity:.58;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\"><path d=\"M2.5 4.25L6 7.75L9.5 4.25\" fill=\"none\" stroke=\"%23000\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>") 50% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\"><path d=\"M2.5 4.25L6 7.75L9.5 4.25\" fill=\"none\" stroke=\"%23000\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>") 50% no-repeat}.select__scroll-indicator--up{background:linear-gradient(to bottom, color-mix(in oklab, var(--surface) 98%, transparent) 0%, color-mix(in oklab, var(--surface) 82%, transparent) 52%, transparent 100%);top:0}.select__scroll-indicator--up:after{transform:translate(-50%,-50%)rotate(180deg)}.select__scroll-indicator--down{background:linear-gradient(to top, color-mix(in oklab, var(--surface) 98%, transparent) 0%, color-mix(in oklab, var(--surface) 82%, transparent) 52%, transparent 100%);bottom:0}.select__menu-wrap[data-can-scroll-up=true] .select__scroll-indicator--up,.select__menu-wrap[data-can-scroll-down=true] .select__scroll-indicator--down{opacity:.76}.select__menu-wrap[data-can-scroll-up=true] .select__menu{padding-top:8px}.select__menu-wrap[data-can-scroll-down=true] .select__menu{padding-bottom:8px}.select__option{cursor:pointer;border-radius:8px;outline:none;width:100%;padding:10px 12px;list-style:none;display:block;position:relative}.select__option+.select__option{margin-top:4px;padding-top:8px}.select__option+.select__option:before{content:"";background:color-mix(in oklab, var(--text) 10%, transparent);pointer-events:none;height:1px;position:absolute;top:-2.5px;left:12px;right:12px}.select__option--active{background:color-mix(in oklab, var(--primary) 18%, transparent);font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.select__option:hover{background:color-mix(in oklab, var(--primary) 12%, transparent)}.select__option:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--primary) 35%, transparent);background:color-mix(in oklab, var(--primary) 12%, transparent)}.select__chev{pointer-events:none;transform-origin:50%;opacity:.6;background:currentColor;width:16px;height:16px;transition:transform .2s,opacity .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)rotate(-90deg);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M4 6l4 4 4-4\" fill=\"%23000\"/></svg>") 50% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M4 6l4 4 4-4\" fill=\"%23000\"/></svg>") 50% no-repeat}.select__button[aria-expanded=true] .select__chev{transform:translateY(-50%)rotate(0)}.field{z-index:0;position:relative}.field:hover{z-index:10}.field:focus-within{z-index:20}.field--open{z-index:40}.field .field__control-row{position:relative}.field .field__tooltip-anchor{margin-bottom:6px;display:inline-block;position:relative}.field .field__tooltip-anchor--has-tooltip{cursor:help}.field .field__label{color:var(--muted);display:block}.field .field__label--tooltip{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in oklab, var(--muted) 55%, transparent);text-decoration-color:color-mix(in oklab, var(--muted) 55%, transparent);cursor:help}.field .field__tooltip-bubble{font-size:12px;font-weight:500;line-height:1.5;font-family:var(--font-sans);background:var(--surface);min-width:200px;max-width:360px;color:var(--text);border:1px solid color-mix(in oklab, var(--text) 10%, transparent);box-shadow:var(--shadow-soft), var(--shadow);opacity:0;pointer-events:none;transform-origin:0 100%;transform:translate(var(--tooltip-offset-x,0px), 4px) scale(.97);z-index:5;border-radius:10px;padding:10px 12px;transition:opacity .15s,transform .15s;position:absolute;bottom:120%;left:0}.field .field__tooltip-bubble--visible{opacity:1;pointer-events:auto;transform:translate(var(--tooltip-offset-x,0px), 0) scale(1)}@media (prefers-reduced-motion:reduce){.field__tooltip-bubble{transform:translate(var(--tooltip-offset-x,0px), 0);transition:opacity .15s}.field__tooltip-bubble--visible{transform:translate(var(--tooltip-offset-x,0px), 0)}}