/** HEADINGS **/
/** LABELS **/
/** SPANS **/
/** PARAGRAPHS **/
/** TODO: CODE/CONSOLE **/
@property --rotation {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotate-border {
  to {
    --rotation: 360deg;
  }
}
/**
* Design Tokens - Auto-generated by Style Dictionary
* Do not edit manually - run `pnpm tokens:build` to regenerate
*/
kv-dropdown-base:not(.hydrated) > [slot=list] {
  display: none;
}

.absolute-time-picker-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  width: fit-content;
}
.absolute-time-picker-container .navigate-back {
  display: flex;
  height: 16px;
}
.absolute-time-picker-container .navigate-back kv-action-button-text::part(button) {
  width: 57px;
}
.absolute-time-picker-container .navigate-back kv-action-button-text::part(icon) {
  transform: rotate(180deg);
}
.absolute-time-picker-container .header .title {
  font-family: Proxima Nova;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--text-surface-neutral-secondary);
}
.absolute-time-picker-container .absolute-range-input {
  display: flex;
  gap: var(--spacing-4xl);
}
.absolute-time-picker-container .absolute-range-input kv-date-time-input {
  width: 196px;
}
.absolute-time-picker-container .absolute-point-input {
  width: 100%;
}
.absolute-time-picker-container .calendars {
  display: flex;
  gap: var(--spacing-4xl);
}