/*
* ToggleButton theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-toggle-button {
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On error state
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active),
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active) {
    background-color: #14555a;
    background-color: var(--color-emerald-green);
    color: #a5e1d2;
    color: var(--color-mint-green); }
    .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover),
    .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover),
    .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover) {
      -webkit-box-shadow: inset 0 0 0 0.0625rem #14555a;
              box-shadow: inset 0 0 0 0.0625rem #14555a;
      -webkit-box-shadow: inset 0 0 0 0.0625rem var(--color-emerald-green);
              box-shadow: inset 0 0 0 0.0625rem var(--color-emerald-green);
      border-color: transparent; }
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:hover,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:focus:hover,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:focus:hover {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button {
    background-color: transparent;
    border-color: #a5e1d2;
    border-color: var(--color-mint-green);
    -webkit-box-shadow: 0 0 0 0.03125rem #a5e1d2;
            box-shadow: 0 0 0 0.03125rem #a5e1d2;
    -webkit-box-shadow: 0 0 0 0.03125rem var(--color-mint-green);
            box-shadow: 0 0 0 0.03125rem var(--color-mint-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx {
    color: #14555a;
    color: var(--color-emerald-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button {
    background-color: transparent;
    border-color: #008484;
    border-color: var(--color-sea-green-alt);
    -webkit-box-shadow: 0 0 0 0.03125rem #008484;
            box-shadow: 0 0 0 0.03125rem #008484;
    -webkit-box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt);
            box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt); }
  .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot {
    background-color: #008484;
    background-color: var(--color-sea-green-alt); }
  .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button {
    background-color: transparent;
    border-color: #008484;
    border-color: var(--color-sea-green-alt);
    -webkit-box-shadow: 0 0 0 0.03125rem #008484;
            box-shadow: 0 0 0 0.03125rem #008484;
    -webkit-box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt);
            box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt); }
  .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx {
    color: #008484;
    color: var(--color-sea-green-alt); }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active) {
    background-color: #fff;
    background-color: var(--color-white);
    color: #e10076;
    color: var(--color-cherry-red);
    -webkit-box-shadow: inset 0 0 0 0.0625rem #e10076;
            box-shadow: inset 0 0 0 0.0625rem #e10076;
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--color-cherry-red);
            box-shadow: inset 0 0 0 0.0625rem var(--color-cherry-red);
    border-color: transparent; }
    .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active):hover {
      -webkit-box-shadow: 0 0 0 0.125rem #e10076;
              box-shadow: 0 0 0 0.125rem #e10076;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
              box-shadow: 0 0 0 0.125rem var(--color-cherry-red); }
  .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active) {
    background-color: #e10076;
    background-color: var(--color-cherry-red);
    color: #fff;
    color: var(--color-white); }
    .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active):hover {
      -webkit-box-shadow: 0 0 0 0.125rem #e10076;
              box-shadow: 0 0 0 0.125rem #e10076;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
              box-shadow: 0 0 0 0.125rem var(--color-cherry-red); }
  .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__focus {
    -webkit-box-shadow: 0 0 0 0.125rem #fff;
            box-shadow: 0 0 0 0.125rem #fff;
    -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
            box-shadow: 0 0 0 0.125rem var(--color-white); }
  .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-radio__dot {
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-checkbox__gfx path {
    stroke: #fff;
    stroke: var(--color-white); }
  .dnb-toggle-button > .dnb-form-status {
    -webkit-transform: translateY(0.1875rem);
            transform: translateY(0.1875rem); }
