/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/components/ui/switch.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/* Switch — explicit colors that work in all themes */

/* OFF state — track */
.cs-switch[data-state="unchecked"] {
  background-color: transparent;
  border: 2px solid rgba(140, 140, 160, 0.4);
}
.dark .cs-switch[data-state="unchecked"] {
  border-color: rgba(160, 170, 200, 0.5);
}

/* ON state — track */
.cs-switch[data-state="checked"] {
  background-color: #2269f9;
  border: 2px solid #2269f9;
}

/* OFF state — thumb */
.cs-switch[data-state="unchecked"] .cs-switch-thumb {
  background-color: rgba(140, 140, 160, 0.6);
}
.dark .cs-switch[data-state="unchecked"] .cs-switch-thumb {
  background-color: rgba(160, 170, 200, 0.7);
}

/* ON state — thumb */
.cs-switch[data-state="checked"] .cs-switch-thumb {
  background-color: #ffffff;
}