@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-time-picker{gap:var(--vectis-space-4);padding:var(--vectis-space-3);font-family:var(--vectis-text-family);color:var(--vectis-color-text);flex-direction:column;display:inline-flex}.v-time-picker-header{gap:var(--vectis-space-3)}.v-time-picker-header,.v-time-picker-time{justify-content:center;align-items:center;display:flex}.v-time-picker-time{gap:var(--vectis-space-2);direction:ltr}.v-time-picker-cell[data-size]{width:var(--control-height);font-size:var(--vectis-text-heading-1-size);font-weight:var(--vectis-text-heading-1-weight);line-height:var(--vectis-text-heading-1-leading);letter-spacing:var(--vectis-text-heading-1-tracking);font-variant-numeric:tabular-nums}.v-time-picker-sep{font-size:var(--vectis-text-heading-2-size);font-weight:var(--vectis-text-heading-2-weight);line-height:var(--vectis-text-heading-2-leading);color:var(--vectis-color-text);-webkit-user-select:none;user-select:none}.v-time-picker-meridiem{flex:none}.v-time-picker-face{inline-size:var(--vectis-control-size-time-picker-dial);block-size:var(--vectis-control-size-time-picker-dial);border-radius:var(--vectis-radius-pill);background:var(--vectis-color-surface-muted);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;--dial-radius:calc(var(--vectis-control-size-time-picker-dial)/2 - var(--vectis-control-size-time-picker-number)/2);align-self:center;position:relative}.v-time-picker-face:focus-visible{outline:var(--vectis-focus-ring-width) solid var(--vectis-focus-ring-color);outline-offset:var(--vectis-focus-ring-offset)}.v-time-picker-number{left:calc(50% + var(--dial-radius)*sin(var(--dial-turn) * 1turn));top:calc(50% - var(--dial-radius)*cos(var(--dial-turn) * 1turn));inline-size:var(--vectis-control-size-time-picker-number);block-size:var(--vectis-control-size-time-picker-number);border-radius:var(--vectis-radius-pill);font-size:var(--vectis-text-body-lg-size);color:var(--vectis-color-text);z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;translate:-50% -50%}.v-time-picker-hand[data-ring=inner],.v-time-picker-number[data-ring=inner]{--dial-radius:calc(var(--vectis-control-size-time-picker-dial)/2 - var(--vectis-control-size-time-picker-number)*1.5)}.v-time-picker-number[data-ring=inner]{font-size:var(--vectis-text-body-md-size);color:var(--vectis-color-text-muted)}.v-time-picker-number[data-selected]{color:var(--vectis-color-text-on-accent)}.v-time-picker-hand{left:calc(50% - var(--vectis-control-size-time-picker-hand)/2);inline-size:var(--vectis-control-size-time-picker-hand);block-size:var(--dial-radius);transform-origin:50% 100%;rotate:calc(var(--dial-turn)*1turn);bottom:50%}.v-time-picker-hand,.v-time-picker-hand:before{background:var(--vectis-color-accent);position:absolute}.v-time-picker-hand:before{content:"";inline-size:var(--vectis-control-size-time-picker-number);block-size:var(--vectis-control-size-time-picker-number);border-radius:var(--vectis-radius-pill);transition:inline-size var(--vectis-duration-fast) var(--vectis-ease-default),block-size var(--vectis-duration-fast) var(--vectis-ease-default);top:0;left:50%;translate:-50% -50%}.v-time-picker-hand[data-minor]:before{inline-size:var(--vectis-control-size-time-picker-hand-minor);block-size:var(--vectis-control-size-time-picker-hand-minor)}.v-time-picker-center{inline-size:var(--vectis-control-size-time-picker-center);block-size:var(--vectis-control-size-time-picker-center);border-radius:var(--vectis-radius-pill);background:var(--vectis-color-accent);position:absolute;top:50%;left:50%;translate:-50% -50%}.v-time-picker[data-readonly] .v-time-picker-face{cursor:default}.v-time-picker[data-disabled] .v-time-picker-face{cursor:not-allowed}.v-time-picker[data-disabled] .v-time-picker-center,.v-time-picker[data-disabled] .v-time-picker-hand,.v-time-picker[data-disabled] .v-time-picker-hand:before{background:var(--vectis-color-border-strong)}.v-time-picker[data-disabled] .v-time-picker-number,.v-time-picker[data-disabled] .v-time-picker-number[data-selected],.v-time-picker[data-disabled] .v-time-picker-sep{color:var(--vectis-color-text-subtle)}.v-time-picker-footer{justify-content:flex-end;align-items:center;gap:var(--vectis-space-2);border-block-start:1px solid var(--vectis-color-border);padding-block-start:var(--vectis-space-2);display:flex}@media (prefers-reduced-motion:reduce){.v-time-picker-hand:before{transition:none}}}@layer vectis.utilities;