/*
* Dropdown theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --dropdown-text-color: var(--color-emerald-green);
  --dropdown-text-color--disabled: var(--color-sea-green-alt-30);
  --dropdown-border-color: var(--color-sea-green-alt);
  --dropdown-border-color--selected: var(--color-emerald-green);
  --dropdown-options-border-radius: 0.25rem;
  --dropdown-option-color: var(--color-black-80);
  --dropdown-option-color--hover: var(--color-sea-green);
  --dropdown-option-background-color: var(--color-white);
  --dropdown-option-background-color--hover: var(--color-mint-green-12);
  --dropdown-option-color--selected: var(--color-white);
  --dropdown-option-background-color--selected: var(--color-emerald-green);
  --dropdown-option-border-width: 0.0625rem;
  --dropdown-option-border-color: var(--color-mint-green-25); }

.dnb-dropdown {
  color: #14555a;
  color: var(--dropdown-text-color);
  /* stylelint-disable-next-line */ }
  .dnb-dropdown__list {
    -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;
    border-radius: var(--dropdown-options-border-radius);
    background-color: #fff;
    background-color: var(--dropdown-option-background-color); }
  .dnb-dropdown__options {
    border: none;
    background-color: transparent;
    border-radius: 0.25rem;
    border-radius: var(--dropdown-options-border-radius); }
  .dnb-dropdown__option {
    padding: 0.125rem;
    color: #333;
    color: var(--dropdown-option-color);
    background-color: #fff;
    background-color: var(--dropdown-option-background-color);
    border-bottom: 0.0625rem solid #e9f8f4;
    border-bottom: var(--dropdown-option-border-width) solid var(--dropdown-option-border-color); }
    .dnb-dropdown__option__item:nth-of-type(1) {
      font-weight: 500;
      font-weight: var(--font-weight-demi); }
    .dnb-dropdown__option__inner {
      padding-right: 2rem;
      background-color: #fff;
      background-color: var(--dropdown-option-background-color); }
    :not([dnb-is-touch]) .dnb-dropdown__option:hover[disabled] {
      cursor: not-allowed; }
    :not([dnb-is-touch]) .dnb-dropdown__option:hover:not([disabled]) {
      background-color: #f4fbf9;
      background-color: var(--dropdown-option-background-color--hover); }
      :not([dnb-is-touch]) .dnb-dropdown__option:hover:not([disabled]) .dnb-dropdown__option__inner {
        color: #007272;
        color: var(--dropdown-option-color--hover);
        background-color: #f4fbf9;
        background-color: var(--dropdown-option-background-color--hover); }
    .dnb-dropdown__option--focus .dnb-dropdown__option__inner {
      -webkit-box-shadow: 0 0 0 0.125rem #14555a;
              box-shadow: 0 0 0 0.125rem #14555a;
      -webkit-box-shadow: 0 0 0 var(--dropdown-focus-border-width, 2px) var(--dropdown-border-color--selected);
              box-shadow: 0 0 0 var(--dropdown-focus-border-width, 2px) var(--dropdown-border-color--selected);
      border-color: transparent; }
    .dnb-dropdown__option--selected {
      color: #fff;
      color: var(--dropdown-option-color--selected);
      background-color: #14555a;
      background-color: var(--dropdown-option-background-color--selected); }
      .dnb-dropdown__option--selected .dnb-dropdown__option__inner {
        color: inherit;
        background-color: inherit; }
      :not([dnb-is-touch]) .dnb-dropdown__option--selected:hover[disabled] {
        cursor: not-allowed; }
      :not([dnb-is-touch]) .dnb-dropdown__option--selected:hover:not([disabled]) {
        color: #fff;
        color: var(--dropdown-option-color--selected);
        background-color: #14555a;
        background-color: var(--dropdown-option-background-color--selected); }
        :not([dnb-is-touch]) .dnb-dropdown__option--selected:hover:not([disabled]) .dnb-dropdown__option__inner {
          color: inherit;
          background-color: inherit; }
      .dnb-dropdown__option--selected::after {
        content: '';
        position: absolute;
        z-index: 1;
        top: calc(50% - 0.5rem);
        right: 1rem;
        width: 1rem;
        height: 1rem;
        background-size: cover;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+ICA8cGF0aCAgICBmaWxsPSIjRTlGOEY0IiAgICBkPSJNMyA4LjhhLjc1Ljc1IDAgMSAwLTEuMjIuODZMMyA4Ljc5em0xLjg0IDMuOWwuNjMtLjQxdi0uMDFoLS4wMWwtLjYyLjQyem0xLjcxLjA1bC0uNTktLjQ2di4wMWwuNTkuNDV6bTguNDMtOS40NWEuNzUuNzUgMCAwIDAtMS4xOC0uOTNsMS4xOC45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTNsLTEuMjUuODN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uN2w3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyIDEuMTguOTN6Ii8+PC9zdmc+); }
    .dnb-dropdown__option--focus:not(.dnb-dropdown__option--selected) .dnb-dropdown__option__inner {
      color: #007272;
      color: var(--dropdown-option-color--hover);
      background-color: #f4fbf9;
      background-color: var(--dropdown-option-background-color--hover); }
    .dnb-dropdown__option:first-of-type,
    .dnb-dropdown__option--focus:first-of-type .dnb-dropdown__option__inner {
      border-radius: 0.25rem 0.25rem 0 0;
      border-radius: var(--dropdown-options-border-radius) var(--dropdown-options-border-radius) 0 0; }
    .dnb-dropdown__option.last-of-type,
    .dnb-dropdown__option--focus.last-of-type .dnb-dropdown__option__inner {
      border-radius: 0 0 0.25rem 0.25rem;
      border-radius: 0 0 var(--dropdown-options-border-radius) var(--dropdown-options-border-radius);
      border-bottom: none; }
  .dnb-dropdown--direction-bottom .dnb-dropdown__option--focus.closest-to-top .dnb-dropdown__option__inner {
    border-radius: 0.25rem 0.25rem 0 0;
    border-radius: var(--dropdown-options-border-radius) var(--dropdown-options-border-radius) 0 0; }
  .dnb-dropdown--direction-bottom .dnb-dropdown__option--focus.closest-to-bottom .dnb-dropdown__option__inner {
    border-radius: 0 0 0.25rem 0.25rem;
    border-radius: 0 0 var(--dropdown-options-border-radius) var(--dropdown-options-border-radius); }
  .dnb-dropdown--direction-top .dnb-dropdown__option--focus.closest-to-bottom .dnb-dropdown__option__inner {
    border-radius: 0 0 0.25rem 0.25rem;
    border-radius: 0 0 var(--dropdown-options-border-radius) var(--dropdown-options-border-radius); }
  .dnb-dropdown--direction-top .dnb-dropdown__option--focus.closest-to-top .dnb-dropdown__option__inner {
    border-radius: 0.25rem 0.25rem 0 0;
    border-radius: var(--dropdown-options-border-radius) var(--dropdown-options-border-radius) 0 0; }
  .dnb-dropdown__trigger {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #008484;
    border-color: var(--dropdown-border-color); }
  .dnb-dropdown--opened .dnb-dropdown__trigger {
    -webkit-box-shadow: 0 0 0 0.0625rem;
            box-shadow: 0 0 0 0.0625rem;
    border-color: #14555a;
    border-color: var(--dropdown-border-color--selected); }
  .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
    -webkit-box-shadow: 0 0 0 1px #e10076 !important;
            box-shadow: 0 0 0 1px #e10076 !important;
    -webkit-box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
            box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
    border-color: transparent;
    border-color: #e10076;
    border-color: var(--color-cherry-red); }
  .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon {
    color: #e10076;
    color: var(--color-cherry-red); }
  :not([dnb-is-touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__input:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger {
    -webkit-box-shadow: 0 0 0 1px #e10076 !important;
            box-shadow: 0 0 0 1px #e10076 !important;
    -webkit-box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
            box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
    border-color: transparent;
    border-color: #e10076;
    border-color: var(--color-cherry-red); }
  :not([dnb-is-touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger .dnb-dropdown__icon .dnb-icon {
    color: #e10076;
    color: var(--color-cherry-red); }
  .dnb-dropdown__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-dropdown__option:first-of-type:hover ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-bottom .dnb-dropdown__option.closest-to-top:hover ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-top .dnb-dropdown__option.closest-to-bottom:hover ~ .dnb-dropdown__triangle::before {
    background-color: #f4fbf9;
    background-color: var(--dropdown-option-background-color--hover); }
  .dnb-dropdown--direction-bottom .dnb-dropdown__option.closest-to-top.dnb-dropdown__option--selected ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-bottom .dnb-dropdown__option.closest-to-top.dnb-dropdown__option--focus ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-top .dnb-dropdown__option.closest-to-bottom.dnb-dropdown__option--selected ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-top .dnb-dropdown__option.closest-to-bottom.dnb-dropdown__option--focus ~ .dnb-dropdown__triangle::before {
    background-color: #14555a;
    background-color: var(--dropdown-option-background-color--selected); }
  .dnb-dropdown__input[disabled] ~ .dnb-dropdown__icon,
  .dnb-dropdown__input[disabled] ~ .dnb-dropdown__trigger {
    border-color: #b3dada;
    border-color: var(--dropdown-text-color--disabled);
    color: #b3dada;
    color: var(--dropdown-text-color--disabled); }
  :not([dnb-is-touch]) .dnb-dropdown__input:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger .dnb-dropdown__text,
  :not([dnb-is-touch]) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger .dnb-dropdown__icon .dnb-icon {
    color: #14555a;
    color: var(--dropdown-text-color); }
  :not([dnb-is-touch]) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger {
    border-color: #14555a;
    border-color: var(--dropdown-border-color--selected);
    -webkit-box-shadow: 0 0 0 0.0625rem;
            box-shadow: 0 0 0 0.0625rem; }
  .dnb-dropdown > .dnb-form-status {
    -webkit-transform: translateY(-0.4375rem);
            transform: translateY(-0.4375rem); }
