:host {
  display: block;
  font-family: initial;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  outline: none;
}

:host(.gux-display-inline) {
  display: inline-block;
}

.gux-toggle-container.gux-disabled {
  pointer-events: none;
  cursor: default;
}
.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text {
  opacity: var(--gse-ui-toggle-disabled-opacity);
}
.gux-toggle-container.gux-toggle-label-left .gux-toggle-input {
  flex-direction: row-reverse;
}
.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text {
  place-items: end;
}
.gux-toggle-container.gux-toggle-label-left .gux-toggle-error {
  float: inline-end;
}
.gux-toggle-container .gux-toggle-input {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gse-ui-toggle-gap);
  place-content: stretch flex-start;
  align-items: center;
  inline-size: fit-content;
  cursor: pointer;
}
.gux-toggle-container .gux-toggle-input .gux-toggle-label {
  position: relative;
  display: inline-block;
}
.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text {
  display: grid;
  grid-template-areas: "inner-div";
  place-items: center start;
}
.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner {
  position: relative;
  grid-area: inner-div;
  font-family: var(--gse-ui-toggle-label-fontFamily);
  font-size: var(--gse-ui-toggle-label-fontSize);
  font-weight: var(--gse-ui-toggle-label-fontWeight);
  line-height: var(--gse-ui-toggle-label-lineHeight);
  color: var(--gse-ui-formControl-label-labelColor);
  overflow-wrap: break-word;
}
.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden {
  visibility: hidden;
}
.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
}
.gux-toggle-container .gux-toggle-error .gux-toggle-error-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gse-ui-toggle-gap);
  place-content: stretch flex-start;
  padding: var(--gse-ui-formControl-helper-errorPadding);
  font-family: var(--gse-ui-toggle-label-fontFamily);
  font-size: var(--gse-ui-toggle-label-fontSize);
  font-weight: var(--gse-ui-toggle-label-fontWeight);
  line-height: var(--gse-ui-toggle-label-lineHeight);
  color: var(--gse-ui-formControl-helper-errorColor);
}
.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon {
  flex: 0 1 auto;
  order: 0;
  color: var(--gse-ui-formControl-helper-errorColor);
}
.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message {
  flex: 0 1 auto;
  align-self: auto;
  order: 0;
}