.clock-time-field{width:100%;min-width:0}.clock-time-trigger{border:1px solid var(--line,#e1e8dc);width:100%;min-height:43px;color:var(--ink,#203026);white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.clock-time-trigger svg{color:var(--deep,#497934);flex-shrink:0}.clock-time-trigger:hover:not(:disabled){background:var(--pale,#ecf4e6);border-color:#b6cbaa}.clock-time-trigger:disabled{cursor:not-allowed}.clock-picker-overlay{z-index:1000;background:#17241f6b;animation:.15s clock-fade-in;position:fixed;inset:0}.clock-picker-dialog{z-index:1001;border:1px solid var(--line,#e1e8dc);overscroll-behavior:contain;background:#fff;border-radius:22px;outline:none;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px 22px;animation:.15s clock-fade-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 85px #17241f40}.clock-picker-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.clock-picker-heading h2{letter-spacing:-.025em;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;line-height:1.25}.clock-picker-heading .icon-button{width:32px;height:32px}.clock-picker-time{justify-content:center;align-items:center;gap:18px;margin-top:17px;display:flex}.clock-picker-digits{color:var(--muted,#74806f);align-items:center;gap:5px;font-size:28px;display:flex}.clock-picker-digits button{color:var(--ink,#203026);font-variant-numeric:tabular-nums;background:#f3f6ef;border:0;border-radius:12px;min-width:66px;padding:5px 10px;font-size:36px;font-weight:600;line-height:1.3}.clock-picker-digits button[aria-pressed=true]{background:var(--pale,#ecf4e6);color:var(--deep,#497934)}.clock-picker-period{border:1px solid var(--line,#e1e8dc);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.clock-picker-period button{color:var(--muted,#74806f);background:#fff;border:0;padding:5px 11px;font-size:12px;font-weight:650}.clock-picker-period button[aria-pressed=true]{background:var(--pale,#ecf4e6);color:var(--deep,#497934)}.clock-picker-hint{text-align:center;color:var(--muted,#74806f);margin:10px 0;font-size:12px}.clock-picker-dial{aspect-ratio:1;touch-action:manipulation;outline-offset:4px;isolation:isolate;background:#f1f5ed;border-radius:50%;width:258px;max-width:100%;margin:0 auto;position:relative}.clock-picker-hand{background:var(--green,#6aa449);transform-origin:50% 100%;pointer-events:none;z-index:0;width:2px;height:39%;position:absolute;bottom:50%;left:50%}.clock-picker-center{background:var(--green,#6aa449);pointer-events:none;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-picker-number,.clock-picker-exact{width:38px;height:38px;color:var(--ink,#203026);z-index:1;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;transition:background .15s,color .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.clock-picker-number:active:not(:disabled){transform:translate(-50%,-50%)}.clock-picker-number:hover:not(:disabled){background:#dce9d3}.clock-picker-number.selected,.clock-picker-exact{background:var(--green,#6aa449);color:#fff;font-weight:650}.clock-picker-number:disabled{opacity:.3;cursor:not-allowed}.clock-picker-exact{pointer-events:none;z-index:2}.clock-picker-step{min-height:42px;color:var(--muted,#74806f);justify-content:center;align-items:center;gap:13px;margin-top:9px;font-size:11px;display:flex}.clock-picker-step .icon-button{width:28px;height:28px}.clock-picker-actions{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.clock-picker-actions button{min-height:39px;padding:8px 17px}.slot-clock>div.clock-time-field{display:block}.working-hours-window>.working-hours-clock,.purchase-hours-window>.purchase-hours-clock{flex:1;min-width:0;display:block}.working-hours-window>.working-hours-clock .clock-time-trigger,.purchase-hours-window>.purchase-hours-clock .clock-time-trigger{padding:8px 10px;font-size:13px}.working-hours-clock .clock-time-field,.purchase-hours-clock .clock-time-field{display:block}@keyframes clock-fade-in{0%{opacity:0}to{opacity:1}}@media (max-height:680px){.clock-picker-dialog{padding-top:12px;padding-bottom:12px}.clock-picker-time{margin-top:8px}.clock-picker-dial{width:230px}.clock-picker-digits button{font-size:30px}.clock-picker-step{min-height:30px;margin-top:6px}.clock-picker-actions{margin-top:7px}}@media (prefers-reduced-motion:reduce){.clock-picker-overlay,.clock-picker-dialog{animation:none}}
