.tn-select[data-v-4fbc6c65]{--content-gap:var(--spacing-s);--min-height:48px}@media screen and (max-width:599px){.tn-select[data-v-4fbc6c65]{--min-height:40px}}.tn-select[data-v-4fbc6c65]{--icon-size:24px}@supports (width:1lh){.tn-select[data-v-4fbc6c65]{--icon-size:1lh}}.tn-select[data-v-4fbc6c65]{color:var(--color-text-default);display:flex;flex-direction:column;gap:var(--spacing-s);width:100%}.tn-select.compact[data-v-4fbc6c65]{--min-height:32px;gap:4px}@media screen and (max-width:599px){.tn-select.compact[data-v-4fbc6c65]{--min-height:28px}}.select-wrapper[data-v-4fbc6c65]{align-items:center;background:var(--color-surface-input-resting);border-radius:8px;box-shadow:inset 0 0 0 1px var(--color-border-subtle);box-sizing:border-box;display:flex;flex-flow:row;gap:4px;position:relative;width:100%}.select-wrapper.compact select[data-v-4fbc6c65]{padding:4px 8px}.select-wrapper select[data-v-4fbc6c65]{all:unset;align-items:center;display:flex;height:100%;min-height:var(--min-height);padding-left:var(--spacing-l);padding-right:calc(var(--icon-size) + var(--content-gap) + var(--spacing-l));width:100%}.select-wrapper select.empty[data-v-4fbc6c65]{color:var(--color-text-subtle)}.select-wrapper select option[data-v-4fbc6c65]{padding:0 var(--spacing-l);-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-wrapper select option.placeholder[data-v-4fbc6c65]{display:none}.select-wrapper.tn-select--icon-left select[data-v-4fbc6c65]{padding-left:calc(var(--icon-size) + var(--content-gap) + var(--spacing-l))}.select-wrapper .iconRight[data-v-4fbc6c65]{right:var(--spacing-l)}.select-wrapper .iconLeft[data-v-4fbc6c65]{left:var(--spacing-l)}.select-wrapper .clear[data-v-4fbc6c65],.select-wrapper .iconLeft[data-v-4fbc6c65],.select-wrapper .iconRight[data-v-4fbc6c65]{align-items:center;color:inherit;display:flex}.select-wrapper .iconLeft[data-v-4fbc6c65],.select-wrapper .iconRight[data-v-4fbc6c65]{align-items:center;color:inherit;display:flex;pointer-events:none;position:absolute}.select-wrapper .iconLeft svg[data-v-4fbc6c65],.select-wrapper .iconRight svg[data-v-4fbc6c65]{height:var(--icon-size);width:var(--icon-size)}.select-wrapper .clear[data-v-4fbc6c65]{cursor:pointer}.select-wrapper[data-v-4fbc6c65]:hover{background:var(--color-surface-input-hover);box-shadow:inset 0 0 0 1px var(--color-border-input-hover);color:var(--color-text-default)}.select-wrapper[data-v-4fbc6c65]:active{background:var(--color-surface-input-active);box-shadow:inset 0 0 0 2px var(--color-border-input-active);color:var(--color-text-default)}.select-wrapper[data-v-4fbc6c65]:focus-within{background:var(--color-surface-input-resting);box-shadow:inset 0 0 0 2px var(--color-border-input-active)}.select-wrapper:focus-within.error[data-v-4fbc6c65]{background:var(--color-surface-input-resting);box-shadow:inset 0 0 0 2px var(--color-border-input-critical)}.select-wrapper[data-v-4fbc6c65]:has(input[type=button]:active:not(:focus-within)){box-shadow:inset 0 0 0 2px var(--color-border-input-active)}.select-wrapper.disabled[data-v-4fbc6c65]:not(.readonly){background:var(--color-surface-input-disabled);box-shadow:inset 0 0 0 1px var(--color-border-input-disabled);color:var(--color-text-action-disabled);cursor:not-allowed}.select-wrapper.readonly[data-v-4fbc6c65]{background:var(--color-surface-input-read-only);box-shadow:none;color:var(--color-text-strong)}.select-wrapper.error[data-v-4fbc6c65]{box-shadow:inset 0 0 0 1px var(--color-border-critical)}.select-wrapper.error[data-v-4fbc6c65]:hover:not(:active){box-shadow:inset 0 0 0 1px var(--color-border-input-critical-hover)}.select-wrapper.error[data-v-4fbc6c65]:active{background:var(--color-surface-input-resting);box-shadow:inset 0 0 0 2px var(--color-border-input-critical-active)}:is(.select-wrapper[data-v-4fbc6c65]:invalid,.select-wrapper[data-v-4fbc6c65]:user-invalid){box-shadow:inset 0 0 0 2px var(--color-border-critical)}.select-wrapper .animate-spin[data-v-4fbc6c65]{animation:spin-4fbc6c65 1s linear infinite reverse}@keyframes spin-4fbc6c65{to{transform:rotate(1turn)}}.tn-select[data-v-efd28b31]{--min-height:48px}@media screen and (max-width:599px){.tn-select[data-v-efd28b31]{--min-height:40px}}.tn-select[data-v-efd28b31]{--icon-size:24px}@supports (width:1lh){.tn-select[data-v-efd28b31]{--icon-size:1lh}}.tn-select[data-v-efd28b31]{color:var(--color-text-default);display:flex;flex-direction:column;gap:var(--spacing-s);position:relative;width:100%}.tn-select.compact[data-v-efd28b31]{--min-height:32px;gap:4px}@media screen and (max-width:599px){.tn-select.compact[data-v-efd28b31]{--min-height:28px}}[data-v-efd28b31] .tn-listbox-button{all:unset;width:100%}[data-v-efd28b31] .tn-listbox-button:hover .select-wrapper{background-color:var(--color-surface-input-hover);box-shadow:inset 0 0 0 1px var(--color-border-input-hover);color:var(--color-text-default)}[data-v-efd28b31] .tn-listbox-button:active .select-wrapper{background-color:var(--color-surface-input-active);box-shadow:inset 0 0 0 2px var(--color-border-input-active);color:var(--color-text-default)}[data-v-efd28b31] .tn-listbox-button:focus .select-wrapper,[data-v-efd28b31] .tn-listbox-button[aria-expanded=true] .select-wrapper,[data-v-efd28b31] .tn-listbox-button[data-headlessui-state~=open] .select-wrapper{background:var(--color-surface-input-resting);box-shadow:inset 0 0 0 2px var(--color-border-input-active)}[data-v-efd28b31] .tn-listbox-button:focus .select-wrapper.error,[data-v-efd28b31] .tn-listbox-button[aria-expanded=true] .select-wrapper.error,[data-v-efd28b31] .tn-listbox-button[data-headlessui-state~=open] .select-wrapper.error{background:var(--color-surface-input-resting);box-shadow:inset 0 0 0 2px var(--color-border-input-critical)}.select-wrapper[data-v-efd28b31]{align-items:center;background:var(--color-surface-input-resting);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px var(--color-border-subtle);box-sizing:border-box;display:flex;flex-flow:row;gap:8px;padding-inline:var(--spacing-l);width:100%}.select-wrapper.compact[data-v-efd28b31]{padding:4px 8px}.select-wrapper .iconRight[data-v-efd28b31]{position:absolute;right:var(--spacing-l)}.select-wrapper .iconLeft[data-v-efd28b31],.select-wrapper .iconRight[data-v-efd28b31]{align-items:center;color:inherit;display:flex}.select-wrapper .iconLeft svg[data-v-efd28b31],.select-wrapper .iconRight svg[data-v-efd28b31]{height:var(--icon-size);width:var(--icon-size)}.select-wrapper .iconChevron[data-v-efd28b31]{transition:transform .3s}[aria-expanded=true] .select-wrapper .iconChevron[data-v-efd28b31]{transform:rotate(180deg)}.select-wrapper .clear[data-v-efd28b31]{cursor:pointer}.select-wrapper.disabled[data-v-efd28b31]:not(.readonly){background:var(--color-surface-input-disabled);box-shadow:inset 0 0 0 1px var(--color-border-input-disabled);color:var(--color-text-action-disabled);cursor:not-allowed}.select-wrapper.readonly[data-v-efd28b31]{background:var(--color-surface-input-read-only);box-shadow:none;color:var(--color-text-strong)}.select-wrapper.disabled .iconLeft[data-v-efd28b31],.select-wrapper.disabled .iconRight[data-v-efd28b31],.select-wrapper.readonly .iconLeft[data-v-efd28b31],.select-wrapper.readonly .iconRight[data-v-efd28b31]{fill:var(--color-icon-action-disabled)}.select-wrapper.error[data-v-efd28b31]{box-shadow:inset 0 0 0 1px var(--color-border-critical)}.select-wrapper.error[data-v-efd28b31]:hover:not(:active){box-shadow:inset 0 0 0 1px var(--color-border-input-critical-hover)}.select-wrapper.error[data-v-efd28b31]:active{background:var(--color-surface-input-resting);box-shadow:inset 0 0 0 2px var(--color-border-input-critical-active)}:is(.select-wrapper[data-v-efd28b31]:valid,.select-wrapper[data-v-efd28b31]:user-valid){box-shadow:inset 0 0 0 2px var(--color-border-success)}:is(.select-wrapper[data-v-efd28b31]:invalid,.select-wrapper[data-v-efd28b31]:user-invalid){box-shadow:inset 0 0 0 2px var(--color-border-critical)}.select-wrapper .animate-spin[data-v-efd28b31]{animation:spin-efd28b31 1s linear infinite reverse}@keyframes spin-efd28b31{to{transform:rotate(1turn)}}.menu-wrapper[data-v-efd28b31]{background:var(--color-surface-input-resting);border:1px solid var(--color-border-input-resting);border-radius:var(--radius-s);box-sizing:border-box;overscroll-behavior:contain;z-index:1000;-webkit-overflow-scrolling:touch;margin:0;max-height:256px;overflow:hidden auto;padding:8px 0;position:fixed}.menu-wrapper[data-v-efd28b31]::-webkit-scrollbar{width:12px}.menu-wrapper[data-v-efd28b31]::-webkit-scrollbar-track{background:0 0;border-radius:var(--radius-max)}.menu-wrapper[data-v-efd28b31]::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--color-border-subtle);border:3px solid #0000;border-radius:var(--radius-max)}.menu-wrapper[data-v-efd28b31]::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}@supports (scrollbar-color:var(--color-border-subtle ) transparent){.menu-wrapper[data-v-efd28b31]{scrollbar-color:var(--color-border-subtle) transparent;scrollbar-width:auto}}.menu-wrapper.compact[data-v-efd28b31]{max-height:192px}.menu-wrapper.compact .option[data-v-efd28b31]{padding:var(--spacing-xs) 12px}.menu-wrapper[data-v-efd28b31]:focus-visible{outline:none}.menu-wrapper .option[data-v-efd28b31]{align-items:center;background:var(--color-surface-input-resting);display:flex;justify-content:space-between;list-style-type:none;padding-inline:24px}.menu-wrapper .option.placeholder[data-v-efd28b31]{display:none}.menu-wrapper .option .label[data-v-efd28b31]{align-items:center;display:flex;gap:8px;min-height:var(--min-height)}.menu-wrapper .option.disabled[data-v-efd28b31]{color:var(--color-text-action-disabled);cursor:not-allowed}.menu-wrapper .option.disabled.active[data-v-efd28b31],.menu-wrapper .option.disabled[data-v-efd28b31]:hover{background:var(--color-surface-input-resting)}.menu-wrapper .option.active[data-v-efd28b31],.menu-wrapper .option[data-v-efd28b31]:hover{background:var(--color-surface-action-subtle-active)}.selected-option[data-v-efd28b31]{align-items:center;display:flex;gap:8px;min-height:var(--min-height)}.selected-option .placeholder[data-v-efd28b31]{color:var(--color-text-subtle)}