/*
* DatePicker theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --date-picker-header-color: var(--color-emerald-green);
  --date-picker-labels-day-color: var(--color-emerald-green);
  --date-picker-selected-color: var(--color-mint-green-25);
  --date-picker-selected-bg-color: var(--color-emerald-green);
  --date-picker-selected-bg-color-hover: var(--color-emerald-green);
  --date-picker-within-selection-bg-color: var(--color-mint-green-50); }

.dnb-date-picker {
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-date-picker__input[value*='0'],
  .dnb-date-picker__input[value*='0'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='1'],
  .dnb-date-picker__input[value*='1'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='2'],
  .dnb-date-picker__input[value*='2'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='3'],
  .dnb-date-picker__input[value*='3'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='4'],
  .dnb-date-picker__input[value*='4'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='5'],
  .dnb-date-picker__input[value*='5'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='6'],
  .dnb-date-picker__input[value*='6'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='7'],
  .dnb-date-picker__input[value*='7'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='8'],
  .dnb-date-picker__input[value*='8'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='9'],
  .dnb-date-picker__input[value*='9'] ~ .dnb-date-picker--separator {
    color: #14555a;
    color: var(--color-emerald-green); }
  .dnb-date-picker__input[value*='0'][disabled],
  .dnb-date-picker__input[value*='0'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='1'][disabled],
  .dnb-date-picker__input[value*='1'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='2'][disabled],
  .dnb-date-picker__input[value*='2'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='3'][disabled],
  .dnb-date-picker__input[value*='3'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='4'][disabled],
  .dnb-date-picker__input[value*='4'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='5'][disabled],
  .dnb-date-picker__input[value*='5'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='6'][disabled],
  .dnb-date-picker__input[value*='6'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='7'][disabled],
  .dnb-date-picker__input[value*='7'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='8'][disabled],
  .dnb-date-picker__input[value*='8'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='9'][disabled],
  .dnb-date-picker__input[value*='9'][disabled] ~ .dnb-date-picker--separator {
    color: #b3dada;
    color: var(--input-text-color--disabled); }
  .dnb-date-picker__container {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    border-radius: 0.25rem;
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-date-picker__calendar::after {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-date-picker__header::after {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-date-picker__header__nav .dnb-button {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-date-picker__header__title {
    text-transform: capitalize;
    color: #14555a;
    color: var(--date-picker-header-color); }
  .dnb-date-picker__labels__day {
    text-transform: capitalize;
    font-weight: 500;
    font-weight: var(--font-weight-demi);
    color: #14555a;
    color: var(--date-picker-labels-day-color); }
  .dnb-date-picker__day, .dnb-date-picker__labels__day {
    text-align: center; }
  .dnb-date-picker__day .dnb-button {
    font-variant-numeric: tabular-nums;
    -webkit-font-feature-settings: "lnum", "tnum";
            font-feature-settings: "lnum", "tnum"; }
  .dnb-date-picker__day--preview .dnb-button,
  .dnb-date-picker__day--inactive .dnb-button,
  .dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover) {
    background-color: transparent; }
  .dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date), .dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) {
    background-color: #d2f0e9;
    background-color: var(--date-picker-within-selection-bg-color); }
  .dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive)::after, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive)::after {
    background-color: #d2f0e9;
    background-color: var(--date-picker-within-selection-bg-color); }
  .dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button {
    color: #e9f8f4;
    color: var(--date-picker-selected-color);
    background-color: #14555a;
    background-color: var(--date-picker-selected-bg-color); }
  .dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover {
    -webkit-box-shadow: none;
            box-shadow: none; }
  :not([dnb-is-touch])
.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),
  :not([dnb-is-touch])
.dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]) {
    color: #e9f8f4;
    color: var(--date-picker-selected-color);
    background-color: #14555a;
    background-color: var(--date-picker-selected-bg-color-hover); }
  .dnb-date-picker__day--inactive .dnb-button[disabled],
  .dnb-date-picker__day--disabled .dnb-button[disabled] {
    -webkit-box-shadow: none;
            box-shadow: none; }
  :not([dnb-is-touch]) .dnb-date-picker__day--inactive .dnb-button[disabled] {
    cursor: default; }
  .dnb-date-picker__triangle::before {
    border: none;
    background-color: #fff;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16); }
  .dnb-date-picker:not(.dnb-date-picker--opened).dnb-date-picker__status--error .dnb-input__shell:not([data-input-state='focus'])
.dnb-date-picker__input,
  .dnb-date-picker:not(.dnb-date-picker--opened).dnb-date-picker__status--error .dnb-input__shell:not([data-input-state='focus'])
.dnb-date-picker__input ~ .dnb-date-picker--separator {
    color: #e10076;
    color: var(--color-cherry-red); }
