/*
* Radio theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-radio {
  /*
    * When is OFF
    * aka when the radio is not :checked
    */
  /*
    * When is ON
    * aka when the radio is :checked
    */
  /*
  * When radio is OFF
  * aka when the radio is not :checked
  */
  /*
    * On disabled
    *
    */
  /*
    * On hover
    *
    */
  /*
    * On active
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On focus
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On error state
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-radio__dot {
    background-color: #008484;
    background-color: var(--color-sea-green-alt);
    -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  .dnb-radio__input:not(:checked) ~ .dnb-radio__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #008484;
    border-color: var(--color-sea-green-alt); }
  .dnb-radio__input:checked ~ .dnb-radio__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #008484;
    border-color: var(--color-sea-green-alt); }
  .dnb-radio__input:checked ~ .dnb-radio__dot {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .dnb-radio__input:not(:checked) ~ .dnb-radio__dot {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  .dnb-radio__input[disabled] ~ .dnb-radio__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-radio__input[disabled]:checked ~ .dnb-radio__button {
    border-color: #b3dada;
    border-color: var(--color-sea-green-alt-30); }
  .dnb-radio__input[disabled]:checked ~ .dnb-radio__dot {
    background-color: #b3dada;
    background-color: var(--color-sea-green-alt-30); }
  .dnb-radio__input:not([disabled]):not(:focus):not(:checked):hover ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):not(:focus):checked:hover ~ .dnb-radio__dot {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):not(:checked):active ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    border-color: transparent; }
  .dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__dot {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  html[data-whatinput='keyboard'] .dnb-radio__input:not([disabled]):not(:checked):focus ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  html[data-whatinput='keyboard'] .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__button {
    border: none; }
  .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__focus,
  .dnb-radio__input:not([disabled]):active ~ .dnb-radio__focus {
    display: block; }
  .dnb-radio__input:not([disabled]):not(:checked):focus ~ .dnb-radio__button,
  .dnb-radio__input:not([disabled]):not(:checked):active ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__button {
    border: none; }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__focus {
    display: block;
    -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);
    border-color: transparent; }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):hover ~ .dnb-radio__button {
    background-color: #fdebf4;
    background-color: var(--color-cherry-red-80); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-radio__dot {
    background-color: #e10076;
    background-color: var(--color-cherry-red); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover ~ .dnb-radio__dot {
    background-color: #fdebf4;
    background-color: var(--color-cherry-red-80); }
  .dnb-radio > .dnb-form-status {
    -webkit-transform: translateY(0.1875rem);
            transform: translateY(0.1875rem); }
