:root{--control-icons-width:13px;--hour-width:28px;--hour-height:40px;--row-gap:4px;--city-info-width:180px;--control-icon-right-margin:8px;--current-time-info-width:200px;--current-time-info-margin-right:20px;--search-bar-width:300px;--select-area-left:calc(var(--control-icons-width) + var(--city-info-width) + var(--control-icon-right-margin) + var(--current-time-info-width) + var(--current-time-info-margin-right))}@media (max-width:768px){:root{--city-info-width:120px;--current-time-info-width:180px;--current-time-info-margin-right:15px;--hour-width:24px;--search-bar-width:250px}}@media (max-width:480px){:root{--city-info-width:100px;--current-time-info-width:160px;--current-time-info-margin-right:10px;--hour-width:22px;--search-bar-width:200px}}.control-icons-container{width:var(--control-icons-width);height:var(--hour-height);margin-right:var(--control-icon-right-margin)}.current-time-info-container{width:var(--current-time-info-width);margin-right:var(--current-time-info-margin-right);text-align:right;flex-shrink:0}.timezone-row-container{height:var(--hour-height)}.row-gap{height:var(--row-gap)}.select-area-positioned{left:var(--select-area-left)}.search-bar-container{width:var(--search-bar-width)}.date-picker-container{margin-left:12px}.date-picker-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:36px;padding:4px 10px;transition:border-color .15s;display:flex}.date-picker-wrapper:hover{border-color:#cbd5e1}.date-picker-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.date-picker-icon{color:#6366f1;flex-shrink:0;width:16px;height:16px}.date-picker-input-hidden{opacity:0;pointer-events:none;border:none;width:0;height:0;margin:0;padding:0;position:absolute}.date-picker-reset{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.date-picker-reset:hover{color:#ef4444;background:#e2e8f0}.toolbar-container{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;display:flex}@media (max-width:768px){.current-time-info-container{margin-right:var(--current-time-info-margin-right);font-size:13px}.control-icons-container{margin-right:4px}}@media (max-width:480px){.current-time-info-container{font-size:12px}.control-icons-container{margin-right:2px}}@media (max-width:768px){.date-picker-container{margin-top:4px;margin-left:0}.date-picker-display{font-size:12px!important}.toolbar-container{flex-flow:wrap}}@media (max-width:480px){.date-picker-wrapper{height:32px;padding:3px 8px}.date-picker-display{font-size:11px!important}}
@media (max-width:1024px){.responsive-time-ruler{display:none}}.ruler-unit{width:var(--hour-width);height:var(--hour-height);box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding-top:5px;font-size:13px;font-weight:500;transition:background-color .15s}@media (max-width:1199px){.ruler-unit{width:var(--hour-width)}}@media (max-width:768px){.ruler-unit{padding-top:3px;font-size:13px}}@media (max-width:480px){.ruler-unit{padding-top:2px;font-size:12px}}
.drag-source{opacity:.3;transition:opacity .2s}.drop-indicator{height:var(--row-gap);transition:height .2s cubic-bezier(.2,0,0,1);position:relative}.drop-indicator-active{height:10px}.drop-indicator-line{background:#4f46e5;border-radius:1px;height:2px;transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)scaleX(0)}.drop-indicator-active .drop-indicator-line{transform:translateY(-50%)scaleX(1)}.drop-zone-tail{height:32px}.dragging-mobile{opacity:.8;transition:transform .2s;transform:scale(1.05);box-shadow:0 5px 15px #0000004d}@keyframes longPressIndicator{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.long-press-active{animation:.5s ease-in-out longPressIndicator}.timezone-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;transition:opacity .2s}@media (max-width:768px){.timezone-row{touch-action:none}}