[data-select-viewport],[data-combobox-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-combobox-viewport]::-webkit-scrollbar{display:none!important}[data-select-viewport]::-webkit-scrollbar{display:none!important}@layer components{select.native-select{cursor:pointer;border-radius:var(--radius-3xl);background-color:color-mix(in oklab, var(--input) 50%, transparent);width:fit-content;height:2.25rem;color:var(--foreground);border:1px solid #0000;outline:none;padding:0 .75rem;font-size:.875rem;line-height:1.25rem;transition:color .15s,box-shadow .15s,background-color .15s}select.native-select:hover{background-color:color-mix(in oklab, var(--input) 70%, transparent)}select.native-select:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 40%, transparent)}@supports (appearance:base-select){select.native-select{appearance:base-select}select.native-select::picker(select){appearance:base-select}select.native-select{justify-content:space-between;align-items:center;padding:.5rem .75rem;display:inline-flex}select.native-select::picker-icon{background-color:var(--muted-foreground);flex-shrink:0;width:1rem;height:1rem;transition:transform .15s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}select.native-select:open::picker-icon{transform:rotate(180deg)}select.native-select::picker(select){border:1px solid var(--border);border-radius:var(--radius-3xl);background-color:var(--popover);color:var(--popover-foreground);margin-top:.25rem;padding:.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}select.native-select option{border-radius:var(--radius-2xl);color:var(--popover-foreground);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}select.native-select option[hidden]{display:none}select.native-select option:hover,select.native-select option:focus{background-color:var(--accent);color:var(--accent-foreground)}select.native-select option::checkmark{color:var(--primary);order:2}}}
