@mixin core() {
  .dbx-form-duration-field {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .dbx-form-duration-field-picker-btn {
    flex-shrink: 0;
  }

  .dbx-duration-picker {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--dbx-padding-3);
    padding: 16px 8px;
    height: 100%;
    box-sizing: border-box;
  }

  .dbx-duration-picker-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 48px;
    gap: 8px;
    border-radius: var(--mat-sys-corner-small);
    padding: 4px;
    outline: none;

    &:focus-visible {
      outline: 2px solid var(--mat-sys-primary, currentColor);
      outline-offset: 2px;
    }
  }

  .dbx-duration-picker-label {
    font-size: var(--mat-sys-label-medium-size);
    font-weight: var(--mat-sys-label-medium-weight);
    text-transform: uppercase;
    color: var(--mat-sys-on-surface-variant);
    margin-bottom: 4px;
  }

  .dbx-duration-picker-value {
    font-size: var(--mat-sys-title-medium-size);
    font-weight: var(--mat-sys-title-medium-weight);
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@mixin theme($theme-config) {
}