@forward '../../labs/VPicker/variables';

$time-picker-padding: 24px !default;
$time-picker-controls-btn-font: 56px !default;
$time-picker-controls-btn-height: 80px !default;
$time-picker-controls-btn-width: 96px !default;
$time-picker-controls-seconds-btn-width: 64px !default;
$time-picker-controls-seconds-btn-height: 80px !default;
$time-picker-controls-seconds-btn-font: 40px !default;
$time-picker-controls-separator-width: 24px !default;
$time-picker-controls-separator-line-height: 74px !default;
$time-picker-controls-ampm-btn-width: 96px !default;
$time-picker-controls-ampm-btn-height: 80px !default;
$time-picker-controls-ampm-height: 40px !default;

$time-picker-controls-field-background: rgb(var(--v-theme-surface-light)) !default;
$time-picker-controls-field-overlay-opacity: 0.04 !default;

$time-picker-controls-field-font: 56px !default;
$time-picker-controls-field-height: 80px !default;
$time-picker-controls-field-width: 96px !default;
$time-picker-controls-seconds-field-width: 64px !default;
$time-picker-controls-seconds-field-font: 40px !default;
$time-picker-controls-field-density: ('default': 0, 'comfortable': -4, 'compact': -6) !default;

$time-picker-controls-input-field-font: 44px !default;
$time-picker-controls-input-field-height: 72px !default;
$time-picker-controls-input-field-width: 96px !default;
$time-picker-controls-input-seconds-field-width: 64px !default;
$time-picker-controls-input-seconds-field-font: 40px !default;

$time-picker-controls-input-separator-line-height: 64px !default;
$time-picker-controls-input-ampm-height: 36px !default;

$time-picker-controls-ampm-am-border-radius: 4px 4px 0 0 !default;
$time-picker-controls-ampm-pm-border-radius: 0 0 4px 4px !default;
$time-picker-ampm-title-font-size: 18px !default;
$time-picker-number-font-size: 16px !default;
$time-picker-field-label-font-size: 12px !default;
$time-picker-field-label-letter-spacing: .0333333333em !default;
$time-picker-indicator-size: 40px !default;
$time-picker-clock-padding: 10px !default;
$time-picker-clock-max-width: 290px !default;
$time-picker-clock-hand-height: calc(50% - 4px) !default;
$time-picker-clock-hand-width: 2px !default;
$time-picker-clock-hand-left: calc(50% - 1px) !default;
$time-picker-clock-center-size: 8px !default;
$time-picker-clock-end-size: 10px !default;
$time-picker-clock-end-top: -4px !default;
$time-picker-clock-inner-hand-height: 14px !default;
$time-picker-clock-inner-offset: 27px !default;
$time-picker-clock-end-border-width: 2px !default;
$time-picker-clock-end-border-style: solid !default;
$time-picker-clock-end-border-color: currentColor !default;
$time-picker-width: 328px !default;
$time-picker-landscape-title-btn-height: 55px !default;
$time-picker-landscape-ampm-title-margin: 16px 0 0 !default;