.tn-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tn-select__val{display:contents}.tn-select__menu{background-color:var(--tn-surface);color:var(--tn-ink)}.tn-select__opt{color:var(--tn-ink);background-color:#0000}.tn-select__opt.is-active,.tn-select__opt:hover:not(.is-off){background-color:var(--tn-surface-2);color:var(--tn-ink)}.tn-select__opt.is-off{opacity:.65;color:var(--tn-faint)}.tn-select__btn:focus-visible{outline:var(--tn-focus-w) solid var(--tn-focus);outline-offset:var(--tn-focus-offset)}.tn-select__opt:focus-visible{outline:var(--tn-focus-w) solid var(--tn-focus);outline-offset:-2px}.tn-time .tn-select__btn,.tn-select__menu .tn-select__opt{font-variant-numeric:tabular-nums}.tn-item__timebtn{border-radius:var(--tn-r-1);width:100%;min-height:32px;color:var(--tn-ink);background-color:#0000;border:1px solid #0000;justify-content:space-between;padding:5px 6px;font-size:13px;font-weight:700}.tn-item__timebtn:hover:not(:disabled){border-color:var(--tn-line);background-color:var(--tn-surface)}.tn-item__timebtn[aria-expanded=true]{border-color:var(--tn-ink);background-color:var(--tn-surface)}.tn-item__timebtn .tn-select__caret{font-size:9px}input[type=date]:not([class]),input[type=time]:not([class]),input[type=datetime-local]:not([class]),input[type=month]:not([class]),input[type=week]:not([class]){color:var(--tn-ink);background-color:var(--tn-surface)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity var(--tn-dur-1) var(--tn-ease)}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity var(--tn-dur-1) var(--tn-ease)}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity var(--tn-dur-1) var(--tn-ease)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}@media (max-width:575px){.tn-select__opt{min-height:46px;font-size:15px}.tn-item__timebtn{font-size:14px}}