.vozze-clock-field{position:relative;min-width:0;width:100%}
.vozze-clock-field input{width:100%;padding-right:44px!important}
.vozze-clock-field input::-webkit-calendar-picker-indicator{display:none}
.vozze-clock-open{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:34px;border:0;border-radius:6px;background:transparent;color:#075574;font-size:25px;cursor:pointer}
.vozze-clock-open:hover{background:#e6f2fa}
.vozze-clock-picker{box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border:1px solid #d3e2ee;border-radius:16px;background:#fff;color:#193e55;box-shadow:0 20px 70px #12304740}
.vozze-clock-picker::backdrop{background:#102f4b55}
.vozze-clock-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:17px}
.vozze-clock-heading button{border:0;background:transparent;font-size:28px;color:#36586e;cursor:pointer;width:32px;height:32px}
.vozze-clock-digits{display:flex;justify-content:center;align-items:center;gap:10px}
.vozze-clock-digits label{display:grid;text-align:center;gap:4px;font-size:13px;font-weight:600}
.vozze-clock-digits input{box-sizing:border-box;width:98px!important;min-height:64px!important;padding:6px!important;background:#edf4fa!important;border:1px solid #c8dce9!important;color:#064f7c!important;font-size:40px!important;font-weight:600;text-align:center;border-radius:12px!important;appearance:textfield;line-height:1.2!important}
.vozze-clock-digits input::-webkit-inner-spin-button{appearance:none}
.vozze-clock-digits>span{font-size:36px;padding-top:20px}
.vozze-clock-tabs{display:flex;justify-content:center;gap:8px;margin:12px 0}
.vozze-clock-tabs button{padding:6px 16px;border:1px solid #cbdfea;border-radius:20px;background:#fff;color:#214f69;font-size:14px;cursor:pointer}
.vozze-clock-tabs button[aria-pressed="true"]{background:#075c8d;color:#fff;border-color:#075c8d}
.vozze-clock-negative{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;margin:6px 0 10px}
.vozze-clock-negative[hidden]{display:none}
.vozze-clock-negative input{width:18px;height:18px}
.vozze-clock-face{position:relative;width:260px;height:260px;max-width:100%;aspect-ratio:1;margin:0 auto;background:#edf3f8;border-radius:50%;touch-action:manipulation}
.vozze-clock-numbers{position:absolute;inset:0}
.vozze-clock-numbers button{position:absolute;transform:translate(-50%,-50%);box-sizing:border-box;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#163f58;font-size:15px;cursor:pointer;padding:0}
.vozze-clock-numbers button[aria-pressed="true"]{background:#07649b;color:#fff;font-weight:700}
.vozze-clock-numbers button:hover{background:#d1e4f2}
.vozze-clock-hand{position:absolute;width:2px;height:var(--clock-radius,42%);left:50%;bottom:50%;background:#1870a2;transform-origin:bottom center;transform:rotate(var(--clock-angle,0deg));pointer-events:none}
.vozze-clock-face>i{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#1870a2}
.vozze-clock-help{font-size:12px;line-height:1.5;color:#476477;margin:12px 0}
.vozze-clock-actions{display:flex;justify-content:flex-end;gap:10px}
.vozze-clock-picker :is(button,input):focus-visible,.vozze-clock-open:focus-visible{outline:3px solid #1687cd;outline-offset:2px}
@media(max-height:650px){.vozze-clock-face{width:210px;height:210px}.vozze-clock-picker{padding:12px}.vozze-clock-digits input{min-height:52px!important;font-size:32px!important}.vozze-clock-heading{margin-bottom:6px}}