.time-select-field{position:relative;display:block}.time-select-field__trigger{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border:1px solid #dbecf0;border-radius:12px;background-color:#fff;font-size:15px;font-weight:500;color:#000b19;cursor:pointer;text-align:left;transition:border-color .2s ease}.time-select-field__trigger:focus-visible{outline:none;border-color:#176677;box-shadow:0 0 0 3px rgba(23,102,119,.1)}.time-select-field__trigger:disabled{background-color:#f4f7f8;color:#878e97;opacity:.7;cursor:not-allowed}.time-select-field__value{font-variant-numeric:tabular-nums}.time-select-field__value--placeholder{color:#878e97}.time-select-field__icon{flex-shrink:0;color:#666;transition:transform .2s ease}.time-select-field__icon--open{transform:rotate(180deg)}.time-select-field__panel{position:absolute;left:0;top:calc(100% + 4px);display:flex;min-width:100%;z-index:100;border:1px solid #dbecf0;border-radius:10px;background-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden}.time-select-field__panel--upwards{top:auto;bottom:calc(100% + 4px)}.time-select-field__column{flex:1;max-height:240px;overflow-y:auto;border-right:1px solid rgba(219,236,240,.5)}.time-select-field__column:last-child{border-right:none}.time-select-field__column::-webkit-scrollbar{width:4px}.time-select-field__column::-webkit-scrollbar-track{background:#f5f5f5}.time-select-field__column::-webkit-scrollbar-thumb{border-radius:2px;background:#8cafb6}.time-select-field__option{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:10px 16px;font-size:15px;color:#111827;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s ease}.time-select-field__option:hover{background-color:rgba(12,52,61,.08)}.time-select-field__option--selected{background-color:rgba(12,52,61,.15);color:#0c343d;font-weight:600}.time-select-field--dark .time-select-field__trigger{justify-content:center;min-height:50px;padding:10px;border:none;border-radius:10px;background:rgba(195,195,195,.3019607843);background-blend-mode:luminosity;backdrop-filter:blur(115px);min-width:105px;font-size:14px;font-weight:400;color:#d6dfdf;text-align:center}@media(max-width:480px){.time-select-field--dark .time-select-field__trigger{min-width:95px;padding:10px 8px;font-size:13px}}.time-select-field--dark .time-select-field__trigger:focus-visible{border:none;box-shadow:none}.time-select-field--dark .time-select-field__trigger:disabled{background:rgba(195,195,195,.3019607843);color:#d6dfdf;opacity:.5}.time-select-field--dark .time-select-field__icon,.time-select-field--dark .time-select-field__value--placeholder{color:#acbfc3}.time-select-field--dark .time-select-field__panel{border:1.62px solid #8cafb6;background:#3d6b74;box-shadow:0 8px 24px rgba(0,0,0,.3)}.time-select-field--dark .time-select-field__column{border-right-color:rgba(140,175,182,.3)}.time-select-field--dark .time-select-field__column::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.time-select-field--dark .time-select-field__option{min-height:32px;padding:6px 4px;font-size:13px;color:#acbfc3}.time-select-field--dark .time-select-field__option:hover{background-color:rgba(92,177,112,.15);color:#fff}.time-select-field--dark .time-select-field__option--selected{background-color:rgba(92,177,112,.3);color:#fff;font-weight:500}