@charset "UTF-8";
/* NOWA PALETA */
/* FONTS */
/* PALETA */
/* KOLORY KTÓRE BĘDZIEMY USUWAć SYSTEMATYCZNIE */
/* SCREEN SIZE */
@supports not (-webkit-touch-callout: none) {
  .radio, .radio-inline {
    margin-top: 6px;
    margin-bottom: 1px;
  }
  .radio label, .radio-inline label {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    color: rgba(247, 255, 250, 0.85);
    margin-top: -5px;
  }
  .radio label span, .radio-inline label span {
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    transition-duration: 0.2s;
  }
  .radio label .circle, .radio-inline label .circle {
    border: 1px solid rgba(247, 255, 250, 0.5);
    height: 13px;
    width: 13px;
    border-radius: 100%;
  }
  .radio label .check, .radio-inline label .check {
    height: 13px;
    width: 13px;
    border-radius: 100%;
    background-color: rgb(247, 255, 250);
    transform: scale3d(0, 0, 0);
  }
  .radio label .check:after, .radio-inline label .check:after {
    display: block;
    position: absolute;
    content: "";
    background-color: rgba(247, 255, 250, 0.85);
    left: -18px;
    top: -18px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
  .radio input[type=radio], .radio-inline input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
  }
  .radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle, .radio-inline input[type=radio]:checked ~ .check, .radio-inline input[type=radio]:checked ~ .circle {
    opacity: 1;
  }
  .radio input[type=radio]:checked ~ .check, .radio-inline input[type=radio]:checked ~ .check {
    background-color: rgb(247, 255, 250);
  }
  .radio input[type=radio]:checked ~ .circle, .radio-inline input[type=radio]:checked ~ .circle {
    border-color: rgb(247, 255, 250);
  }
  .radio input[type=radio]:checked ~ .check, .radio-inline input[type=radio]:checked ~ .check {
    transform: scale3d(0.55, 0.55, 1);
  }
  .radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle, .radio-inline input[type=radio][disabled] ~ .check, .radio-inline input[type=radio][disabled] ~ .circle {
    opacity: 0.26;
  }
  .radio input[type=radio][disabled] ~ .check, .radio-inline input[type=radio][disabled] ~ .check {
    background-color: rgba(247, 255, 250, 0.85);
  }
  .radio input[type=radio][disabled] ~ .circle, .radio-inline input[type=radio][disabled] ~ .circle {
    border-color: rgba(247, 255, 250, 0.85);
  }
  .theme-dark .radio input[type=radio][disabled] ~ .check, .theme-dark .radio input[type=radio][disabled] ~ .circle, .theme-dark .radio-inline input[type=radio][disabled] ~ .check, .theme-dark .radio-inline input[type=radio][disabled] ~ .circle {
    opacity: 0.3;
  }
  .theme-dark .radio input[type=radio][disabled] ~ .check, .theme-dark .radio-inline input[type=radio][disabled] ~ .check {
    background-color: rgba(247, 255, 250, 0.85);
  }
  .theme-dark .radio input[type=radio][disabled] ~ .circle, .theme-dark .radio-inline input[type=radio][disabled] ~ .circle {
    border-color: rgba(247, 255, 250, 0.85);
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

/*# sourceMappingURL=md-radios.css.map */