.time-selector-wrapper{flex-direction:column;height:100%}.time-selector-wrapper,.time-unit-selector{display:flex;position:relative;background:#fff}.time-unit-selector{justify-content:center;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:10px 0;border-bottom:1px solid #e5e5ea}.time-unit-selector .unit-btn{background-color:transparent;padding:4px 6px}.time-unit-selector .unit-btn.selected{background-color:#334eac;color:#fff}.time-unit-selector .reset-btn{position:absolute;right:0;background-color:#d1d1d6;color:#313131;padding:4px 8px;border:1px solid #aeaeb2;margin-left:10px}.time-unit-selector .reset-btn:hover{background-color:#aeaeb2;color:#313131}.time_selector{max-width:900px;margin:0 auto;padding:20px 0 0;background:#fff;display:flex;flex:1 1;gap:10px;overflow:auto;scroll-behavior:smooth;position:relative}.time_selector.horizontal{flex-direction:row}.time_box,.time_selector.vertical{flex-direction:column;align-items:center}.time_box{display:flex;justify-content:center;gap:10px;color:#3a3a3c;font-size:.9rem;position:relative;width:100%}.time_box p{width:-moz-fit-content;width:fit-content;position:relative;display:inline-block;text-align:center;width:100%;z-index:2;height:-moz-fit-content;height:fit-content}.time_box p:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:.8px;background-color:#aeaeb2;z-index:-1}.time_box p span{display:inline-block;background-color:#fff;padding:10px 1rem;z-index:2}.time_selector__item{border-radius:8px;padding:8px;font-size:.9rem;border:1.5px solid #e5e5ea;font-weight:500;width:5rem;cursor:pointer;transition:background .15s,color .15s;background:#fff;color:#313131}.time_selector__item.selected{background:#334eac;color:#fff;font-weight:700}.time_selector__item.blocked,.time_selector__item.expired{background:#e5e5ea;color:#aeaeb2;cursor:not-allowed}.time_selector__item.expired{position:relative}.time_selector__item.expired .expired-text{text-decoration:line-through;opacity:.6}.time_selector__item:hover{background:#edf1f6}.time_selector__item:hover.selected{background:#334eac}.time_selector__item:hover.booked{background:#d0e3ff}.time_selector__item:hover.blocked,.time_selector__item:hover.expired{background:#e5e5ea}.tag{font-size:.85rem;margin-left:6px;color:#636366}