{"version":3,"file":"blocks/FormSwitcher/style-index.css","mappings":";;;AAAA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;AACE;EACE;EACA;AACJ;AACI;EACE;EACA;AACN;AAEI;EACE;AAAN;AAIE;EACE;AAFJ;AAKE;EACE;AAHJ;AAQI;EACE;EACA;AANN;AAUM;EACE;EACA;EACA;EACA;AARR;AAYI;EACE;AAVN;AAeI;EACE;EACA;AAbN;AAiBM;EACE;EACA;EACA;EACA;AAfR;AAmBI;EACE;AAjBN;AAsBI;EACE;EACA;AApBN;AAwBM;EACE;EACA;EACA;EACA;AAtBR;AA0BI;EACE;AAxBN;;AA6BA;EACE;KAAA;UAAA;AA1BF;AA4BE;EACE;EACA;AA1BJ;;AA8BA;EACE;EACA;EACA;AA3BF;;AA8BA;EACE;EACA;EACA;AA3BF;AA6BE;EACE;AA3BJ;AA6BI;EACE;AA3BN;AA+BE;EACE;AA7BJ;AAgCE;EACE;EACA;AA9BJ;;AAkCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/BF;AAiCE;EACE;EACA;EACA;EACA;EACA;AA/BJ,C","sources":["webpack://brandy-blocks/./src/blocks/FormSwitcher/style.scss"],"sourcesContent":[".wp-block-brandy-form-switcher {\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n}\n\n.form-switcher-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin: 1rem 0;\n  --switcher-enabled-color: #2271b1;\n  --switcher-disabled-color: #ccc;\n\n  &.is-disabled {\n    opacity: 0.6;\n    pointer-events: none;\n\n    .form-switcher-slider {\n      cursor: not-allowed;\n      background-color: var(--switcher-disabled-color) !important;\n    }\n\n    .form-switcher-input:checked + .form-switcher-slider {\n      background-color: var(--switcher-disabled-color) !important;\n    }\n  }\n\n  &.label-left {\n    flex-direction: row;\n  }\n\n  &.label-right {\n    flex-direction: row-reverse;\n  }\n\n  // Size variations\n  &.size-small {\n    .form-switcher-toggle {\n      width: 36px;\n      height: 18px;\n    }\n\n    .form-switcher-slider {\n      &:before {\n        height: 12px;\n        width: 12px;\n        left: 3px;\n        bottom: 3px;\n      }\n    }\n\n    .form-switcher-input:checked + .form-switcher-slider:before {\n      transform: translateX(18px);\n    }\n  }\n\n  &.size-medium {\n    .form-switcher-toggle {\n      width: 50px;\n      height: 24px;\n    }\n\n    .form-switcher-slider {\n      &:before {\n        height: 16px;\n        width: 16px;\n        left: 4px;\n        bottom: 4px;\n      }\n    }\n\n    .form-switcher-input:checked + .form-switcher-slider:before {\n      transform: translateX(26px);\n    }\n  }\n\n  &.size-large {\n    .form-switcher-toggle {\n      width: 64px;\n      height: 32px;\n    }\n\n    .form-switcher-slider {\n      &:before {\n        height: 24px;\n        width: 24px;\n        left: 4px;\n        bottom: 4px;\n      }\n    }\n\n    .form-switcher-input:checked + .form-switcher-slider:before {\n      transform: translateX(32px);\n    }\n  }\n}\n\n.form-switcher-label {\n  user-select: none;\n\n  .required {\n    color: #dc3232;\n    margin-left: 0.25rem;\n  }\n}\n\n.form-switcher-toggle {\n  position: relative;\n  display: inline-block;\n  flex-shrink: 0;\n}\n\n.form-switcher-input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n\n  &:checked + .form-switcher-slider {\n    background-color: var(--switcher-enabled-color);\n\n    &:before {\n      transform: translateX(26px);\n    }\n  }\n\n  &:focus + .form-switcher-slider {\n    box-shadow: 0 0 1px var(--switcher-enabled-color);\n  }\n\n  &:disabled + .form-switcher-slider {\n    cursor: not-allowed;\n    background-color: var(--switcher-disabled-color) !important;\n  }\n}\n\n.form-switcher-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--switcher-disabled-color);\n  transition: 0.4s;\n  border-radius: 24px;\n\n  &:before {\n    position: absolute;\n    content: \"\";\n    background-color: white;\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n}\n"],"names":[],"sourceRoot":""}