/* allow vendor prefixes and disable max length */
/* allow vendor prefixes and disable max length */
/* ==========================================================================
   Mixins, silent classes etc.
   ========================================================================== */
/* ==========================================================================
   General styles for inputs & selects
   ========================================================================== */
.gd-input {
  position: relative;
  display: block;
}

.gd-input-wrapper,
.gd-input-field,
.input-text {
  width: 100%;
  max-width: 100%;
}

.gd-input-wrapper {
  position: relative;
}

.gd-input-field,
.input-text {
  box-sizing: border-box;
  margin: 0;
  padding: 6px 7px 5px;
  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
  line-height: normal;
  vertical-align: middle;
  color: var(--gd-palette-complementary-8, #464e56);
  background: var(--gd-palette-complementary-0, #fff);
  font-size: 14px;
  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
  font-weight: 200;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
}
.gd-input-field::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-field:-moz-placeholder,
.input-text:-moz-placeholder {
  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-field::-moz-placeholder,
.input-text::-moz-placeholder {
  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-field:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
  -moz-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-field:hover,
.input-text:hover {
  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
}
.gd-input-field:hover::-webkit-input-placeholder,
.input-text:hover::-webkit-input-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-field:hover:-moz-placeholder,
.input-text:hover:-moz-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-field:hover::-moz-placeholder,
.input-text:hover::-moz-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-field:hover:-ms-input-placeholder,
.input-text:hover:-ms-input-placeholder {
  color: var(--gd-palette-complementary-7, #6d7680);
}
.gd-input-field:focus,
.input-text:focus {
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.2);
}
.gd-input-field:focus-visible,
.input-text:focus-visible {
  box-shadow: none;
  outline-color: var(--gd-palette-primary-base, #14b2e2);
}
.gd-input-field:disabled, .gd-input-field:disabled:hover, .gd-input-field.disabled, .gd-input-field.disabled:hover,
.input-text:disabled,
.input-text:disabled:hover,
.input-text.disabled,
.input-text.disabled:hover {
  color: var(--gd-palette-complementary-5, #b0beca);
  border-color: var(--gd-palette-complementary-4, #ccd8e2);
  background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
  box-shadow: none;
}
.gd-input-field.gd-input-field-small, .gd-input-field.small,
.input-text.gd-input-field-small,
.input-text.small {
  height: 27.1px;
  padding: 5px 7px;
  font-size: 13px;
}

textarea.gd-input, textarea.input-text {
  height: auto;
}

/* Searchfield
   ========================================================================== */
.gd-input-search,
.searchfield {
  position: relative;
}
.gd-input-search.gd-input-small .gd-input-field,
.gd-input-search.gd-input-small .searchfield-input, .gd-input-search.small .gd-input-field,
.gd-input-search.small .searchfield-input,
.searchfield.gd-input-small .gd-input-field,
.searchfield.gd-input-small .searchfield-input,
.searchfield.small .gd-input-field,
.searchfield.small .searchfield-input {
  padding-left: 30px;
  padding-right: 30px;
}
.gd-input-search.gd-input-small .gd-input-icon,
.gd-input-search.gd-input-small .searchfield-icon, .gd-input-search.small .gd-input-icon,
.gd-input-search.small .searchfield-icon,
.searchfield.gd-input-small .gd-input-icon,
.searchfield.gd-input-small .searchfield-icon,
.searchfield.small .gd-input-icon,
.searchfield.small .searchfield-icon {
  left: 8px;
}
.gd-input-search.gd-input-small .gd-input-icon-clear,
.gd-input-search.gd-input-small .searchfield-clear, .gd-input-search.small .gd-input-icon-clear,
.gd-input-search.small .searchfield-clear,
.searchfield.gd-input-small .gd-input-icon-clear,
.searchfield.gd-input-small .searchfield-clear,
.searchfield.small .gd-input-icon-clear,
.searchfield.small .searchfield-clear {
  right: 8px;
}
.gd-input-search.gd-input-small .gd-input-icon,
.gd-input-search.gd-input-small .gd-input-icon-clear,
.gd-input-search.gd-input-small .searchfield-icon,
.gd-input-search.gd-input-small .searchfield-clear, .gd-input-search.small .gd-input-icon,
.gd-input-search.small .gd-input-icon-clear,
.gd-input-search.small .searchfield-icon,
.gd-input-search.small .searchfield-clear,
.searchfield.gd-input-small .gd-input-icon,
.searchfield.gd-input-small .gd-input-icon-clear,
.searchfield.gd-input-small .searchfield-icon,
.searchfield.gd-input-small .searchfield-clear,
.searchfield.small .gd-input-icon,
.searchfield.small .gd-input-icon-clear,
.searchfield.small .searchfield-icon,
.searchfield.small .searchfield-clear {
  line-height: 29px;
  font-size: 14px;
}

.gd-input-search .gd-input-field,
.searchfield-input {
  padding-left: 36px;
  padding-right: 36px;
}

.gd-input-icon,
.searchfield-icon {
  left: 10px;
  color: var(--gd-palette-complementary-5, #b0beca);
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 32px;
  font-size: 16px;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
:focus + .gd-input-icon,
:focus + .searchfield-icon {
  color: var(--gd-palette-primary-base, #14b2e2);
}

.gd-input-icon-clear,
.searchfield-clear {
  right: 10px;
  color: var(--gd-palette-complementary-7, #6d7680);
  cursor: pointer;
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 32px;
  font-size: 16px;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.gd-input-icon-clear:hover,
.searchfield-clear:hover {
  color: var(--gd-palette-primary-base, #14b2e2);
}

/* Input states
   ========================================================================== */
.has-error .gd-input-field,
.has-error .input-text {
  color: var(--gd-palette-complementary-8, #464e56);
  border-color: var(--gd-palette-error-base, #e54d42);
  box-shadow: none;
}
.has-error .gd-input-field:focus-visible,
.has-error .input-text:focus-visible {
  outline-color: var(--gd-palette-error-base, #e54d42);
}
.has-error .gd-input-icon {
  color: var(--gd-palette-error-base, #e54d42);
}

.has-warning .gd-input-field,
.has-warning .input-text {
  border-color: var(--gd-palette-warning-base, #f18600);
  box-shadow: none;
}
.has-warning .gd-input-field:focus-visible,
.has-warning .input-text:focus-visible {
  outline-color: var(--gd-palette-warning-base, #f18600);
}

/* Input label
   ========================================================================== */
.gd-input-with-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gd-input-with-label .gd-input-wrapper {
  flex: 1 1 auto;
}
.gd-input-with-label.is-disabled .gd-input-label {
  color: var(--gd-palette-complementary-5, #b0beca);
  user-select: none;
}
.gd-input-with-label.has-error .gd-input-label {
  color: var(--gd-palette-error-base, #e54d42);
}

.gd-input-label {
  flex: 0 0 auto;
  margin-right: 20px;
  white-space: nowrap;
  color: var(--gd-palette-complementary-7, #6d7680);
  font-size: 14px;
}

.gd-input-label-top {
  flex-wrap: wrap;
}
.gd-input-label-top .gd-input-label {
  width: 100%;
  margin-right: 0;
  margin-bottom: 5px;
  font-size: 10px;
  text-transform: uppercase;
}

/* Input prefixes and suffixes
   ========================================================================== */
.gd-input-with-prefix .gd-input-wrapper,
.gd-input-with-suffix .gd-input-wrapper {
  display: flex;
}
.gd-input-with-prefix:hover .gd-input-field,
.gd-input-with-prefix:hover .gd-input-prefix,
.gd-input-with-prefix:hover .gd-input-suffix,
.gd-input-with-suffix:hover .gd-input-field,
.gd-input-with-suffix:hover .gd-input-prefix,
.gd-input-with-suffix:hover .gd-input-suffix {
  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
}
.gd-input-with-prefix:hover .gd-input-field:disabled,
.gd-input-with-prefix:hover .gd-input-field:disabled ~ .gd-input-prefix,
.gd-input-with-prefix:hover .gd-input-field:disabled ~ .gd-input-suffix,
.gd-input-with-suffix:hover .gd-input-field:disabled,
.gd-input-with-suffix:hover .gd-input-field:disabled ~ .gd-input-prefix,
.gd-input-with-suffix:hover .gd-input-field:disabled ~ .gd-input-suffix {
  border-color: var(--gd-palette-complementary-4, #ccd8e2);
}
.gd-input-with-prefix .gd-input-prefix,
.gd-input-with-suffix .gd-input-prefix {
  order: 0;
}
.gd-input-with-prefix .gd-input-field,
.gd-input-with-suffix .gd-input-field {
  flex: 1 1 100%;
  min-width: 0;
}
.gd-input-with-prefix .gd-input-field:focus,
.gd-input-with-prefix .gd-input-field:focus ~ .gd-input-prefix,
.gd-input-with-prefix .gd-input-field:focus ~ .gd-input-suffix,
.gd-input-with-suffix .gd-input-field:focus,
.gd-input-with-suffix .gd-input-field:focus ~ .gd-input-prefix,
.gd-input-with-suffix .gd-input-field:focus ~ .gd-input-suffix {
  border-color: var(--gd-palette-primary-base, #14b2e2);
}
.gd-input-with-prefix .gd-input-field.gd-input-field-small,
.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-suffix, .gd-input-with-prefix .gd-input-field.small,
.gd-input-with-prefix .gd-input-field.small ~ .gd-input-prefix,
.gd-input-with-prefix .gd-input-field.small ~ .gd-input-suffix,
.gd-input-with-suffix .gd-input-field.gd-input-field-small,
.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-suffix,
.gd-input-with-suffix .gd-input-field.small,
.gd-input-with-suffix .gd-input-field.small ~ .gd-input-prefix,
.gd-input-with-suffix .gd-input-field.small ~ .gd-input-suffix {
  height: 27.1px;
  padding: 5px 7px;
  font-size: 13px;
}
.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-suffix, .gd-input-with-prefix .gd-input-field.small ~ .gd-input-prefix,
.gd-input-with-prefix .gd-input-field.small ~ .gd-input-suffix,
.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-suffix,
.gd-input-with-suffix .gd-input-field.small ~ .gd-input-prefix,
.gd-input-with-suffix .gd-input-field.small ~ .gd-input-suffix {
  min-width: 27px;
}
.gd-input-with-prefix .gd-input-field,
.gd-input-with-prefix .gd-input-suffix,
.gd-input-with-suffix .gd-input-field,
.gd-input-with-suffix .gd-input-suffix {
  order: 1;
}
.gd-input-with-prefix.has-error .gd-input-field,
.gd-input-with-prefix.has-error .gd-input-field ~ .gd-input-prefix,
.gd-input-with-prefix.has-error .gd-input-field ~ .gd-input-suffix,
.gd-input-with-suffix.has-error .gd-input-field,
.gd-input-with-suffix.has-error .gd-input-field ~ .gd-input-prefix,
.gd-input-with-suffix.has-error .gd-input-field ~ .gd-input-suffix {
  border-color: var(--gd-palette-error-base, #e54d42);
}

.gd-input-with-prefix .gd-input-field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.gd-input-with-suffix .gd-input-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.gd-input-prefix,
.gd-input-suffix {
  display: block;
  flex: 0 0 auto;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 7px 5px;
  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
  line-height: normal;
  vertical-align: middle;
  color: var(--gd-palette-complementary-8, #464e56);
  background: var(--gd-palette-complementary-0, #fff);
  font-size: 14px;
  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
  font-weight: 200;
  color: var(--gd-palette-complementary-6-from-theme, #b0beca);
  min-width: 30px;
  text-align: center;
  background-color: var(--gd-palette-complementary-1-from-theme, #fcfcfd);
}

.gd-input-prefix {
  border-right: none;
  border-radius: 3px 0 0 3px;
}

.gd-input-suffix {
  border-left: none;
  border-radius: 0 3px 3px 0;
}

/* Icon button
   ========================================================================== */
.gd-input-with-icon-button .gd-input-field {
  padding-right: var(--gd-button-M);
  text-overflow: ellipsis;
  overflow: hidden;
}

.gd-input-icon-button {
  position: absolute;
  right: 0;
}

/* Checkbox and radio
   ========================================================================== */
.input-radio-label,
.input-checkbox-label {
  position: relative;
  display: inline-block;
  height: 20px;
  padding: 0 10px 0 23px;
  line-height: 20px;
  margin-left: -3px;
}
.input-radio-label .input-label-text,
.input-checkbox-label .input-label-text {
  line-height: inherit;
  vertical-align: middle;
  color: var(--gd-palette-complementary-8, #464e56);
}
.input-radio-label .input-label-text::before, .input-radio-label .input-label-text::after,
.input-checkbox-label .input-label-text::before,
.input-checkbox-label .input-label-text::after {
  content: "";
  position: absolute;
  box-sizing: content-box;
  cursor: pointer;
}
.input-radio-label .input-label-text::before,
.input-checkbox-label .input-label-text::before {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border: 1px solid var(--gd-palette-complementary-5-from-theme, #b1c1d1);
  transition: all 0.2s;
  background-color: var(--gd-palette-complementary-0, #fff);
}
.input-radio-label .input-label-text::after,
.input-checkbox-label .input-label-text::after {
  transform: scale(0);
  transition: transform 0.2s;
}
.input-radio-label .gd-checkbox-label-small,
.input-checkbox-label .gd-checkbox-label-small {
  line-height: inherit;
  vertical-align: inherit;
}
.input-radio-label input:disabled ~ .input-label-text::before,
.input-radio-label input.disabled ~ .input-label-text::before, .input-radio-label:hover input:disabled ~ .input-label-text::before,
.input-radio-label:hover input.disabled ~ .input-label-text::before, .input-radio-label:active input:disabled ~ .input-label-text::before,
.input-radio-label:active input.disabled ~ .input-label-text::before,
.input-checkbox-label input:disabled ~ .input-label-text::before,
.input-checkbox-label input.disabled ~ .input-label-text::before,
.input-checkbox-label:hover input:disabled ~ .input-label-text::before,
.input-checkbox-label:hover input.disabled ~ .input-label-text::before,
.input-checkbox-label:active input:disabled ~ .input-label-text::before,
.input-checkbox-label:active input.disabled ~ .input-label-text::before {
  box-shadow: none;
  border-color: var(--gd-palette-complementary-3-from-theme, rgba(204, 216, 226, 0.7));
  background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
}
.input-radio-label:hover .input-label-text::before, .input-radio-label:active .input-label-text::before,
.input-checkbox-label:hover .input-label-text::before,
.input-checkbox-label:active .input-label-text::before {
  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.25);
}
.input-radio-label:hover input:checked ~ .input-label-text::before, .input-radio-label:active input:checked ~ .input-label-text::before,
.input-checkbox-label:hover input:checked ~ .input-label-text::before,
.input-checkbox-label:active input:checked ~ .input-label-text::before {
  box-shadow: none;
  border-color: transparent;
}
.input-radio-label:hover .input-label-text::before,
.input-checkbox-label:hover .input-label-text::before {
  border-color: var(--gd-palette-complementary-6, #94a1ad);
}
.input-radio-label:active .input-label-text::before,
.input-checkbox-label:active .input-label-text::before {
  border-color: var(--gd-palette-primary-base, #14b2e2);
  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
}
.input-radio-label input,
.input-checkbox-label input {
  position: absolute;
  opacity: 0;
}
.input-radio-label input:checked ~ .input-label-text::before,
.input-checkbox-label input:checked ~ .input-label-text::before {
  border-color: transparent;
  background-color: var(--gd-palette-primary-base, #14b2e2);
}
.input-radio-label input:checked ~ .input-label-text::after,
.input-checkbox-label input:checked ~ .input-label-text::after {
  transform: scale(1);
}
.input-radio-label input:disabled ~ .input-label-text, .input-radio-label input.disabled ~ .input-label-text,
.input-checkbox-label input:disabled ~ .input-label-text,
.input-checkbox-label input.disabled ~ .input-label-text {
  color: var(--gd-palette-complementary-5, #b0beca);
}
.input-radio-label input:disabled ~ .input-label-text::before,
.input-radio-label input:disabled ~ .input-label-text::after, .input-radio-label input.disabled ~ .input-label-text::before,
.input-radio-label input.disabled ~ .input-label-text::after,
.input-checkbox-label input:disabled ~ .input-label-text::before,
.input-checkbox-label input:disabled ~ .input-label-text::after,
.input-checkbox-label input.disabled ~ .input-label-text::before,
.input-checkbox-label input.disabled ~ .input-label-text::after {
  cursor: default;
}
.input-radio-label input:disabled:checked ~ .input-label-text::before, .input-radio-label input.disabled:checked ~ .input-label-text::before,
.input-checkbox-label input:disabled:checked ~ .input-label-text::before,
.input-checkbox-label input.disabled:checked ~ .input-label-text::before {
  background-color: var(--gd-palette-complementary-4, #ccd8e2);
}

.input-radio-label input[type=checkbox]:focus-visible + ::before,
.input-radio-label input[type=radio]:focus-visible + ::before,
.input-checkbox-label input[type=checkbox]:focus-visible + ::before,
.input-checkbox-label input[type=radio]:focus-visible + ::before,
.input-checkbox-toggle input[type=checkbox]:focus-visible + ::before,
.input-checkbox-toggle input[type=radio]:focus-visible + ::before {
  outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
  outline-offset: 2px;
  transition: none;
}

.input-radio-label .input-label-text::before {
  border-radius: 50%;
}
.input-radio-label .input-label-text::after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--gd-palette-complementary-0, #fff);
}

.input-checkbox-label .input-label-text::before {
  border-radius: 2px;
}
.input-checkbox-label .input-label-text::after {
  top: 7px;
  left: 4px;
  width: 7px;
  height: 3px;
  transform: scale(0) rotate(315deg) skew(-2deg);
  transform-origin: top;
  border-left: 2px solid var(--gd-palette-complementary-0, #fff);
  border-bottom: 2px solid var(--gd-palette-complementary-0, #fff);
}
.input-checkbox-label input:checked ~ .input-label-text::after {
  transform: scale(1) rotate(315deg) skew(-2deg);
}
.input-checkbox-label .checkbox-indefinite ~ .input-label-text::after {
  top: 9px;
  left: 6px;
  width: 8px;
  height: 0;
  transform: scale(0);
  border-left: none;
}
.input-checkbox-label .checkbox-indefinite:checked ~ .input-label-text::after {
  transform: scale(1);
}

.input-checkbox-toggle input {
  position: absolute;
  opacity: 0;
}
.input-checkbox-toggle input:disabled ~ .input-label-text, .input-checkbox-toggle input.disabled ~ .input-label-text {
  color: var(--gd-palette-complementary-5, #b0beca);
}
.input-checkbox-toggle .input-label-text {
  position: relative;
  height: 14px;
  line-height: 14px;
  padding-right: 35px;
}
.input-checkbox-toggle .input-label-text::before, .input-checkbox-toggle .input-label-text::after {
  content: "";
  position: absolute;
  box-sizing: content-box;
  background: var(--gd-palette-complementary-0-from-theme, #f3f6f7);
  cursor: pointer;
  transition: all 0.4s;
}
.input-checkbox-toggle .input-label-text::before {
  top: 1px;
  right: 0;
  width: 28px;
  height: 12px;
  border: 1px solid var(--gd-palette-complementary-4-from-theme, #c9d5e0);
  border-radius: 7px;
}
.input-checkbox-toggle .input-label-text::after {
  top: 3px;
  right: 18px;
  width: 8px;
  height: 8px;
  border: 1px solid var(--gd-palette-complementary-5, #b0beca);
  border-radius: 50%;
}
.input-checkbox-toggle input:checked ~ .input-label-text::after {
  right: 2px;
  border: 1px solid var(--gd-palette-primary-base-d06, #129cc6);
  background: var(--gd-palette-primary-base, #14b2e2);
}
.input-checkbox-toggle:hover .input-label-text::after, .input-checkbox-toggle:active .input-label-text::after {
  border: 1px solid var(--gd-palette-complementary-5-from-theme, #94a1ad);
  background: var(--gd-palette-complementary-3-from-theme, #d7dfe5);
}
.input-checkbox-toggle:hover input:checked ~ .input-label-text::after, .input-checkbox-toggle:active input:checked ~ .input-label-text::after {
  background: var(--gd-palette-primary-base-d06, #129cc6);
}
.input-checkbox-toggle input:disabled ~ .input-label-text::before,
.input-checkbox-toggle input:disabled ~ .input-label-text::after,
.input-checkbox-toggle input.disabled ~ .input-label-text::before,
.input-checkbox-toggle input.disabled ~ .input-label-text::after, .input-checkbox-toggle:hover input:disabled ~ .input-label-text::before,
.input-checkbox-toggle:hover input:disabled ~ .input-label-text::after,
.input-checkbox-toggle:hover input.disabled ~ .input-label-text::before,
.input-checkbox-toggle:hover input.disabled ~ .input-label-text::after, .input-checkbox-toggle:active input:disabled ~ .input-label-text::before,
.input-checkbox-toggle:active input:disabled ~ .input-label-text::after,
.input-checkbox-toggle:active input.disabled ~ .input-label-text::before,
.input-checkbox-toggle:active input.disabled ~ .input-label-text::after {
  box-shadow: none;
  cursor: default;
  border-color: var(--gd-palette-complementary-3-from-theme, rgba(204, 216, 226, 0.5));
  background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
}

/*# sourceMappingURL=form.css.map */
