@charset "UTF-8";
.mdc-touch-target-wrapper {
  display: inline;
}

.mdc-elevation-overlay {
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  /* @alternate */
  opacity: var(--mdc-elevation-overlay-opacity, 0);
  -webkit-transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-elevation-overlay-color, #fff);
}

.mdc-button {
  /* @alternate */
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 64px;
  border: none;
  outline: none;
  /* @alternate */
  line-height: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  overflow: visible;
  vertical-align: middle;
  background: transparent;
}
.mdc-button .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
}
.mdc-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-button:active {
  outline: none;
}
.mdc-button:hover {
  cursor: pointer;
}
.mdc-button:disabled {
  cursor: default;
  pointer-events: none;
}
.mdc-button .mdc-button__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-button .mdc-button__label {
  position: relative;
}
.mdc-button .mdc-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mdc-button__label + .mdc-button__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  /*rtl:end:ignore*/
}

svg.mdc-button__icon {
  fill: currentColor;
}

.mdc-button--touch {
  margin-top: 6px;
  margin-bottom: 6px;
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  text-decoration: none;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
}

.mdc-button {
  padding: 0 8px 0 8px;
}

.mdc-button--unelevated {
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 16px 0 16px;
}
.mdc-button--unelevated.mdc-button--icon-trailing {
  padding: 0 12px 0 16px;
}
.mdc-button--unelevated.mdc-button--icon-leading {
  padding: 0 16px 0 12px;
}

.mdc-button--raised {
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 16px 0 16px;
}
.mdc-button--raised.mdc-button--icon-trailing {
  padding: 0 12px 0 16px;
}
.mdc-button--raised.mdc-button--icon-leading {
  padding: 0 16px 0 12px;
}

.mdc-button--outlined {
  border-style: solid;
  -webkit-transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-button--outlined .mdc-button__ripple {
  border-style: solid;
  border-color: transparent;
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-button .mdc-button__ripple::before,
.mdc-button .mdc-button__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-button .mdc-button__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-button .mdc-button__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button .mdc-button__ripple::before,
.mdc-button .mdc-button__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-button .mdc-button__ripple {
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
  top: 0;
  left: 0;
}

.mdc-button {
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
  letter-spacing: 0.0892857143em;
  /* @alternate */
  letter-spacing: var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
  text-transform: uppercase;
  /* @alternate */
  text-transform: var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));
  height: 36px;
  /* @alternate */
  height: var(--mdc-text-button-container-height, 36px);
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px));
}
.mdc-button:not(:disabled) {
  color: #23036A;
  /* @alternate */
  color: var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #23036A));
}
.mdc-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
}
.mdc-button .mdc-button__icon {
  font-size: 1.125rem;
  /* @alternate */
  font-size: var(--mdc-text-button-with-icon-icon-size, 1.125rem);
  width: 1.125rem;
  /* @alternate */
  width: var(--mdc-text-button-with-icon-icon-size, 1.125rem);
  height: 1.125rem;
  /* @alternate */
  height: var(--mdc-text-button-with-icon-icon-size, 1.125rem);
}
.mdc-button .mdc-button__ripple::before,
.mdc-button .mdc-button__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #23036A));
}
.mdc-button:hover .mdc-button__ripple::before, .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-text-button-hover-state-layer-opacity, 0.04);
}
.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-text-button-focus-state-layer-opacity, 0.12);
}
.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-text-button-pressed-state-layer-opacity, 0.12);
}
.mdc-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, 0.12);
}
.mdc-button .mdc-button__ripple {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px));
}

.mdc-button--unelevated {
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
  letter-spacing: 0.0892857143em;
  /* @alternate */
  letter-spacing: var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
  text-transform: uppercase;
  /* @alternate */
  text-transform: var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));
  height: 36px;
  /* @alternate */
  height: var(--mdc-filled-button-container-height, 36px);
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px));
}
.mdc-button--unelevated:not(:disabled) {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #23036A));
}
.mdc-button--unelevated:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  /* @alternate */
  background-color: var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12));
}
.mdc-button--unelevated:not(:disabled) {
  color: #ffffff;
  /* @alternate */
  color: var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #ffffff));
}
.mdc-button--unelevated:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
}
.mdc-button--unelevated .mdc-button__icon {
  font-size: 1.125rem;
  /* @alternate */
  font-size: var(--mdc-filled-button-with-icon-icon-size, 1.125rem);
  width: 1.125rem;
  /* @alternate */
  width: var(--mdc-filled-button-with-icon-icon-size, 1.125rem);
  height: 1.125rem;
  /* @alternate */
  height: var(--mdc-filled-button-with-icon-icon-size, 1.125rem);
}
.mdc-button--unelevated .mdc-button__ripple::before,
.mdc-button--unelevated .mdc-button__ripple::after {
  background-color: #ffffff;
  /* @alternate */
  background-color: var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #ffffff));
}
.mdc-button--unelevated:hover .mdc-button__ripple::before, .mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-filled-button-hover-state-layer-opacity, 0.08);
}
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-filled-button-focus-state-layer-opacity, 0.24);
}
.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-filled-button-pressed-state-layer-opacity, 0.24);
}
.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-filled-button-pressed-state-layer-opacity, 0.24);
}
.mdc-button--unelevated .mdc-button__ripple {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px));
}

.mdc-button--raised {
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
  letter-spacing: 0.0892857143em;
  /* @alternate */
  letter-spacing: var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
  text-transform: uppercase;
  /* @alternate */
  text-transform: var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));
  height: 36px;
  /* @alternate */
  height: var(--mdc-protected-button-container-height, 36px);
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  /* @alternate */
  -webkit-box-shadow: var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
          box-shadow: var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  --mdc-elevation-box-shadow-for-gss: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:not(:disabled) {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #23036A));
}
.mdc-button--raised:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  /* @alternate */
  background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12));
}
.mdc-button--raised:not(:disabled) {
  color: #ffffff;
  /* @alternate */
  color: var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #ffffff));
}
.mdc-button--raised:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
}
.mdc-button--raised .mdc-button__icon {
  font-size: 1.125rem;
  /* @alternate */
  font-size: var(--mdc-protected-button-with-icon-icon-size, 1.125rem);
  width: 1.125rem;
  /* @alternate */
  width: var(--mdc-protected-button-with-icon-icon-size, 1.125rem);
  height: 1.125rem;
  /* @alternate */
  height: var(--mdc-protected-button-with-icon-icon-size, 1.125rem);
}
.mdc-button--raised .mdc-button__ripple::before,
.mdc-button--raised .mdc-button__ripple::after {
  background-color: #ffffff;
  /* @alternate */
  background-color: var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #ffffff));
}
.mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-protected-button-hover-state-layer-opacity, 0.08);
}
.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-protected-button-focus-state-layer-opacity, 0.24);
}
.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-protected-button-pressed-state-layer-opacity, 0.24);
}
.mdc-button--raised.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-protected-button-pressed-state-layer-opacity, 0.24);
}
.mdc-button--raised .mdc-button__ripple {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
}
.mdc-button--raised.mdc-ripple-upgraded--background-focused, .mdc-button--raised:not(.mdc-ripple-upgraded):focus {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  /* @alternate */
  -webkit-box-shadow: var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
          box-shadow: var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  --mdc-elevation-box-shadow-for-gss: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:hover {
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  /* @alternate */
  -webkit-box-shadow: var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
          box-shadow: var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  --mdc-elevation-box-shadow-for-gss: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:not(:disabled):active {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  /* @alternate */
  -webkit-box-shadow: var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
          box-shadow: var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  --mdc-elevation-box-shadow-for-gss: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:disabled {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  /* @alternate */
  -webkit-box-shadow: var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
          box-shadow: var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
  --mdc-elevation-box-shadow-for-gss: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mdc-button--outlined {
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));
  letter-spacing: 0.0892857143em;
  /* @alternate */
  letter-spacing: var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
  text-transform: uppercase;
  /* @alternate */
  text-transform: var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));
  height: 36px;
  /* @alternate */
  height: var(--mdc-outlined-button-container-height, 36px);
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
  padding: 0 15px 0 15px;
  border-width: 1px;
  /* @alternate */
  border-width: var(--mdc-outlined-button-outline-width, 1px);
}
.mdc-button--outlined:not(:disabled) {
  color: #23036A;
  /* @alternate */
  color: var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #23036A));
}
.mdc-button--outlined:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38));
}
.mdc-button--outlined .mdc-button__icon {
  font-size: 1.125rem;
  /* @alternate */
  font-size: var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);
  width: 1.125rem;
  /* @alternate */
  width: var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);
  height: 1.125rem;
  /* @alternate */
  height: var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);
}
.mdc-button--outlined .mdc-button__ripple::before,
.mdc-button--outlined .mdc-button__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #23036A));
}
.mdc-button--outlined:hover .mdc-button__ripple::before, .mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-outlined-button-hover-state-layer-opacity, 0.04);
}
.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-outlined-button-focus-state-layer-opacity, 0.12);
}
.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12);
}
.mdc-button--outlined.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12);
}
.mdc-button--outlined .mdc-button__ripple {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));
}
.mdc-button--outlined:not(:disabled) {
  border-color: rgba(0, 0, 0, 0.12);
  /* @alternate */
  border-color: var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12));
}
.mdc-button--outlined:disabled {
  border-color: rgba(0, 0, 0, 0.12);
  /* @alternate */
  border-color: var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12));
}
.mdc-button--outlined.mdc-button--icon-trailing {
  padding: 0 11px 0 15px;
}
.mdc-button--outlined.mdc-button--icon-leading {
  padding: 0 15px 0 11px;
}
.mdc-button--outlined .mdc-button__ripple {
  top: calc(-1 * 1px);
  /* @alternate */
  top: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
  left: calc(-1 * 1px);
  /* @alternate */
  left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
  border-width: 1px;
  /* @alternate */
  border-width: var(--mdc-outlined-button-outline-width, 1px);
}
.mdc-button--outlined .mdc-button__touch {
  left: calc(-1 * 1px);
  /* @alternate */
  left: calc(-1 * var(--mdc-outlined-button-outline-width, 1px));
  width: calc(100% + 2 * 1px);
  /* @alternate */
  width: calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px));
}

.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: -4px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
}
[dir=rtl] .mdc-button--raised .mdc-button__icon, [dir=rtl] .mdc-button--unelevated .mdc-button__icon, [dir=rtl] .mdc-button--outlined .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl], .mdc-button--unelevated .mdc-button__icon[dir=rtl], .mdc-button--outlined .mdc-button__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: -4px;
  /*rtl:end:ignore*/
}

.mdc-button--raised .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: -4px;
}
[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, [dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, [dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl], .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl], .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: -4px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  /*rtl:end:ignore*/
}

.mdc-card {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-medium, 4px);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  /* @alternate */
  position: relative;
  /* @alternate */
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mdc-card .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
}
.mdc-card::after {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-medium, 4px);
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
  pointer-events: none;
}

.mdc-card--outlined {
  /* @alternate */
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
}
.mdc-card--outlined::after {
  border: none;
}

.mdc-card__content {
  border-radius: inherit;
  height: 100%;
}

.mdc-card__media {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mdc-card__media::before {
  display: block;
  content: "";
}

.mdc-card__media:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.mdc-card__media:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.mdc-card__media--square::before {
  margin-top: 100%;
}

.mdc-card__media--16-9::before {
  margin-top: 56.25%;
}

.mdc-card__media-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mdc-card__primary-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  outline: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}

.mdc-card__primary-action:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.mdc-card__primary-action:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.mdc-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 52px;
  padding: 8px;
}

.mdc-card__actions--full-bleed {
  padding: 0;
}

.mdc-card__action-buttons,
.mdc-card__action-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mdc-card__action-icons {
  color: rgba(0, 0, 0, 0.6);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mdc-card__action-buttons + .mdc-card__action-icons {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-card__action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mdc-card__action:focus {
  outline: none;
}

.mdc-card__action--button {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  padding: 0 8px;
}
[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-card__action--button:last-child {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-card__actions--full-bleed .mdc-card__action--button {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 8px 16px;
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
}
[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-card__action--icon {
  margin: -6px 0;
  padding: 12px;
}

.mdc-card__action--icon:not(:disabled) {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-card__primary-action {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-card__primary-action .mdc-card__ripple::before,
.mdc-card__primary-action .mdc-card__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-card__primary-action .mdc-card__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-card__primary-action .mdc-card__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-card__primary-action.mdc-ripple-upgraded--unbounded .mdc-card__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation .mdc-card__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation .mdc-card__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action .mdc-card__ripple::before,
.mdc-card__primary-action .mdc-card__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-card__primary-action.mdc-ripple-upgraded .mdc-card__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-card__primary-action .mdc-card__ripple::before, .mdc-card__primary-action .mdc-card__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-card__primary-action:hover .mdc-card__ripple::before, .mdc-card__primary-action.mdc-ripple-surface--hover .mdc-card__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-card__primary-action.mdc-ripple-upgraded--background-focused .mdc-card__ripple::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus .mdc-card__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded) .mdc-card__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):active .mdc-card__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-card__primary-action.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-card__primary-action .mdc-card__ripple {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 100%;
  overflow: hidden;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::after, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::after {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 5px double transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.mdc-checkbox {
  padding: calc((40px - 18px) / 2);
  /* @alternate */
  padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  margin: calc((40px - 40px) / 2);
  /* @alternate */
  margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2);
}
.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-checkbox:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  background-color: #3700B3;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #3700B3));
}
.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  background-color: #3700B3;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #3700B3));
}
.mdc-checkbox .mdc-checkbox__background {
  top: calc((40px - 18px) / 2);
  /* @alternate */
  top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  left: calc((40px - 18px) / 2);
  /* @alternate */
  left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
}
.mdc-checkbox .mdc-checkbox__native-control {
  top: calc((40px - 40px) / 2);
  /* @alternate */
  top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
  right: calc((40px - 40px) / 2);
  /* @alternate */
  right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
  left: calc((40px - 40px) / 2);
  /* @alternate */
  left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
  width: 40px;
  /* @alternate */
  width: var(--mdc-checkbox-touch-target-size, 40px);
  height: 40px;
  /* @alternate */
  height: var(--mdc-checkbox-touch-target-size, 40px);
}
.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  background-color: transparent;
}
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: #3700B3;
  /* @alternate */
  border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
  background-color: #3700B3;
  /* @alternate */
  background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
}
@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF3700B300000000FF3700B3 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: #3700B3;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
    background-color: #3700B3;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
  }
}
@keyframes mdc-checkbox-fade-in-background-8A000000FF3700B300000000FF3700B3 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: #3700B3;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
    background-color: #3700B3;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
  }
}
@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF3700B300000000FF3700B3 {
  0%, 80% {
    border-color: #3700B3;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
    background-color: #3700B3;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
@keyframes mdc-checkbox-fade-out-background-8A000000FF3700B300000000FF3700B3 {
  0%, 80% {
    border-color: #3700B3;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
    background-color: #3700B3;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #3700B3));
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF3700B300000000FF3700B3;
          animation-name: mdc-checkbox-fade-in-background-8A000000FF3700B300000000FF3700B3;
}
.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF3700B300000000FF3700B3;
          animation-name: mdc-checkbox-fade-out-background-8A000000FF3700B300000000FF3700B3;
}
.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
  background-color: transparent;
}
.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
}
.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #FFF;
  /* @alternate */
  color: var(--mdc-checkbox-ink-color, #FFF);
}
.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  border-color: #FFF;
  /* @alternate */
  border-color: var(--mdc-checkbox-ink-color, #FFF);
}
.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #FFF;
  /* @alternate */
  color: var(--mdc-checkbox-ink-color, #FFF);
}
.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  border-color: #FFF;
  /* @alternate */
  border-color: var(--mdc-checkbox-ink-color, #FFF);
}

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
            animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
            animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
            animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
            animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
            animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
            animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
            animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
            animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
    opacity: 0;
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
  32.8%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
  32.8%, 100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
}
.mdc-checkbox {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
    border-color: GrayText;
    /* @alternate */
    border-color: var(--mdc-checkbox-disabled-color, GrayText);
    background-color: transparent;
  }

  .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
    border-color: GrayText;
    background-color: transparent;
    /* @alternate */
    background-color: var(--mdc-checkbox-disabled-color, transparent);
  }

  .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
    color: GrayText;
    /* @alternate */
    color: var(--mdc-checkbox-ink-color, GrayText);
  }
  .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: GrayText;
    /* @alternate */
    border-color: var(--mdc-checkbox-ink-color, GrayText);
  }

  .mdc-checkbox__mixedmark {
    margin: 0 1px;
  }
}
.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__background {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
  -webkit-transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1;
}

.mdc-checkbox__checkmark-path {
  -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385;
}

.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  -webkit-transform: scaleX(0) rotate(0deg);
          transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  -webkit-animation-duration: 180ms;
          animation-duration: 180ms;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
          animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
          animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
          animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
          animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
          animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
          animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
          animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  -webkit-transition: none;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
          animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background {
  -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke-dashoffset: 0;
}

.mdc-checkbox__native-control {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}
.mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox--touch {
  margin: calc((48px - 40px) / 2);
  /* @alternate */
  margin: calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
}
.mdc-checkbox--touch .mdc-checkbox__native-control {
  top: calc((40px - 48px) / 2);
  /* @alternate */
  top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
  right: calc((40px - 48px) / 2);
  /* @alternate */
  right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
  left: calc((40px - 48px) / 2);
  /* @alternate */
  left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
  width: 48px;
  /* @alternate */
  width: var(--mdc-checkbox-state-layer-size, 48px);
  height: 48px;
  /* @alternate */
  height: var(--mdc-checkbox-state-layer-size, 48px);
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(-45deg);
          transform: scaleX(1) rotate(-45deg);
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,
.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(0deg);
          transform: scaleX(1) rotate(0deg);
  opacity: 1;
}

.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-checkbox .mdc-checkbox__ripple::before,
.mdc-checkbox .mdc-checkbox__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-checkbox .mdc-checkbox__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-checkbox .mdc-checkbox__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox .mdc-checkbox__ripple::before,
.mdc-checkbox .mdc-checkbox__ripple::after {
  top: calc(50% - 50%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox {
  z-index: 0;
}
.mdc-checkbox .mdc-checkbox__ripple::before,
.mdc-checkbox .mdc-checkbox__ripple::after {
  z-index: -1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, -1);
}

.mdc-checkbox__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-dialog .mdc-dialog__surface {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
}
.mdc-dialog .mdc-dialog__scrim {
  background-color: rgba(0, 0, 0, 0.32);
}
.mdc-dialog .mdc-dialog__surface-scrim {
  background-color: rgba(0, 0, 0, 0.32);
}
.mdc-dialog .mdc-dialog__title {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-dialog .mdc-dialog__content {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-dialog .mdc-dialog__close {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
}
.mdc-dialog .mdc-dialog__close:hover .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, .mdc-dialog.mdc-dialog--scrollable.mdc-dialog-scroll-divider-footer .mdc-dialog__actions {
  border-color: rgba(0, 0, 0, 0.12);
}
.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 0;
}
.mdc-dialog.mdc-dialog-scroll-divider-header.mdc-dialog--fullscreen .mdc-dialog__header {
  /* @alternate */
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mdc-dialog .mdc-dialog__surface {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-medium, 4px);
}

.mdc-dialog__surface {
  /* @alternate */
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mdc-dialog__title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1.25rem;
  /* @alternate */
  font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  line-height: 2rem;
  /* @alternate */
  line-height: var(--mdc-typography-headline6-line-height, 2rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-headline6-font-weight, 500);
  letter-spacing: 0.0125em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
          text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
}

.mdc-dialog__content {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Ubuntu;
  /* @alternate */
  font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Ubuntu));
  font-size: 18px;
  /* @alternate */
  font-size: var(--mdc-typography-body1-font-size, 18px);
  line-height: 25px;
  /* @alternate */
  line-height: var(--mdc-typography-body1-line-height, 25px);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body1-font-weight, 400);
  letter-spacing: 0.36px;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.36px);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body1-text-transform, inherit);
}

.mdc-dialog__title-icon {
  /** Hook for theming API. */
}

.mdc-dialog,
.mdc-dialog__scrim {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.mdc-dialog {
  display: none;
  z-index: 7;
  /* @alternate */
  z-index: var(--mdc-dialog-z-index, 7);
}
.mdc-dialog .mdc-dialog__content {
  padding: 20px 24px 20px 24px;
}
.mdc-dialog .mdc-dialog__surface {
  min-width: 280px;
}
@media (max-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: calc(100vw - 32px);
  }
}
@media (min-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: 560px;
  }
}
.mdc-dialog .mdc-dialog__surface {
  max-height: calc(100% - 32px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mdc-dialog .mdc-dialog__container {
    /* stylelint-disable */
    /* stylelint-enable*/
  }
}
.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  max-width: none;
}
@media (max-width: 960px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-height: 560px;
    width: 560px;
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    right: -12px;
  }
}
@media (max-width: 720px) and (max-width: 672px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    width: calc(100vw - 112px);
  }
}
@media (max-width: 720px) and (min-width: 672px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    width: 560px;
  }
}
@media (max-width: 720px) and (max-height: 720px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-height: calc(100vh - 160px);
  }
}
@media (max-width: 720px) and (min-height: 720px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    max-height: 560px;
  }
}
@media (max-width: 720px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    right: -12px;
  }
}
@media (max-width: 720px) and (max-height: 400px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100vw;
    border-radius: 0;
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    left: -12px;
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
    padding: 0 16px 9px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
    margin-left: calc(16px - 2 * 12px);
  }
}
@media (max-width: 600px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100vw;
    border-radius: 0;
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    left: -12px;
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__header {
    padding: 0 16px 9px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__title {
    margin-left: calc(16px - 2 * 12px);
  }
}
@media (min-width: 960px) {
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
    width: calc(100vw - 400px);
  }
  .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
    right: -12px;
  }
}
.mdc-dialog.mdc-dialog__scrim--hidden .mdc-dialog__scrim {
  opacity: 0;
}

.mdc-dialog__scrim {
  opacity: 0;
  z-index: -1;
}

.mdc-dialog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
}

.mdc-dialog__surface {
  /* @alternate */
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
  overflow-y: auto;
}
.mdc-dialog__surface .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
}
[dir=rtl] .mdc-dialog__surface, .mdc-dialog__surface[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-dialog__surface {
    outline: 2px solid windowText;
  }
}
.mdc-dialog__surface::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .mdc-dialog__surface::before {
    content: none;
  }
}

.mdc-dialog__title {
  display: block;
  margin-top: 0;
  /* @alternate */
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 1px;
  padding: 0 24px 9px;
}
.mdc-dialog__title::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
[dir=rtl] .mdc-dialog__title, .mdc-dialog__title[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-dialog--scrollable .mdc-dialog__title {
  margin-bottom: 1px;
  padding-bottom: 15px;
}

.mdc-dialog--fullscreen .mdc-dialog__header {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 1px solid transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px 9px;
  z-index: 1;
}
.mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close {
  right: -12px;
}
.mdc-dialog--fullscreen .mdc-dialog__title {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 0;
}
.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__title {
  border-bottom: 0;
  margin-bottom: 0;
}
.mdc-dialog--fullscreen .mdc-dialog__close {
  top: 5px;
}
.mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
  border-top: 1px solid transparent;
}

.mdc-dialog__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mdc-dialog__content > :first-child {
  margin-top: 0;
}
.mdc-dialog__content > :last-child {
  margin-bottom: 0;
}

.mdc-dialog__title + .mdc-dialog__content,
.mdc-dialog__header + .mdc-dialog__content {
  padding-top: 0;
}

.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content {
  padding-top: 8px;
  padding-bottom: 8px;
}

.mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
  padding: 6px 0 0;
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-deprecated-list:first-child:last-child {
  padding: 0;
}

.mdc-dialog__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 52px;
  margin: 0;
  padding: 8px;
  border-top: 1px solid transparent;
}
.mdc-dialog--stacked .mdc-dialog__actions {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.mdc-dialog__button {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  max-width: 100%;
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
}
[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  /*rtl:end:ignore*/
}

.mdc-dialog__button:first-child {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
  /*rtl:end:ignore*/
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
  margin-top: 12px;
}

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdc-dialog--opening .mdc-dialog__scrim {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-dialog--opening .mdc-dialog__container {
  -webkit-transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container {
  -webkit-transition: opacity 75ms linear;
  transition: opacity 75ms linear;
}
.mdc-dialog--closing .mdc-dialog__container {
  -webkit-transform: none;
          transform: none;
}

.mdc-dialog--open .mdc-dialog__scrim {
  opacity: 1;
}
.mdc-dialog--open .mdc-dialog__container {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}
.mdc-dialog--open.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim {
  opacity: 1;
  z-index: 1;
}
.mdc-dialog--open.mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
  -webkit-transition: opacity 75ms linear;
  transition: opacity 75ms linear;
}
.mdc-dialog--open.mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}

.mdc-dialog__surface-scrim {
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.mdc-dialog__surface-scrim--shown .mdc-dialog__surface-scrim, .mdc-dialog__surface-scrim--showing .mdc-dialog__surface-scrim, .mdc-dialog__surface-scrim--hiding .mdc-dialog__surface-scrim {
  display: block;
}

.mdc-dialog-scroll-lock {
  overflow: hidden;
}

.mdc-drawer {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-large, 0);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-large, 0);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
  z-index: 6;
  width: 256px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  /* @noflip */
  /*rtl:ignore*/
  border-right-width: 1px;
  /* @noflip */
  /*rtl:ignore*/
  border-right-style: solid;
  overflow: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-drawer .mdc-drawer__title {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-drawer .mdc-deprecated-list-group__subheader {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-drawer__subtitle {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-deprecated-list-item__graphic {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-deprecated-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  color: #23036a;
}
.mdc-drawer .mdc-deprecated-list-item--activated {
  color: rgba(35, 3, 106, 0.87);
}
[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-large, 0);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-large, 0);
  /*rtl:end:ignore*/
}

.mdc-drawer .mdc-deprecated-list-item {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-small, 4px);
}
.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 256px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 256px;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-right-width: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-left-width: 1px;
  /* @noflip */
  /*rtl:ignore*/
  border-right-style: none;
  /* @noflip */
  /*rtl:ignore*/
  border-left-style: solid;
  /*rtl:end:ignore*/
}

.mdc-drawer .mdc-deprecated-list-item {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  line-height: 1.375rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  letter-spacing: 0.0071428571em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  height: calc(48px - 2 * 4px);
  margin: 8px 8px;
  padding: 0 8px;
}
.mdc-drawer .mdc-deprecated-list-item:nth-child(1) {
  margin-top: 2px;
}
.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1) {
  margin-bottom: 0;
}
.mdc-drawer .mdc-deprecated-list-group__subheader {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  padding: 0 16px;
}
.mdc-drawer .mdc-deprecated-list-group__subheader::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-drawer .mdc-deprecated-list-divider {
  margin: 3px 0 4px;
}
.mdc-drawer .mdc-deprecated-list-item__text,
.mdc-drawer .mdc-deprecated-list-item__graphic {
  pointer-events: none;
}

.mdc-drawer--animate {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /*rtl:end:ignore*/
}

.mdc-drawer--opening {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(0);
          transform: translateX(0);
  /*rtl:end:ignore*/
}

.mdc-drawer--closing {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /*rtl:end:ignore*/
}

.mdc-drawer__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 64px;
  padding: 0 16px 4px;
}

.mdc-drawer__title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1.25rem;
  /* @alternate */
  font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  line-height: 2rem;
  /* @alternate */
  line-height: var(--mdc-typography-headline6-line-height, 2rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-headline6-font-weight, 500);
  letter-spacing: 0.0125em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
          text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-drawer__title::before {
  display: inline-block;
  width: 0;
  height: 36px;
  content: "";
  vertical-align: 0;
}
.mdc-drawer__title::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-drawer__subtitle {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: 0;
}
.mdc-drawer__subtitle::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}

.mdc-drawer__content {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mdc-drawer--dismissible {
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
  display: none;
  position: absolute;
}
[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /*rtl:end:ignore*/
}

.mdc-drawer--dismissible.mdc-drawer--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdc-drawer-app-content {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  position: relative;
}
[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-drawer--modal {
  /* @alternate */
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
  display: none;
  position: fixed;
}
.mdc-drawer--modal + .mdc-drawer-scrim {
  background-color: rgba(0, 0, 0, 0.32);
}
[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /*rtl:end:ignore*/
}

.mdc-drawer--modal.mdc-drawer--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdc-drawer-scrim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-drawer--open + .mdc-drawer-scrim {
  display: block;
}
.mdc-drawer--animate + .mdc-drawer-scrim {
  opacity: 0;
}
.mdc-drawer--opening + .mdc-drawer-scrim {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  opacity: 1;
}
.mdc-drawer--closing + .mdc-drawer-scrim {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  opacity: 0;
}

.mdc-elevation--z0 {
  /* @alternate */
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z1 {
  /* @alternate */
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z2 {
  /* @alternate */
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z3 {
  /* @alternate */
  -webkit-box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z4 {
  /* @alternate */
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z5 {
  /* @alternate */
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z6 {
  /* @alternate */
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z7 {
  /* @alternate */
  -webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z8 {
  /* @alternate */
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z9 {
  /* @alternate */
  -webkit-box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z10 {
  /* @alternate */
  -webkit-box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z11 {
  /* @alternate */
  -webkit-box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z12 {
  /* @alternate */
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z13 {
  /* @alternate */
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z14 {
  /* @alternate */
  -webkit-box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z15 {
  /* @alternate */
  -webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z16 {
  /* @alternate */
  -webkit-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z17 {
  /* @alternate */
  -webkit-box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z18 {
  /* @alternate */
  -webkit-box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z19 {
  /* @alternate */
  -webkit-box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z20 {
  /* @alternate */
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z21 {
  /* @alternate */
  -webkit-box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z22 {
  /* @alternate */
  -webkit-box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z23 {
  /* @alternate */
  -webkit-box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mdc-elevation--z24 {
  /* @alternate */
  -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mdc-elevation-transition {
  -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}

.mdc-fab {
  /* @alternate */
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
  fill: currentColor;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  overflow: visible;
  -webkit-transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-fab .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
}
.mdc-fab::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-fab:hover {
  /* @alternate */
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-fab.mdc-ripple-upgraded--background-focused, .mdc-fab:not(.mdc-ripple-upgraded):focus {
  /* @alternate */
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active, .mdc-fab:focus:active {
  /* @alternate */
  -webkit-box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active, .mdc-fab:focus {
  outline: none;
}
.mdc-fab:hover {
  cursor: pointer;
}
.mdc-fab > svg {
  width: 100%;
}

.mdc-fab--mini {
  width: 40px;
  height: 40px;
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: 2.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-button-line-height, 2.25rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: 0.0892857143em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  text-decoration: none;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: uppercase;
  /* @alternate */
  text-transform: var(--mdc-typography-button-text-transform, uppercase);
  border-radius: 24px;
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 20px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 20px;
  width: auto;
  max-width: 100%;
  height: 48px;
  /* @alternate */
  line-height: normal;
}
.mdc-fab--extended .mdc-fab__ripple {
  border-radius: 24px;
}
.mdc-fab--extended .mdc-fab__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: calc(12px - 20px);
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
}
[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: calc(12px - 20px);
  /*rtl:end:ignore*/
}

.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: calc(12px - 20px);
}
[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: calc(12px - 20px);
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-fab--touch {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 4px;
}
.mdc-fab--touch .mdc-fab__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  /* @noflip */
  /*rtl:ignore*/
  left: 50%;
  width: 48px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mdc-fab::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.mdc-fab__label {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: visible;
}

.mdc-fab__icon {
  -webkit-transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  fill: currentColor;
  will-change: transform;
}

.mdc-fab .mdc-fab__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mdc-fab--exited {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
}
.mdc-fab--exited .mdc-fab__icon {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-fab {
  background-color: #3700B3;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #3700B3);
  /* @alternate */
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mdc-fab .mdc-fab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.mdc-fab, .mdc-fab:not(:disabled) .mdc-fab__icon, .mdc-fab:not(:disabled) .mdc-fab__label, .mdc-fab:disabled .mdc-fab__icon, .mdc-fab:disabled .mdc-fab__label {
  color: #FFF;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #FFF);
}
.mdc-fab:not(.mdc-fab--extended) {
  border-radius: 50%;
}
.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
  border-radius: 50%;
}

.mdc-fab {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-fab .mdc-fab__ripple::before,
.mdc-fab .mdc-fab__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-fab .mdc-fab__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-fab .mdc-fab__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-fab .mdc-fab__ripple::before,
.mdc-fab .mdc-fab__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after {
  background-color: #FFF;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-secondary, #FFF));
}
.mdc-fab:hover .mdc-fab__ripple::before, .mdc-fab.mdc-ripple-surface--hover .mdc-fab__ripple::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.08);
}
.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-fab.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-fab .mdc-fab__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.mdc-fab {
  z-index: 0;
}
.mdc-fab .mdc-fab__ripple::before,
.mdc-fab .mdc-fab__ripple::after {
  z-index: -1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, -1);
}

.mdc-floating-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  position: absolute;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform-origin: left top;
  /* @noflip */
  /*rtl:ignore*/
  transform-origin: left top;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  /* @alternate */
  will-change: transform;
  -webkit-transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform-origin: right top;
  /* @noflip */
  /*rtl:ignore*/
  transform-origin: right top;
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--required::after {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 1px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
  content: "*";
}
[dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 1px;
}

.mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}

.mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
          animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}
.mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.mdc-form-field > label {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 4px;
  /*rtl:end:ignore*/
}

.mdc-form-field--nowrap > label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.mdc-form-field--align-end > label {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 4px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: auto;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-form-field--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mdc-form-field--space-between > label {
  margin: 0;
}
[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
  /*rtl:begin:ignore*/
  margin: 0;
  /*rtl:end:ignore*/
}

.mdc-icon-button {
  font-size: 24px;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.mdc-icon-button.mdc-icon-button--reduced-size {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.mdc-icon-button.mdc-icon-button--reduced-size.mdc-icon-button--touch {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 4px;
}
.mdc-icon-button .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  /* @noflip */
  /*rtl:ignore*/
  left: 50%;
  width: 48px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mdc-icon-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
}
.mdc-icon-button svg,
.mdc-icon-button img {
  width: 24px;
  height: 24px;
}

.mdc-icon-button {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: visible;
}
.mdc-icon-button .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  /* @noflip */
  /*rtl:ignore*/
  left: 50%;
  width: 48px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mdc-icon-button:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-icon-button--display-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mdc-icon-button__icon {
  display: inline-block;
}
.mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: none;
}

.mdc-icon-button--touch {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mdc-icon-button--on .mdc-icon-button__icon {
  display: none;
}
.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: inline-block;
}

.mdc-icon-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-icon-button .mdc-icon-button__ripple::before,
.mdc-icon-button .mdc-icon-button__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-icon-button .mdc-icon-button__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-icon-button .mdc-icon-button__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-button__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button .mdc-icon-button__ripple::before,
.mdc-icon-button .mdc-icon-button__ripple::after {
  top: calc(50% - 50%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::before,
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button .mdc-icon-button__ripple::before, .mdc-icon-button .mdc-icon-button__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-icon-button:hover .mdc-icon-button__ripple::before, .mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-icon-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-icon-button .mdc-icon-button__ripple {
  pointer-events: none;
  z-index: 1;
}

:root {
  --mdc-layout-grid-margin-desktop: 24px;
  --mdc-layout-grid-gutter-desktop: 24px;
  --mdc-layout-grid-column-width-desktop: 72px;
  --mdc-layout-grid-margin-tablet: 16px;
  --mdc-layout-grid-gutter-tablet: 16px;
  --mdc-layout-grid-column-width-tablet: 72px;
  --mdc-layout-grid-margin-phone: 16px;
  --mdc-layout-grid-gutter-phone: 16px;
  --mdc-layout-grid-column-width-phone: 72px;
}

@media (min-width: 840px) {
  .mdc-layout-grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    padding: var(--mdc-layout-grid-margin-desktop, 24px);
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-tablet, 16px);
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-phone, 16px);
  }
}

@media (min-width: 840px) {
  .mdc-layout-grid__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: -12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: grid;
      margin: 0;
      grid-gap: 24px;
      grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: grid;
      margin: 0;
      grid-gap: 16px;
      grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: grid;
      margin: 0;
      grid-gap: 16px;
      grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}

@media (min-width: 840px) {
  .mdc-layout-grid__cell {
    width: calc(33.3333333333% - 24px);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-desktop {
    width: calc(8.3333333333% - 24px);
    width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-desktop {
      width: auto;
      grid-column-end: span 1;
    }
  }

  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-desktop {
    width: calc(16.6666666667% - 24px);
    width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-desktop {
      width: auto;
      grid-column-end: span 2;
    }
  }

  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-desktop {
    width: calc(25% - 24px);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-desktop {
      width: auto;
      grid-column-end: span 3;
    }
  }

  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-desktop {
    width: calc(33.3333333333% - 24px);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-desktop {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-desktop {
    width: calc(41.6666666667% - 24px);
    width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-desktop {
      width: auto;
      grid-column-end: span 5;
    }
  }

  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-desktop {
    width: calc(50% - 24px);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-desktop {
      width: auto;
      grid-column-end: span 6;
    }
  }

  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-desktop {
    width: calc(58.3333333333% - 24px);
    width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-desktop {
      width: auto;
      grid-column-end: span 7;
    }
  }

  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-desktop {
    width: calc(66.6666666667% - 24px);
    width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-desktop {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-desktop {
    width: calc(75% - 24px);
    width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-desktop {
      width: auto;
      grid-column-end: span 9;
    }
  }

  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-desktop {
    width: calc(83.3333333333% - 24px);
    width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-desktop {
      width: auto;
      grid-column-end: span 10;
    }
  }

  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-desktop {
    width: calc(91.6666666667% - 24px);
    width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-desktop {
      width: auto;
      grid-column-end: span 11;
    }
  }

  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-desktop {
    width: calc(100% - 24px);
    width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-desktop {
      width: auto;
      grid-column-end: span 12;
    }
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid__cell {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-tablet {
    width: calc(12.5% - 16px);
    width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-tablet {
      width: auto;
      grid-column-end: span 1;
    }
  }

  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-tablet {
    width: calc(25% - 16px);
    width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-tablet {
      width: auto;
      grid-column-end: span 2;
    }
  }

  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-tablet {
    width: calc(37.5% - 16px);
    width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-tablet {
      width: auto;
      grid-column-end: span 3;
    }
  }

  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-tablet {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-tablet {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-tablet {
    width: calc(62.5% - 16px);
    width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-tablet {
      width: auto;
      grid-column-end: span 5;
    }
  }

  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-tablet {
    width: calc(75% - 16px);
    width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-tablet {
      width: auto;
      grid-column-end: span 6;
    }
  }

  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-tablet {
    width: calc(87.5% - 16px);
    width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-tablet {
      width: auto;
      grid-column-end: span 7;
    }
  }

  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid__cell {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-phone {
    width: calc(25% - 16px);
    width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-phone {
      width: auto;
      grid-column-end: span 1;
    }
  }

  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-phone {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-phone {
      width: auto;
      grid-column-end: span 2;
    }
  }

  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-phone {
    width: calc(75% - 16px);
    width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-phone {
      width: auto;
      grid-column-end: span 3;
    }
  }

  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }
}
.mdc-layout-grid__cell--order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mdc-layout-grid__cell--order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mdc-layout-grid__cell--order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.mdc-layout-grid__cell--order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.mdc-layout-grid__cell--order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.mdc-layout-grid__cell--order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.mdc-layout-grid__cell--order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.mdc-layout-grid__cell--order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.mdc-layout-grid__cell--order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.mdc-layout-grid__cell--order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.mdc-layout-grid__cell--order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.mdc-layout-grid__cell--order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.mdc-layout-grid__cell--align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@supports (display: grid) {
  .mdc-layout-grid__cell--align-top {
    -ms-flex-item-align: start;
        align-self: start;
  }
}
.mdc-layout-grid__cell--align-middle {
  -ms-flex-item-align: center;
      align-self: center;
}
.mdc-layout-grid__cell--align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@supports (display: grid) {
  .mdc-layout-grid__cell--align-bottom {
    -ms-flex-item-align: end;
        align-self: end;
  }
}

@media (min-width: 840px) {
  .mdc-layout-grid--fixed-column-width {
    width: 1176px;
    width: calc(
    var(--mdc-layout-grid-column-width-desktop, 72px) * 12 +
      var(--mdc-layout-grid-gutter-desktop, 24px) * 11 +
      var(--mdc-layout-grid-margin-desktop, 24px) * 2
  );
  }
}
@media (min-width: 600px) and (max-width: 839px) {
  .mdc-layout-grid--fixed-column-width {
    width: 720px;
    width: calc(
    var(--mdc-layout-grid-column-width-tablet, 72px) * 8 +
      var(--mdc-layout-grid-gutter-tablet, 16px) * 7 +
      var(--mdc-layout-grid-margin-tablet, 16px) * 2
  );
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid--fixed-column-width {
    width: 368px;
    width: calc(
    var(--mdc-layout-grid-column-width-phone, 72px) * 4 +
      var(--mdc-layout-grid-gutter-phone, 16px) * 3 +
      var(--mdc-layout-grid-margin-phone, 16px) * 2
  );
  }
}

.mdc-layout-grid--align-left {
  margin-right: auto;
  margin-left: 0;
}

.mdc-layout-grid--align-right {
  margin-right: 0;
  margin-left: auto;
}

.mdc-line-ripple::before, .mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
  z-index: 1;
}
.mdc-line-ripple::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  border-bottom-width: 2px;
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple::after {
  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-line-ripple--active::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating::after {
  opacity: 0;
}

@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  59.15% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(83.67142%);
            transform: translateX(83.67142%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
            transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  }
  100% {
    -webkit-transform: translateX(200.611057%);
            transform: translateX(200.611057%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
            transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  }
}

@keyframes mdc-linear-progress-primary-indeterminate-translate {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  59.15% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(83.67142%);
            transform: translateX(83.67142%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
            transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  }
  100% {
    -webkit-transform: translateX(200.611057%);
            transform: translateX(200.611057%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
            transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  }
}
@-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale {
  0% {
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
  36.65% {
    -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
            animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
  69.15% {
    -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
            animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    -webkit-transform: scaleX(0.661479);
            transform: scaleX(0.661479);
  }
  100% {
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
}
@keyframes mdc-linear-progress-primary-indeterminate-scale {
  0% {
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
  36.65% {
    -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
            animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
  69.15% {
    -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
            animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    -webkit-transform: scaleX(0.661479);
            transform: scaleX(0.661479);
  }
  100% {
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
}
@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
            animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
            animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: translateX(37.651913%);
            transform: translateX(37.651913%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
            transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  }
  48.35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
            animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: translateX(84.386165%);
            transform: translateX(84.386165%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
            transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  }
  100% {
    -webkit-transform: translateX(160.277782%);
            transform: translateX(160.277782%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
            transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  }
}
@keyframes mdc-linear-progress-secondary-indeterminate-translate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
            animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
            animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: translateX(37.651913%);
            transform: translateX(37.651913%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
            transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  }
  48.35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
            animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: translateX(84.386165%);
            transform: translateX(84.386165%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
            transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  }
  100% {
    -webkit-transform: translateX(160.277782%);
            transform: translateX(160.277782%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
            transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  }
}
@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
            animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
  19.15% {
    -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
            animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
    -webkit-transform: scaleX(0.457104);
            transform: scaleX(0.457104);
  }
  44.15% {
    -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
            animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
    -webkit-transform: scaleX(0.72796);
            transform: scaleX(0.72796);
  }
  100% {
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
}
@keyframes mdc-linear-progress-secondary-indeterminate-scale {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
            animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
  19.15% {
    -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
            animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
    -webkit-transform: scaleX(0.457104);
            transform: scaleX(0.457104);
  }
  44.15% {
    -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
            animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
    -webkit-transform: scaleX(0.72796);
            transform: scaleX(0.72796);
  }
  100% {
    -webkit-transform: scaleX(0.08);
            transform: scaleX(0.08);
  }
}
@-webkit-keyframes mdc-linear-progress-buffering {
  from {
    -webkit-transform: rotate(180deg) translateX(-10px);
            transform: rotate(180deg) translateX(-10px);
  }
}
@keyframes mdc-linear-progress-buffering {
  from {
    -webkit-transform: rotate(180deg) translateX(-10px);
            transform: rotate(180deg) translateX(-10px);
  }
}
@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  59.15% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(-83.67142%);
            transform: translateX(-83.67142%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
            transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  }
  100% {
    -webkit-transform: translateX(-200.611057%);
            transform: translateX(-200.611057%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
            transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  }
}
@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  59.15% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(-83.67142%);
            transform: translateX(-83.67142%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
            transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  }
  100% {
    -webkit-transform: translateX(-200.611057%);
            transform: translateX(-200.611057%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
            transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  }
}
@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
            animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
            animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: translateX(-37.651913%);
            transform: translateX(-37.651913%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
            transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  }
  48.35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
            animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: translateX(-84.386165%);
            transform: translateX(-84.386165%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
            transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  }
  100% {
    -webkit-transform: translateX(-160.277782%);
            transform: translateX(-160.277782%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
            transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  }
}
@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
            animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
            animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    -webkit-transform: translateX(-37.651913%);
            transform: translateX(-37.651913%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
            transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  }
  48.35% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
            animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    -webkit-transform: translateX(-84.386165%);
            transform: translateX(-84.386165%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
            transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  }
  100% {
    -webkit-transform: translateX(-160.277782%);
            transform: translateX(-160.277782%);
    /* @alternate */
    -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
            transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  }
}
@-webkit-keyframes mdc-linear-progress-buffering-reverse {
  from {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@keyframes mdc-linear-progress-buffering-reverse {
  from {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
.mdc-linear-progress {
  position: relative;
  width: 100%;
  height: 4px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  outline: 1px solid transparent;
  overflow: hidden;
  -webkit-transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-linear-progress__bar {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: none;
          animation: none;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-linear-progress__bar-inner {
  display: inline-block;
  position: absolute;
  width: 100%;
  -webkit-animation: none;
          animation: none;
  border-top: 4px solid;
}
.mdc-linear-progress__buffer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
}
.mdc-linear-progress__buffer-dots {
  background-repeat: repeat-x;
  background-size: 10px 4px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation: mdc-linear-progress-buffering 250ms infinite linear;
          animation: mdc-linear-progress-buffering 250ms infinite linear;
}
.mdc-linear-progress__buffer-bar {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-transition: -webkit-flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -ms-flex-preferred-size 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-linear-progress__primary-bar {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.mdc-linear-progress__secondary-bar {
  display: none;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  -webkit-transition: none;
  transition: none;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  left: -145.166611%;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  left: -54.888891%;
  display: block;
}
.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  -webkit-animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
          animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
}
.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  -webkit-animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
          animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
}
.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  -webkit-animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
          animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
}
.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  -webkit-animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
          animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
}
[dir=rtl] .mdc-linear-progress, .mdc-linear-progress[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar {
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform-origin: center right;
  /* @noflip */
  /*rtl:ignore*/
  transform-origin: center right;
}
[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
          animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
}
[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
          animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
}
[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots {
  -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
          animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  /* @noflip */
  /*rtl:ignore*/
  right: -145.166611%;
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
}
[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  /* @noflip */
  /*rtl:ignore*/
  right: -54.888891%;
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
}

.mdc-linear-progress--closed {
  opacity: 0;
}
.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots {
  -webkit-animation: none;
          animation: none;
}
.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,
.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
  -webkit-animation: none;
          animation: none;
}

.mdc-linear-progress__bar-inner {
  border-color: #23036A;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #23036A);
}

.mdc-linear-progress__buffer-dots {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
}

.mdc-linear-progress__buffer-bar {
  background-color: #e6e6e6;
}

.mdc-deprecated-list {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  /* @alternate */
  line-height: 25px;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mdc-deprecated-list:focus {
  outline: none;
}

.mdc-deprecated-list-item {
  height: 48px;
}

.mdc-deprecated-list-item__secondary-text {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-deprecated-list-item__graphic {
  background-color: transparent;
}

.mdc-deprecated-list-item__graphic {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-deprecated-list-item__meta {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-deprecated-list-group__subheader {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text {
  opacity: 0.38;
}

.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text,
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text,
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-deprecated-list-item--selected,
.mdc-deprecated-list-item--activated {
  color: #23036A;
  /* @alternate */
  color: var(--mdc-theme-primary, #23036A);
}
.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  color: #23036A;
  /* @alternate */
  color: var(--mdc-theme-primary, #23036A);
}

.mdc-deprecated-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.812rem;
}

.mdc-deprecated-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  padding: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  height: 48px;
}
.mdc-deprecated-list-item:focus {
  outline: none;
}
.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before, .mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px double transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
[dir=rtl] .mdc-deprecated-list-item, .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  height: 56px;
}
[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  height: 56px;
}
[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  height: 56px;
}
[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--image-list .mdc-deprecated-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  height: 72px;
}
[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--video-list .mdc-deprecated-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  height: 72px;
}
[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  width: 20px;
  height: 20px;
}
[dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list-item__graphic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  fill: currentColor;
  -o-object-fit: cover;
     object-fit: cover;
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 32px;
  width: 24px;
  height: 24px;
}
[dir=rtl] .mdc-deprecated-list-item__graphic, .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 32px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 32px;
  width: 24px;
  height: 24px;
}
[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 32px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  width: 40px;
  height: 40px;
}
[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  width: 56px;
  height: 56px;
}
[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  width: 100px;
  height: 56px;
}
[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list .mdc-deprecated-list-item__graphic {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mdc-deprecated-list-item__meta {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
.mdc-deprecated-list-item__meta:not(.material-icons) {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
}
.mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta, [dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: auto;
}

.mdc-deprecated-list-item__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-deprecated-list-item__text[for] {
  pointer-events: none;
}

.mdc-deprecated-list-item__primary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-deprecated-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-deprecated-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-deprecated-list-item__secondary-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-deprecated-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}
.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text {
  font-size: inherit;
}

.mdc-deprecated-list--dense .mdc-deprecated-list-item {
  height: 40px;
}

.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.mdc-deprecated-list--two-line .mdc-deprecated-list-item {
  height: 64px;
}
.mdc-deprecated-list--two-line.mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
  height: 72px;
}
.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 16px;
}

.mdc-deprecated-list--two-line.mdc-deprecated-list--dense .mdc-deprecated-list-item,
.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item {
  height: 60px;
}

.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  width: 36px;
  height: 36px;
}
[dir=rtl] .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
  cursor: pointer;
}

a.mdc-deprecated-list-item {
  color: inherit;
  text-decoration: none;
}

.mdc-deprecated-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mdc-deprecated-list-divider {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-deprecated-list-divider--padded {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--padded[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list-divider--inset {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-deprecated-list-divider--inset, .mdc-deprecated-list-divider--inset[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 72px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 72px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 88px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 88px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 88px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 104px);
}
[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 88px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 116px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 116px);
}
[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 116px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 116px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 132px);
}
[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 116px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 0px);
}
[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
  /*rtl:end:ignore*/
}

.mdc-deprecated-list-group .mdc-deprecated-list {
  padding: 0;
}

.mdc-deprecated-list-group__subheader {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  margin: calc((3rem - 25px) / 2) 16px;
}

.mdc-list-item__primary-text {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-item__secondary-text {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__overline-text {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  background-color: transparent;
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__end {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--disabled .mdc-list-item__start,
.mdc-list-item--disabled .mdc-list-item__content,
.mdc-list-item--disabled .mdc-list-item__end {
  opacity: 0.38;
}

.mdc-list-item--disabled .mdc-list-item__primary-text {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__secondary-text {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__overline-text {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-list-item--activated .mdc-list-item__primary-text {
  color: #23036A;
  /* @alternate */
  color: var(--mdc-theme-primary, #23036A);
}
.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #23036A;
  /* @alternate */
  color: var(--mdc-theme-primary, #23036A);
}

.mdc-deprecated-list-group__subheader {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-list-divider::after {
    content: "";
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
  }
}
.mdc-list {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  /* @alternate */
  line-height: 25px;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
}
.mdc-list:focus {
  outline: none;
}

.mdc-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  cursor: pointer;
}
.mdc-list-item:focus {
  outline: none;
}
.mdc-list-item.mdc-list-item--with-one-line {
  height: 48px;
}
.mdc-list-item.mdc-list-item--with-two-lines {
  height: 64px;
}
.mdc-list-item.mdc-list-item--with-three-lines {
  height: 88px;
}
.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 0;
}
.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 16px;
}
.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 16px;
}
.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 0;
}
.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 0;
}
.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 16px;
}
.mdc-list-item.mdc-list-item--disabled, .mdc-list-item.mdc-list-item--non-interactive {
  cursor: auto;
}
.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
.mdc-list-item.mdc-list-item--selected::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px double transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
.mdc-list-item.mdc-list-item--selected:focus::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

a.mdc-list-item {
  color: inherit;
  text-decoration: none;
}

.mdc-list-item__start {
  fill: currentColor;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  pointer-events: none;
}

.mdc-list-item__end {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  pointer-events: none;
}

.mdc-list-item__content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  pointer-events: none;
}
.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.mdc-list-item__content[for] {
  pointer-events: none;
}

.mdc-list-item__primary-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-list-item__secondary-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {
  white-space: normal;
  line-height: 20px;
}
.mdc-list-item--with-overline .mdc-list-item__secondary-text {
  white-space: nowrap;
  line-height: auto;
}

.mdc-list-item__overline-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-overline-font-size, 0.75rem);
  line-height: 2rem;
  /* @alternate */
  line-height: var(--mdc-typography-overline-line-height, 2rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-overline-font-weight, 500);
  letter-spacing: 0.1666666667em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
  text-decoration: none;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
          text-decoration: var(--mdc-typography-overline-text-decoration, none);
  text-transform: uppercase;
  /* @alternate */
  text-transform: var(--mdc-typography-overline-text-transform, uppercase);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-three-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-three-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-three-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-list-item--with-leading-avatar.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item, .mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-avatar .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start, .mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-avatar .mdc-list-item__start {
  width: 40px;
  height: 40px;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line {
  height: 56px;
}
.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
  height: 72px;
}
.mdc-list-item--with-leading-avatar .mdc-list-item__start {
  border-radius: 50%;
}

.mdc-list-item--with-leading-icon .mdc-list-item__start {
  width: 24px;
  height: 24px;
}
.mdc-list-item--with-leading-icon.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item, .mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-icon .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 32px;
}
[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 32px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item, .mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start, .mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
  width: 40px;
  height: 40px;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line {
  height: 56px;
}
.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines {
  height: 72px;
}

.mdc-list-item--with-leading-image.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item, .mdc-list-item--with-leading-image.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-image .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start, .mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-image .mdc-list-item__start {
  width: 56px;
  height: 56px;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-one-line {
  height: 72px;
}
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines {
  height: 72px;
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 8px;
}
.mdc-list-item--with-leading-video.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item, .mdc-list-item--with-leading-video.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-video .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start, .mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-video .mdc-list-item__start {
  width: 100px;
  height: 56px;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-one-line {
  height: 72px;
}
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines {
  height: 72px;
}

.mdc-list-item--with-leading-checkbox.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item, .mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 24px;
}
[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start, .mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 24px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
  width: 40px;
  height: 40px;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 8px;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line {
  height: 56px;
}
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines {
  height: 72px;
}

.mdc-list-item--with-leading-radio.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item, .mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-radio .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 24px;
}
[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start, .mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 24px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-radio .mdc-list-item__start {
  width: 40px;
  height: 40px;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 8px;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line {
  height: 56px;
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines {
  height: 72px;
}

.mdc-list-item--with-leading-switch.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item, .mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-switch .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start, .mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-leading-switch .mdc-list-item__start {
  width: 36px;
  height: 20px;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 16px;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line {
  height: 56px;
}
.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines {
  height: 72px;
}

.mdc-list-item--with-trailing-icon.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item, .mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end, .mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  width: 24px;
  height: 24px;
}

.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 0;
}
.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 0;
}
.mdc-list-item--with-trailing-meta.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item, .mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 28px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end, .mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 28px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
}

.mdc-list-item--with-trailing-checkbox.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item, .mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 24px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
}
[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end, .mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 24px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
  width: 40px;
  height: 40px;
}
.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 8px;
}

.mdc-list-item--with-trailing-radio.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item, .mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-radio .mdc-list-item__end {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 24px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
}
[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end, .mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 24px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-radio .mdc-list-item__end {
  width: 40px;
  height: 40px;
}
.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 8px;
}

.mdc-list-item--with-trailing-switch.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item, .mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-switch .mdc-list-item__end {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
}
[dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end, .mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-item--with-trailing-switch .mdc-list-item__end {
  width: 36px;
  height: 20px;
}
.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 16px;
}

.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}

.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
}
[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-group .mdc-deprecated-list {
  padding: 0;
}

.mdc-list-group__subheader {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  margin: calc((3rem - 25px) / 2) 16px;
}

.mdc-list-divider {
  background-color: rgba(0, 0, 0, 0.12);
}

.mdc-list-divider {
  height: 1px;
  padding: 0;
  background-clip: content-box;
}

.mdc-list-divider.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset, .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-list-divider.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
}
[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset, .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
  /*rtl:end:ignore*/
}

.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset, .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0px;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-list-divider, .mdc-list-divider[dir=rtl] {
  /*rtl:begin:ignore*/
  padding: 0;
  /*rtl:end:ignore*/
}

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before {
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-activated-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
  opacity: 0.16;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.16);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before {
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-activated-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  opacity: 0.16;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.16);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-selected-opacity, 0.08);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.2;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.2);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.2;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.2);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-selected-opacity, 0.08);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.12);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.2;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.2);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.2;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.2);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
}
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-deprecated-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple,
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

:not(.mdc-list-item--disabled).mdc-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-activated-opacity, 0.12);
}
:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  opacity: 0.16;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.16);
}
:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}
:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-selected-opacity, 0.08);
}
:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.12);
}
:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.2;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.2);
}
:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.2;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.2);
}
:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mdc-list-item--disabled .mdc-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-list-item--disabled .mdc-list-item__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-list-item--disabled .mdc-list-item__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mdc-list-item--disabled .mdc-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mdc-list-item--disabled .mdc-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-list-item--disabled .mdc-list-item__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-menu-surface {
  display: none;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: calc(100vw - 32px);
  /* @alternate */
  max-width: var(--mdc-menu-max-width, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  /* @alternate */
  max-height: var(--mdc-menu-max-height, calc(100vh - 32px));
  margin: 0;
  padding: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  opacity: 0;
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  -webkit-transition: opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  /* @alternate */
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-medium, 4px);
  /* @noflip */
  /*rtl:ignore*/
  transform-origin-left: top left;
  /* @noflip */
  /*rtl:ignore*/
  transform-origin-right: top right;
}
.mdc-menu-surface:focus {
  outline: none;
}
.mdc-menu-surface--animating-open {
  display: inline-block;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
.mdc-menu-surface--open {
  display: inline-block;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.mdc-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  -webkit-transition: opacity 0.075s linear;
  transition: opacity 0.075s linear;
}
[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  transform-origin-left: top right;
  /* @noflip */
  /*rtl:ignore*/
  transform-origin-right: top left;
  /*rtl:end:ignore*/
}

.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible;
}

.mdc-menu-surface--fixed {
  position: fixed;
}

.mdc-menu-surface--fullwidth {
  width: 100%;
}

.mdc-notched-outline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
  pointer-events: none;
}
[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
}
.mdc-notched-outline__leading {
  /* @noflip */
  /*rtl:ignore*/
  border-left: 1px solid;
  /* @noflip */
  /*rtl:ignore*/
  border-right: none;
  width: 12px;
}
[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-left: none;
  /* @noflip */
  /*rtl:ignore*/
  border-right: 1px solid;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__trailing {
  /* @noflip */
  /*rtl:ignore*/
  border-left: none;
  /* @noflip */
  /*rtl:ignore*/
  border-right: 1px solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-left: 1px solid;
  /* @noflip */
  /*rtl:ignore*/
  border-right: none;
  /*rtl:end:ignore*/
}

.mdc-notched-outline__notch {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px * 2);
}
.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: 133.3333333333%;
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 8px;
  border-top: none;
}
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  display: none;
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-ripple-surface::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded],
.mdc-ripple-upgraded--unbounded {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,
.mdc-ripple-upgraded--unbounded::before,
.mdc-ripple-upgraded--unbounded::after {
  top: calc(50% - 50%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,
.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #000);
}
.mdc-ripple-surface:hover::before, .mdc-ripple-surface.mdc-ripple-surface--hover::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}

.mdc-select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-select.mdc-select--disabled .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: rgba(35, 3, 106, 0.87);
}
.mdc-select.mdc-select--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  fill: rgba(0, 0, 0, 0.54);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  fill: #23036A;
  /* @alternate */
  fill: var(--mdc-theme-primary, #23036A);
}
.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  fill: rgba(0, 0, 0, 0.38);
}
.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-select.mdc-select--disabled .mdc-select__icon {
  color: rgba(0, 0, 0, 0.38);
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-select.mdc-select--disabled .mdc-select__selected-text {
    color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
    fill: red;
  }
  .mdc-select.mdc-select--disabled .mdc-floating-label {
    color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
    border-bottom-color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
    border-color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-select__icon {
    color: GrayText;
  }
  .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
    color: GrayText;
  }
}
.mdc-select .mdc-floating-label {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.mdc-select .mdc-select__anchor {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-select .mdc-select__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.mdc-select .mdc-select__dropdown-icon {
  width: 24px;
  height: 24px;
}
.mdc-select .mdc-select__menu .mdc-deprecated-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
}
[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item, .mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
}
[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic, .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-select__dropdown-icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  pointer-events: none;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  position: absolute;
  top: 0;
  left: 0;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
  width: 41.6666666667%;
  height: 20.8333333333%;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  opacity: 1;
  -webkit-transition: opacity 75ms linear 75ms;
  transition: opacity 75ms linear 75ms;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  opacity: 0;
  -webkit-transition: opacity 75ms linear;
  transition: opacity 75ms linear;
}
[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  opacity: 0;
  -webkit-transition: opacity 49.5ms linear;
  transition: opacity 49.5ms linear;
}
.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  opacity: 1;
  -webkit-transition: opacity 100.5ms linear 49.5ms;
  transition: opacity 100.5ms linear 49.5ms;
}

.mdc-select__anchor {
  width: 200px;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
.mdc-select__anchor .mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}

.mdc-select__selected-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 28px;
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  color: inherit;
}

.mdc-select__selected-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
}
[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  fill: #b00020;
  /* @alternate */
  fill: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  fill: #b00020;
  /* @alternate */
  fill: var(--mdc-theme-error, #b00020);
}
.mdc-select--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-select__menu .mdc-deprecated-list .mdc-select__icon,
.mdc-select__menu .mdc-list .mdc-select__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, [dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl], .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,
.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,
.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-select__menu .mdc-list-item__start {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mdc-select__option {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
}
[dir=rtl] .mdc-select__option, .mdc-select__option[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-select__one-line-option.mdc-list-item--with-one-line {
  height: 48px;
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines {
  height: 64px;
}
.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start {
  margin-top: 20px;
}
.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
  display: inline-block;
  width: 0;
  height: 36px;
  content: "";
  vertical-align: 0;
}

.mdc-select__option-with-leading-content {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
.mdc-select__option-with-leading-content.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
}
[dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item, .mdc-select__option-with-leading-content.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-select__option-with-leading-content .mdc-list-item__start {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start, .mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-select__option-with-leading-content .mdc-list-item__start {
  width: 36px;
  height: 24px;
}
[dir=rtl] .mdc-select__option-with-leading-content, .mdc-select__option-with-leading-content[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-select__option-with-meta.mdc-list-item {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-select__option-with-meta.mdc-list-item, .mdc-select__option-with-meta.mdc-list-item[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: auto;
  /*rtl:end:ignore*/
}

.mdc-select__option-with-meta .mdc-list-item__end {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
}
[dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end, .mdc-select__option-with-meta .mdc-list-item__end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-select--filled .mdc-select__anchor {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.mdc-select--filled .mdc-select__anchor::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {
  content: "​";
}
.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container {
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before {
  display: none;
}
.mdc-select--filled .mdc-select__anchor {
  border-top-left-radius: 4px;
  /* @alternate */
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  /* @alternate */
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: whitesmoke;
}
.mdc-select--filled.mdc-select--disabled .mdc-select__anchor {
  background-color: #fafafa;
}
.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
  border-bottom-color: #23036A;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-primary, #23036A);
}
.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-select--filled .mdc-floating-label {
  max-width: calc(100% - 64px);
}
.mdc-select--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}
.mdc-select--filled .mdc-menu-surface--is-open-below {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after {
  -webkit-transform: scale(1, 2);
          transform: scale(1, 2);
  opacity: 1;
}
.mdc-select--filled .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 16px;
  /*rtl:end:ignore*/
}

.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 48px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 48px;
  /*rtl:end:ignore*/
}

.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  max-width: calc(100% - 96px);
}
.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 96px / 0.75);
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--outlined {
  border: none;
}
.mdc-select--outlined .mdc-select__anchor {
  height: 56px;
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  -webkit-transform: translateY(-37.25px) scale(1);
          transform: translateY(-37.25px) scale(1);
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-34.75px) scale(0.75);
          transform: translateY(-34.75px) scale(0.75);
}
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
  /*rtl:end:ignore*/
}

@supports (top: 0%) {
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(12px, var(--mdc-shape-small, 4px));
  }
}
@supports (top: 0%) {
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  }
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
  /*rtl:end:ignore*/
}

@supports (top: 0%) {
  .mdc-select--outlined .mdc-select__anchor {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /*rtl:end:ignore*/
}
@supports (top: 0%) {
  [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

@supports (top: 0%) {
  .mdc-select--outlined + .mdc-select-helper-text {
    /* @noflip */
    /*rtl:ignore*/
    margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /*rtl:end:ignore*/
}
@supports (top: 0%) {
  [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
    /* @noflip */
    /*rtl:ignore*/
    margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent;
}
.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
  background-color: transparent;
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #23036A;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #23036A);
}
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}
.mdc-select--outlined .mdc-select__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  overflow: visible;
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  -webkit-transform: translateY(-37.25px) scale(1);
          transform: translateY(-37.25px) scale(1);
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-34.75px) scale(0.75);
          transform: translateY(-34.75px) scale(0.75);
}
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 1px;
}
.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
  content: "​";
}
.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container {
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mdc-select--outlined .mdc-select__anchor::before {
  display: none;
}
.mdc-select--outlined .mdc-select__selected-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  z-index: 1;
  background-color: transparent;
}
.mdc-select--outlined .mdc-select__icon {
  z-index: 2;
}
.mdc-select--outlined .mdc-floating-label {
  line-height: 1.15rem;
  /* @noflip */
  /*rtl:ignore*/
  left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 4px;
  /*rtl:end:ignore*/
}

.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 2px;
}
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 36px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 36px;
  /*rtl:end:ignore*/
}

.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
          transform: translateY(-37.25px) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
          transform: translateY(-37.25px) translateX(32px) scale(1);
  /*rtl:end:ignore*/
}

.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
          transform: translateY(-34.75px) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
          transform: translateY(-34.75px) translateX(32px) scale(0.75);
  /*rtl:end:ignore*/
}

.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}
.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 96px);
}
.mdc-select--outlined .mdc-menu-surface {
  margin-bottom: 8px;
}
.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,
.mdc-select--outlined .mdc-menu-surface--is-open-below {
  margin-bottom: 0;
}

.mdc-select__anchor {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-select__anchor .mdc-select__ripple::before,
.mdc-select__anchor .mdc-select__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-select__anchor .mdc-select__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-select__anchor .mdc-select__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select__anchor .mdc-select__ripple::before,
.mdc-select__anchor .mdc-select__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-select__anchor .mdc-select__ripple::before,
.mdc-select__anchor .mdc-select__ripple::after {
  background-color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
}
.mdc-select__anchor:hover .mdc-select__ripple::before, .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-select__anchor .mdc-select__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}

.mdc-select-helper-text {
  margin: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-select-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-select-helper-text--validation-msg {
  opacity: 0;
  -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-select--invalid + .mdc-select-helper-text--validation-msg,
.mdc-select-helper-text--validation-msg-persistent {
  opacity: 1;
}

.mdc-select--with-leading-icon .mdc-select__icon {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  background-color: transparent;
  fill: currentColor;
}
.mdc-select--with-leading-icon .mdc-select__icon {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}

.mdc-snackbar {
  z-index: 8;
  margin: 8px;
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mdc-snackbar__surface {
  background-color: #333333;
}

.mdc-snackbar__label {
  color: rgba(255, 255, 255, 0.87);
}

.mdc-snackbar__surface {
  min-width: 344px;
}
@media (max-width: 480px), (max-width: 344px) {
  .mdc-snackbar__surface {
    min-width: 100%;
  }
}

.mdc-snackbar__surface {
  max-width: 672px;
}

.mdc-snackbar__surface {
  /* @alternate */
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mdc-snackbar__surface {
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-small, 4px);
}

.mdc-snackbar--opening,
.mdc-snackbar--open,
.mdc-snackbar--closing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdc-snackbar--open .mdc-snackbar__label,
.mdc-snackbar--open .mdc-snackbar__actions {
  visibility: visible;
}

.mdc-snackbar--leading {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.mdc-snackbar--stacked .mdc-snackbar__label {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 8px;
  padding-bottom: 12px;
}
[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-snackbar--stacked .mdc-snackbar__surface {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mdc-snackbar--stacked .mdc-snackbar__actions {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 8px;
}

.mdc-snackbar__surface {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
.mdc-snackbar__surface::before {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}
[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-snackbar--open .mdc-snackbar__surface {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-snackbar--closing .mdc-snackbar__surface {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-snackbar__label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 8px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  visibility: hidden;
  padding-top: 14px;
  padding-bottom: 14px;
}
[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-snackbar__label::before {
  display: inline;
  content: attr(data-mdc-snackbar-label-text);
}

.mdc-snackbar__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  visibility: hidden;
}

.mdc-snackbar__action:not(:disabled) {
  color: #bb86fc;
}
.mdc-snackbar__action::before, .mdc-snackbar__action::after {
  background-color: #bb86fc;
  /* @alternate */
  background-color: var(--mdc-ripple-color, #bb86fc);
}
.mdc-snackbar__action:hover::before, .mdc-snackbar__action.mdc-ripple-surface--hover::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.08);
}
.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-snackbar__action.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}

.mdc-snackbar__dismiss {
  color: rgba(255, 255, 255, 0.87);
}
.mdc-snackbar__dismiss .mdc-icon-button__ripple::before, .mdc-snackbar__dismiss .mdc-icon-button__ripple::after {
  background-color: rgba(255, 255, 255, 0.87);
  /* @alternate */
  background-color: var(--mdc-ripple-color, rgba(255, 255, 255, 0.87));
}
.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before, .mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.08);
}
.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-snackbar__dismiss.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}

.mdc-snackbar__dismiss.mdc-snackbar__dismiss {
  width: 36px;
  height: 36px;
  padding: 6px;
  font-size: 18px;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size {
  width: 36px;
  height: 36px;
  padding: 6px;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-icon-button--touch {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 36px;
  /* @noflip */
  /*rtl:ignore*/
  left: 50%;
  width: 36px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mdc-snackbar__action + .mdc-snackbar__dismiss {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
}
[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
  /*rtl:end:ignore*/
}

.mdc-switch {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
}
.mdc-switch:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-switch__track {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.mdc-switch__track::before, .mdc-switch__track::after {
  border: 1px solid transparent;
  border-radius: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  height: 100%;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  position: absolute;
  width: 100%;
}
.mdc-switch__track::before {
  -webkit-transition: -webkit-transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mdc-switch__track::after {
  -webkit-transition: -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
[dir=rtl] .mdc-switch__track::after, .mdc-switch__track[dir=rtl]::after {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  /*rtl:end:ignore*/
}

.mdc-switch--selected .mdc-switch__track::before {
  -webkit-transition: -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
[dir=rtl] .mdc-switch--selected .mdc-switch__track::before, .mdc-switch--selected .mdc-switch__track[dir=rtl]::before {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  /*rtl:end:ignore*/
}

.mdc-switch--selected .mdc-switch__track::after {
  -webkit-transition: -webkit-transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.mdc-switch__handle-track {
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
[dir=rtl] .mdc-switch__handle-track, .mdc-switch__handle-track[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /*rtl:end:ignore*/
}

.mdc-switch--selected .mdc-switch__handle-track {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
[dir=rtl] .mdc-switch--selected .mdc-switch__handle-track, .mdc-switch--selected .mdc-switch__handle-track[dir=rtl] {
  /*rtl:begin:ignore*/
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  /*rtl:end:ignore*/
}

.mdc-switch__handle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: auto;
}
[dir=rtl] .mdc-switch__handle, .mdc-switch__handle[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /*rtl:end:ignore*/
}

.mdc-switch__handle::before, .mdc-switch__handle::after {
  border: 1px solid transparent;
  border-radius: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: background-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1), border-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1), border-color 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}

.mdc-switch__shadow {
  border-radius: inherit;
  bottom: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  position: absolute;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  top: 0;
}

.mdc-elevation-overlay {
  bottom: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  top: 0;
}

.mdc-switch__ripple {
  /* @noflip */
  /*rtl:ignore*/
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.mdc-switch:disabled .mdc-switch__ripple {
  display: none;
}

.mdc-switch__icons {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.mdc-switch__icon {
  bottom: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  margin: auto;
  position: absolute;
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 30ms 0ms cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 30ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-switch--selected .mdc-switch__icon--on,
.mdc-switch--unselected .mdc-switch__icon--off {
  opacity: 1;
  -webkit-transition: opacity 45ms 30ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 45ms 30ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-switch {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-switch .mdc-switch__ripple::before,
.mdc-switch .mdc-switch__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-switch .mdc-switch__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-switch .mdc-switch__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-switch .mdc-switch__ripple::before,
.mdc-switch .mdc-switch__ripple::after {
  top: calc(50% - 50%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before,
.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-switch {
  width: 36px;
  /* @alternate */
  width: var(--mdc-switch-track-width, 36px);
}
.mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background: #23036A;
  /* @alternate */
  background: var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #23036A));
}

.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  background: #130335;
  /* @alternate */
  background: var(--mdc-switch-selected-hover-handle-color, #130335);
}

.mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after {
  background: #130335;
  /* @alternate */
  background: var(--mdc-switch-selected-focus-handle-color, #130335);
}

.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle::after {
  background: #130335;
  /* @alternate */
  background: var(--mdc-switch-selected-pressed-handle-color, #130335);
}

.mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle::after {
  background: #424242;
  /* @alternate */
  background: var(--mdc-switch-disabled-selected-handle-color, #424242);
}

.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  background: #616161;
  /* @alternate */
  background: var(--mdc-switch-unselected-handle-color, #616161);
}

.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  background: #212121;
  /* @alternate */
  background: var(--mdc-switch-unselected-hover-handle-color, #212121);
}

.mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after {
  background: #212121;
  /* @alternate */
  background: var(--mdc-switch-unselected-focus-handle-color, #212121);
}

.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle::after {
  background: #212121;
  /* @alternate */
  background: var(--mdc-switch-unselected-pressed-handle-color, #212121);
}

.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after {
  background: #424242;
  /* @alternate */
  background: var(--mdc-switch-disabled-unselected-handle-color, #424242);
}

.mdc-switch .mdc-switch__handle::before {
  background: #fff;
  /* @alternate */
  background: var(--mdc-switch-handle-surface-color, var(--mdc-theme-surface, #fff));
}
.mdc-switch:enabled .mdc-switch__shadow {
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  /* @alternate */
  -webkit-box-shadow: var(--mdc-switch-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
          box-shadow: var(--mdc-switch-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
  --mdc-elevation-box-shadow-for-gss: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mdc-switch:disabled .mdc-switch__shadow {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  /* @alternate */
  -webkit-box-shadow: var(--mdc-switch-disabled-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
          box-shadow: var(--mdc-switch-disabled-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
  --mdc-elevation-box-shadow-for-gss: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mdc-switch .mdc-switch__handle {
  height: 20px;
  /* @alternate */
  height: var(--mdc-switch-handle-height, 20px);
}
.mdc-switch:disabled .mdc-switch__handle::after {
  opacity: 0.38;
  /* @alternate */
  opacity: var(--mdc-switch-disabled-handle-opacity, 0.38);
}

.mdc-switch .mdc-switch__handle {
  border-radius: 10px;
  /* @alternate */
  border-radius: var(--mdc-switch-handle-shape, 10px);
}
.mdc-switch .mdc-switch__handle {
  width: 20px;
  /* @alternate */
  width: var(--mdc-switch-handle-width, 20px);
}
.mdc-switch .mdc-switch__handle-track {
  width: calc(100% - 20px);
  /* @alternate */
  width: calc(100% - var(--mdc-switch-handle-width, 20px));
}
.mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
  fill: #ffffff;
  /* @alternate */
  fill: var(--mdc-switch-selected-icon-color, var(--mdc-theme-on-primary, #ffffff));
}

.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
  fill: #ffffff;
  /* @alternate */
  fill: var(--mdc-switch-disabled-selected-icon-color, var(--mdc-theme-on-primary, #ffffff));
}

.mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
  fill: #ffffff;
  /* @alternate */
  fill: var(--mdc-switch-unselected-icon-color, var(--mdc-theme-on-primary, #ffffff));
}

.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
  fill: #ffffff;
  /* @alternate */
  fill: var(--mdc-switch-disabled-unselected-icon-color, var(--mdc-theme-on-primary, #ffffff));
}

.mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
  opacity: 0.38;
  /* @alternate */
  opacity: var(--mdc-switch-disabled-selected-icon-opacity, 0.38);
}

.mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
  opacity: 0.38;
  /* @alternate */
  opacity: var(--mdc-switch-disabled-unselected-icon-opacity, 0.38);
}

.mdc-switch.mdc-switch--selected .mdc-switch__icon {
  width: 18px;
  /* @alternate */
  width: var(--mdc-switch-selected-icon-size, 18px);
  height: 18px;
  /* @alternate */
  height: var(--mdc-switch-selected-icon-size, 18px);
}

.mdc-switch.mdc-switch--unselected .mdc-switch__icon {
  width: 18px;
  /* @alternate */
  width: var(--mdc-switch-unselected-icon-size, 18px);
  height: 18px;
  /* @alternate */
  height: var(--mdc-switch-unselected-icon-size, 18px);
}

.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::before,
.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-switch-selected-hover-state-layer-color, var(--mdc-theme-primary, #23036A));
}

.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::before,
.mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-switch-selected-focus-state-layer-color, var(--mdc-theme-primary, #23036A));
}

.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::before,
.mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-switch-selected-pressed-state-layer-color, var(--mdc-theme-primary, #23036A));
}

.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::before,
.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple::after {
  background-color: #424242;
  /* @alternate */
  background-color: var(--mdc-switch-unselected-hover-state-layer-color, #424242);
}

.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::before,
.mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple::after {
  background-color: #424242;
  /* @alternate */
  background-color: var(--mdc-switch-unselected-focus-state-layer-color, #424242);
}

.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::before,
.mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple::after {
  background-color: #424242;
  /* @alternate */
  background-color: var(--mdc-switch-unselected-pressed-state-layer-color, #424242);
}

.mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before, .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-switch-selected-hover-state-layer-opacity, 0.04);
}

.mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before, .mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-switch-selected-focus-state-layer-opacity, 0.12);
}

.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.1;
  /* @alternate */
  opacity: var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1);
}
.mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1);
}

.mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple::before, .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-switch-unselected-hover-state-layer-opacity, 0.04);
}

.mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple::before, .mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-switch-unselected-focus-state-layer-opacity, 0.12);
}

.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.1;
  /* @alternate */
  opacity: var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1);
}
.mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1);
}

.mdc-switch .mdc-switch__ripple {
  height: 48px;
  /* @alternate */
  height: var(--mdc-switch-state-layer-size, 48px);
  width: 48px;
  /* @alternate */
  width: var(--mdc-switch-state-layer-size, 48px);
}
.mdc-switch .mdc-switch__track {
  height: 14px;
  /* @alternate */
  height: var(--mdc-switch-track-height, 14px);
}
.mdc-switch:disabled .mdc-switch__track {
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-switch-disabled-track-opacity, 0.12);
}

.mdc-switch:enabled .mdc-switch__track::after {
  background: #bb9efc;
  /* @alternate */
  background: var(--mdc-switch-selected-track-color, #bb9efc);
}

.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
  background: #bb9efc;
  /* @alternate */
  background: var(--mdc-switch-selected-hover-track-color, #bb9efc);
}

.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after {
  background: #bb9efc;
  /* @alternate */
  background: var(--mdc-switch-selected-focus-track-color, #bb9efc);
}

.mdc-switch:enabled:active .mdc-switch__track::after {
  background: #bb9efc;
  /* @alternate */
  background: var(--mdc-switch-selected-pressed-track-color, #bb9efc);
}

.mdc-switch:disabled .mdc-switch__track::after {
  background: #424242;
  /* @alternate */
  background: var(--mdc-switch-disabled-selected-track-color, #424242);
}

.mdc-switch:enabled .mdc-switch__track::before {
  background: #e0e0e0;
  /* @alternate */
  background: var(--mdc-switch-unselected-track-color, #e0e0e0);
}

.mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before {
  background: #e0e0e0;
  /* @alternate */
  background: var(--mdc-switch-unselected-hover-track-color, #e0e0e0);
}

.mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before {
  background: #e0e0e0;
  /* @alternate */
  background: var(--mdc-switch-unselected-focus-track-color, #e0e0e0);
}

.mdc-switch:enabled:active .mdc-switch__track::before {
  background: #e0e0e0;
  /* @alternate */
  background: var(--mdc-switch-unselected-pressed-track-color, #e0e0e0);
}

.mdc-switch:disabled .mdc-switch__track::before {
  background: #424242;
  /* @alternate */
  background: var(--mdc-switch-disabled-unselected-track-color, #424242);
}

.mdc-switch .mdc-switch__track {
  border-radius: 7px;
  /* @alternate */
  border-radius: var(--mdc-switch-track-shape, 7px);
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-switch:enabled .mdc-switch__shadow {
    /* @alternate */
  }
  .mdc-switch:disabled .mdc-switch__shadow {
    /* @alternate */
  }
  .mdc-switch:disabled .mdc-switch__handle::after {
    opacity: 1;
    /* @alternate */
    opacity: var(--mdc-switch-disabled-handle-opacity, 1);
  }

  .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
    fill: ButtonText;
    /* @alternate */
    fill: var(--mdc-switch-selected-icon-color, ButtonText);
  }

  .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
    fill: GrayText;
    /* @alternate */
    fill: var(--mdc-switch-disabled-selected-icon-color, GrayText);
  }

  .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
    fill: ButtonText;
    /* @alternate */
    fill: var(--mdc-switch-unselected-icon-color, ButtonText);
  }

  .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
    fill: GrayText;
    /* @alternate */
    fill: var(--mdc-switch-disabled-unselected-icon-color, GrayText);
  }

  .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
    opacity: 1;
    /* @alternate */
    opacity: var(--mdc-switch-disabled-selected-icon-opacity, 1);
  }

  .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
    opacity: 1;
    /* @alternate */
    opacity: var(--mdc-switch-disabled-unselected-icon-opacity, 1);
  }

  .mdc-switch:disabled .mdc-switch__track {
    opacity: 1;
    /* @alternate */
    opacity: var(--mdc-switch-disabled-track-opacity, 1);
  }
}
.mdc-text-field--filled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
}
.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-text-field--filled .mdc-text-field__ripple::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 1);
}
.mdc-text-field--filled .mdc-text-field__ripple::after {
  z-index: 0;
  /* @alternate */
  z-index: var(--mdc-ripple-z-index, 0);
}
.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  /*rtl:ignore*/
  left: var(--mdc-ripple-left, 0);
}
.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  /*rtl:ignore*/
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-text-field__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-text-field {
  border-top-left-radius: 4px;
  /* @alternate */
  border-top-left-radius: var(--mdc-shape-small, 4px);
  border-top-right-radius: 4px;
  /* @alternate */
  border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0 16px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.87);
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54);
  }
}
.mdc-text-field .mdc-text-field__input {
  caret-color: #23036A;
  /* @alternate */
  caret-color: var(--mdc-theme-primary, #23036A);
}
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field .mdc-floating-label {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.mdc-text-field__input {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  height: 28px;
  -webkit-transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
}
.mdc-text-field__input::-ms-clear {
  display: none;
}
.mdc-text-field__input::-webkit-calendar-picker-indicator {
  display: none;
}
.mdc-text-field__input:focus {
  outline: none;
}
.mdc-text-field__input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media all {
  .mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
  .mdc-text-field__input::-moz-placeholder {
    -moz-transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
  .mdc-text-field__input:-ms-input-placeholder {
    -ms-transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
  .mdc-text-field__input::-ms-input-placeholder {
    -ms-transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
  .mdc-text-field__input::placeholder {
    -webkit-transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
@media all {
  .mdc-text-field__input:-ms-input-placeholder {
    -ms-transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
  }
}
@media all {
  .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition-delay: 40ms;
            transition-delay: 40ms;
    -webkit-transition-duration: 110ms;
            transition-duration: 110ms;
    opacity: 1;
  }
  .mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder, .mdc-text-field--focused .mdc-text-field__input::-moz-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
  .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
  .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
  .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
    -webkit-transition-delay: 40ms;
            transition-delay: 40ms;
    -webkit-transition-duration: 110ms;
            transition-duration: 110ms;
    opacity: 1;
  }
}
@media all {
  .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
}

.mdc-text-field__affix {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  height: 28px;
  -webkit-transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  white-space: nowrap;
}
.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix {
  opacity: 1;
}
@supports (-webkit-hyphens: none) {
  .mdc-text-field--outlined .mdc-text-field__affix {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
  }
}

.mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 2px;
}
[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 2px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 2px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 2px;
  /*rtl:end:ignore*/
}

.mdc-text-field--filled {
  height: 56px;
}
.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  background-color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
}
.mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-text-field--filled::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: whitesmoke;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #23036A;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-primary, #23036A);
}
.mdc-text-field--filled .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field--filled .mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}
.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  height: 100%;
}
.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
  display: none;
}
.mdc-text-field--filled.mdc-text-field--no-label::before {
  display: none;
}
@supports (-webkit-hyphens: none) {
  .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
  }
}

.mdc-text-field--outlined {
  height: 56px;
  overflow: visible;
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  -webkit-transform: translateY(-37.25px) scale(1);
          transform: translateY(-37.25px) scale(1);
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-34.75px) scale(0.75);
          transform: translateY(-34.75px) scale(0.75);
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
          animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  }
}
.mdc-text-field--outlined .mdc-text-field__input {
  height: 100%;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #23036A;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #23036A);
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
  /*rtl:end:ignore*/
}

@supports (top: 0%) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    width: max(12px, var(--mdc-shape-small, 4px));
  }
}
@supports (top: 0%) {
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
    max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  }
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: var(--mdc-shape-small, 4px);
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 4px;
  /* @alternate */
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: var(--mdc-shape-small, 4px);
  /*rtl:end:ignore*/
}

@supports (top: 0%) {
  .mdc-text-field--outlined {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
@supports (top: 0%) {
  .mdc-text-field--outlined {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
@supports (top: 0%) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
@supports (top: 0%) {
  .mdc-text-field--outlined + .mdc-text-field-helper-line {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
}
@supports (top: 0%) {
  .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, var(--mdc-shape-small, 4px));
  }
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}
@supports (top: 0%) {
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, var(--mdc-shape-small, 4px));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
@supports (top: 0%) {
  .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /*rtl:end:ignore*/
}
@supports (top: 0%) {
  [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
    /* @noflip */
    /*rtl:ignore*/
    padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 1px;
}
.mdc-text-field--outlined .mdc-text-field__ripple::before,
.mdc-text-field--outlined .mdc-text-field__ripple::after {
  content: none;
}
.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 4px;
  /*rtl:end:ignore*/
}

.mdc-text-field--outlined .mdc-text-field__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none !important;
  background-color: transparent;
}
.mdc-text-field--outlined .mdc-notched-outline {
  z-index: 1;
}

.mdc-text-field--textarea {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  -webkit-transition: none;
  transition: none;
}
.mdc-text-field--textarea .mdc-floating-label {
  top: 19px;
}
.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
  -webkit-transform: none;
          transform: none;
}
.mdc-text-field--textarea .mdc-text-field__input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: auto;
  min-height: 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  padding: 0 16px;
  line-height: 1.5rem;
}
.mdc-text-field--textarea.mdc-text-field--filled::before {
  display: none;
}
.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
  -webkit-transform: translateY(-10.25px) scale(0.75);
          transform: translateY(-10.25px) scale(0.75);
}
.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
          animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-textarea-filled {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  }
}
.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
  margin-top: 23px;
  margin-bottom: 9px;
}
.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 0;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  -webkit-transform: translateY(-27.25px) scale(1);
          transform: translateY(-27.25px) scale(1);
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-24.75px) scale(0.75);
          transform: translateY(-24.75px) scale(0.75);
}
.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
          animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
  top: 18px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
  margin-bottom: 2px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 16px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: -16px;
}
.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
  display: none;
}

.mdc-text-field__resizer {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: 100%;
  max-width: 100%;
  min-height: 56px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  /* @alternate */
  min-width: -moz-available;
  /* @alternate */
  min-width: -webkit-fill-available;
  overflow: hidden;
  resize: both;
}
.mdc-text-field--filled .mdc-text-field__resizer {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.mdc-text-field--outlined .mdc-text-field__resizer {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(-1px) translateY(-1px);
          transform: translateX(-1px) translateY(-1px);
}
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(1px) translateY(-1px);
          transform: translateX(1px) translateY(-1px);
  /*rtl:end:ignore*/
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(1px) translateY(1px);
          transform: translateX(1px) translateY(1px);
}
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl], .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateX(-1px) translateY(1px);
          transform: translateX(-1px) translateY(1px);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 48px);
  /* @noflip */
  /*rtl:ignore*/
  left: 48px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 48px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  /*rtl:ignore*/
  left: 36px;
  /* @noflip */
  /*rtl:ignore*/
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  left: initial;
  /* @noflip */
  /*rtl:ignore*/
  right: 36px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
          transform: translateY(-37.25px) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
          transform: translateY(-37.25px) translateX(32px) scale(1);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
          transform: translateY(-34.75px) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
          transform: translateY(-34.75px) translateX(32px) scale(0.75);
  /*rtl:end:ignore*/
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
          animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
          animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}

.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 64px);
}
.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}
.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  max-width: calc(100% - 96px);
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 96px / 0.75);
}

.mdc-text-field-helper-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-form-field > .mdc-text-field + label {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(35, 3, 106, 0.87);
}
.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1;
}
.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 2px;
}
.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 0;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #b00020;
  /* @alternate */
  caret-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  opacity: 1;
}

.mdc-text-field--disabled {
  pointer-events: none;
}
.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.38);
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
    color: GrayText;
  }
  .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
    color: GrayText;
  }
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText;
  }
  .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
    color: GrayText;
  }
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-floating-label {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--leading {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--prefix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: GrayText;
  }
}
@media screen and (forced-colors: active) {
  .mdc-text-field--disabled .mdc-text-field__input {
    background-color: Window;
  }
  .mdc-text-field--disabled .mdc-floating-label {
    z-index: 1;
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  cursor: default;
}
.mdc-text-field--disabled.mdc-text-field--filled {
  background-color: #fafafa;
}
.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
  display: none;
}
.mdc-text-field--disabled .mdc-text-field__input {
  pointer-events: auto;
}

.mdc-text-field--end-aligned .mdc-text-field__input {
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
}
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field--ltr-text, .mdc-text-field--ltr-text[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
  /* @noflip */
  /*rtl:ignore*/
  direction: ltr;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 2px;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
}
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 2px;
}

.mdc-text-field-helper-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-text-field-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field-helper-text--persistent {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-text-field-character-counter {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  /* @noflip */
  /*rtl:ignore*/
  margin-left: auto;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  white-space: nowrap;
}
.mdc-text-field-character-counter::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: auto;
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field__icon {
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}
.mdc-text-field__icon svg {
  display: block;
}

.mdc-text-field__icon--leading {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 16px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 8px;
}
[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 8px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 16px;
  /*rtl:end:ignore*/
}

.mdc-text-field__icon--trailing {
  padding: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
}
[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0px;
  /*rtl:end:ignore*/
}

:root {
  --mdc-theme-primary: #23036A;
  --mdc-theme-secondary: #3700B3;
  --mdc-theme-background: #fff;
  --mdc-theme-surface: #fff;
  --mdc-theme-error: #b00020;
  --mdc-theme-on-primary: #ffffff;
  --mdc-theme-on-secondary: #FFF;
  --mdc-theme-on-surface: #000;
  --mdc-theme-on-error: #fff;
  --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-dark: white;
  --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
}

.mdc-theme--primary {
  color: #23036A  !important;
  /* @alternate */
  color: var(--mdc-theme-primary, #23036A) !important;
}

.mdc-theme--secondary {
  color: #3700B3  !important;
  /* @alternate */
  color: var(--mdc-theme-secondary, #3700B3) !important;
}

.mdc-theme--background {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-background, #fff);
}

.mdc-theme--surface {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
}

.mdc-theme--error {
  color: #b00020  !important;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020) !important;
}

.mdc-theme--on-primary {
  color: #ffffff  !important;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #ffffff) !important;
}

.mdc-theme--on-secondary {
  color: #FFF  !important;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #FFF) !important;
}

.mdc-theme--on-surface {
  color: #000  !important;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000) !important;
}

.mdc-theme--on-error {
  color: #fff  !important;
  /* @alternate */
  color: var(--mdc-theme-on-error, #fff) !important;
}

.mdc-theme--text-primary-on-background {
  color: rgba(0, 0, 0, 0.87)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important;
}

.mdc-theme--text-secondary-on-background {
  color: rgba(0, 0, 0, 0.54)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important;
}

.mdc-theme--text-hint-on-background {
  color: rgba(0, 0, 0, 0.38)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-disabled-on-background {
  color: rgba(0, 0, 0, 0.38)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-icon-on-background {
  color: rgba(0, 0, 0, 0.38)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-primary-on-light {
  color: rgba(0, 0, 0, 0.87)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important;
}

.mdc-theme--text-secondary-on-light {
  color: rgba(0, 0, 0, 0.54)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important;
}

.mdc-theme--text-hint-on-light {
  color: rgba(0, 0, 0, 0.38)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-disabled-on-light {
  color: rgba(0, 0, 0, 0.38)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-icon-on-light {
  color: rgba(0, 0, 0, 0.38)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important;
}

.mdc-theme--text-primary-on-dark {
  color: white  !important;
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-dark, white) !important;
}

.mdc-theme--text-secondary-on-dark {
  color: rgba(255, 255, 255, 0.7)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important;
}

.mdc-theme--text-hint-on-dark {
  color: rgba(255, 255, 255, 0.5)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important;
}

.mdc-theme--text-disabled-on-dark {
  color: rgba(255, 255, 255, 0.5)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important;
}

.mdc-theme--text-icon-on-dark {
  color: rgba(255, 255, 255, 0.5)  !important;
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important;
}

.mdc-theme--primary-bg {
  background-color: #23036A  !important;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #23036A) !important;
}

.mdc-theme--secondary-bg {
  background-color: #3700B3  !important;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #3700B3) !important;
}

.mdc-top-app-bar {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #23036A);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  z-index: 4;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  color: #ffffff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #ffffff);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  background-color: #ffffff;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #ffffff));
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-surface--hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover::before {
  opacity: 0.08;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.08);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.24);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.24;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
}
.mdc-top-app-bar__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 64px;
}
.mdc-top-app-bar__section {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  padding: 8px 12px;
  z-index: 1;
}
.mdc-top-app-bar__section--align-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.mdc-top-app-bar__section--align-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mdc-top-app-bar__title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1.25rem;
  /* @alternate */
  font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  line-height: 2rem;
  /* @alternate */
  line-height: var(--mdc-typography-headline6-line-height, 2rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-headline6-font-weight, 500);
  letter-spacing: 0.0125em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
          text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 20px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
}
[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 20px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--short-collapsed {
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 24px;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 0;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  border-top-left-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-top-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-right-radius: 0;
  /* @noflip */
  /*rtl:ignore*/
  border-bottom-left-radius: 24px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--short {
  top: 0;
  /* @noflip */
  /*rtl:ignore*/
  right: auto;
  /* @noflip */
  /*rtl:ignore*/
  left: 0;
  width: 100%;
  -webkit-transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  right: 0;
  /* @noflip */
  /*rtl:ignore*/
  left: auto;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--short .mdc-top-app-bar__row {
  height: 56px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__section {
  padding: 4px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__title {
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}

.mdc-top-app-bar--short-collapsed {
  /* @alternate */
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  width: 56px;
  -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  display: none;
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  -webkit-transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  width: 112px;
}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
  height: 48px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__section {
  padding: 0 4px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__title {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 12px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 128px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-bottom: 2px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.mdc-top-app-bar--fixed {
  -webkit-transition: -webkit-box-shadow 200ms linear;
  transition: -webkit-box-shadow 200ms linear;
  transition: box-shadow 200ms linear;
  transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear;
}

.mdc-top-app-bar--fixed-scrolled {
  /* @alternate */
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  -webkit-transition: -webkit-box-shadow 200ms linear;
  transition: -webkit-box-shadow 200ms linear;
  transition: box-shadow 200ms linear;
  transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 96px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  padding: 0 12px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 20px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
  padding-bottom: 9px;
}
[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 20px;
  /*rtl:end:ignore*/
}

.mdc-top-app-bar--fixed-adjust {
  padding-top: 64px;
}

.mdc-top-app-bar--dense-fixed-adjust {
  padding-top: 48px;
}

.mdc-top-app-bar--short-fixed-adjust {
  padding-top: 56px;
}

.mdc-top-app-bar--prominent-fixed-adjust {
  padding-top: 128px;
}

.mdc-top-app-bar--dense-prominent-fixed-adjust {
  padding-top: 96px;
}

@media (max-width: 599px) {
  .mdc-top-app-bar__row {
    height: 56px;
  }

  .mdc-top-app-bar__section {
    padding: 4px;
  }

  .mdc-top-app-bar--short {
    -webkit-transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mdc-top-app-bar--short-collapsed {
    -webkit-transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
    /* @noflip */
    /*rtl:ignore*/
    padding-left: 0;
    /* @noflip */
    /*rtl:ignore*/
    padding-right: 12px;
  }
  [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
    /*rtl:begin:ignore*/
    /* @noflip */
    /*rtl:ignore*/
    padding-left: 12px;
    /* @noflip */
    /*rtl:ignore*/
    padding-right: 0;
    /*rtl:end:ignore*/
  }

  .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-bottom: 6px;
  }

  .mdc-top-app-bar--fixed-adjust {
    padding-top: 56px;
  }
}
.mdc-data-table__content {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mdc-data-table {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-medium, 4px);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  -webkit-overflow-scrolling: touch;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mdc-data-table .mdc-data-table__header-cell:first-child {
  border-top-left-radius: 4px;
  /* @alternate */
  border-top-left-radius: var(--mdc-shape-medium, 4px);
}
[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] {
  /*rtl:begin:ignore*/
  border-top-right-radius: 4px;
  /* @alternate */
  border-top-right-radius: var(--mdc-shape-medium, 4px);
  border-top-left-radius: 0;
  /*rtl:end:ignore*/
}

.mdc-data-table .mdc-data-table__header-cell:last-child {
  border-top-right-radius: 4px;
  /* @alternate */
  border-top-right-radius: var(--mdc-shape-medium, 4px);
}
[dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] {
  /*rtl:begin:ignore*/
  border-top-left-radius: 4px;
  /* @alternate */
  border-top-left-radius: var(--mdc-shape-medium, 4px);
  border-top-right-radius: 0;
  /*rtl:end:ignore*/
}

.mdc-data-table__row {
  background-color: inherit;
}

.mdc-data-table__header-cell {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
}

.mdc-data-table__row--selected {
  background-color: rgba(35, 3, 106, 0.04);
}

.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.12);
}
.mdc-data-table__cell,
.mdc-data-table__header-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-data-table__pagination {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mdc-data-table__pagination {
  border-top-width: 1px;
  border-top-style: solid;
}

.mdc-data-table__row:last-child .mdc-data-table__cell {
  border-bottom: none;
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.mdc-data-table__header-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-data-table__pagination-total,
.mdc-data-table__pagination-rows-per-page-label,
.mdc-data-table__cell {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-data-table__row {
  height: 52px;
}

.mdc-data-table__pagination {
  min-height: 52px;
}

.mdc-data-table__header-row {
  height: 56px;
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
  padding: 0 16px 0 16px;
}

.mdc-data-table__header-cell--checkbox,
.mdc-data-table__cell--checkbox {
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 0;
}
[dir=rtl] .mdc-data-table__header-cell--checkbox, [dir=rtl] .mdc-data-table__cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl], .mdc-data-table__cell--checkbox[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  padding-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  padding-right: 4px;
  /*rtl:end:ignore*/
}

.mdc-data-table__sort-icon-button {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
  background-color: rgba(0, 0, 0, 0.6);
  /* @alternate */
  background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.6));
}
.mdc-data-table__sort-icon-button:hover .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}

.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button .mdc-icon-button__ripple::after {
  background-color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
}
.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}

.mdc-data-table__table-container {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  width: 100%;
}

.mdc-data-table__table {
  min-width: 100%;
  border: 0;
  white-space: nowrap;
  border-spacing: 0;
  /**
   * With table-layout:fixed, table and column widths are defined by the width
   * of the first row of cells. Cells in subsequent rows do not affect column
   * widths. This results in a predictable table layout and may also speed up
   * rendering.
   */
  table-layout: fixed;
}

.mdc-data-table__cell {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
[dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-data-table__cell--numeric {
  text-align: right;
}
[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
  /*rtl:end:ignore*/
}

.mdc-data-table__cell--checkbox {
  width: 1px;
}

.mdc-data-table__header-cell {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  line-height: 1.375rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  letter-spacing: 0.0071428571em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
}
[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: right;
  /*rtl:end:ignore*/
}

.mdc-data-table__header-cell--checkbox {
  width: 1px;
}

.mdc-data-table__header-cell--numeric {
  text-align: right;
}
[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  text-align: left;
  /*rtl:end:ignore*/
}

.mdc-data-table__sort-icon-button {
  width: 28px;
  height: 28px;
  padding: 2px;
  -webkit-transform: rotate(0.0001deg);
          transform: rotate(0.0001deg);
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  -webkit-transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.mdc-data-table__sort-icon-button.mdc-icon-button--reduced-size {
  width: 28px;
  height: 28px;
  padding: 2px;
}
.mdc-data-table__sort-icon-button.mdc-icon-button--reduced-size.mdc-icon-button--touch {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
.mdc-data-table__sort-icon-button .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 28px;
  /* @noflip */
  /*rtl:ignore*/
  left: 50%;
  width: 28px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
[dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 4px;
  /*rtl:end:ignore*/
}

.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 4px;
}
[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  opacity: 1;
}

.mdc-data-table__header-cell-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.mdc-data-table__header-cell--with-sort {
  cursor: pointer;
}

.mdc-data-table__sort-status-label {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  /* added line */
  width: 1px;
}

.mdc-data-table__progress-indicator {
  display: none;
  position: absolute;
  width: 100%;
}
.mdc-data-table--in-progress .mdc-data-table__progress-indicator {
  display: block;
}

.mdc-data-table__scrim {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  height: 100%;
  opacity: 0.32;
  position: absolute;
  top: 0;
  width: 100%;
}

.mdc-data-table--sticky-header .mdc-data-table__header-cell {
  position: sticky;
  top: 0;
  z-index: 1;
}

.mdc-data-table__pagination {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mdc-data-table__pagination-trailing {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
[dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 4px;
  /*rtl:end:ignore*/
}

.mdc-data-table__pagination-navigation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdc-data-table__pagination-button {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 4px;
}
[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 4px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-data-table__pagination-total {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 14px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 36px;
  white-space: nowrap;
}
[dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 36px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 14px;
  /*rtl:end:ignore*/
}

.mdc-data-table__pagination-rows-per-page {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
[dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 22px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-data-table__pagination-rows-per-page-label {
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 0;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 12px;
  white-space: nowrap;
}
[dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] {
  /*rtl:begin:ignore*/
  /* @noflip */
  /*rtl:ignore*/
  margin-left: 12px;
  /* @noflip */
  /*rtl:ignore*/
  margin-right: 0;
  /*rtl:end:ignore*/
}

.mdc-data-table__pagination-rows-per-page-select {
  min-width: 80px;
  /* @alternate */
  min-width: var(--mdc-menu-min-width, 80px);
  margin: 8px 0;
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  width: 100%;
  min-width: 80px;
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  height: 36px;
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  -webkit-transform: translateY(-27.25px) scale(1);
          transform: translateY(-27.25px) scale(1);
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-24.75px) scale(0.75);
          transform: translateY(-24.75px) scale(0.75);
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  0% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  }
  100% {
    /* @noflip */
    /*rtl:ignore*/
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  }
}
.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon {
  width: 20px;
  height: 20px;
}
.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 56px);
}
.mdc-data-table__pagination-rows-per-page-select .mdc-list-item.mdc-list-item--with-one-line {
  height: 36px;
}

.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  opacity: 0.04;
  /* @alternate */
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  -webkit-transition-duration: 75ms;
          transition-duration: 75ms;
  opacity: 0.12;
  /* @alternate */
  opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
}
.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #23036A));
}
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  background-color: transparent;
}
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: #23036A;
  /* @alternate */
  border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
  background-color: #23036A;
  /* @alternate */
  background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
}
@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF23036A00000000FF23036A {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: #23036A;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
    background-color: #23036A;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
  }
}
@keyframes mdc-checkbox-fade-in-background-8A000000FF23036A00000000FF23036A {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: #23036A;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
    background-color: #23036A;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
  }
}
@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF23036A00000000FF23036A {
  0%, 80% {
    border-color: #23036A;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
    background-color: #23036A;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
@keyframes mdc-checkbox-fade-out-background-8A000000FF23036A00000000FF23036A {
  0%, 80% {
    border-color: #23036A;
    /* @alternate */
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
    background-color: #23036A;
    /* @alternate */
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #23036A));
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    /* @alternate */
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF23036A00000000FF23036A;
          animation-name: mdc-checkbox-fade-in-background-8A000000FF23036A00000000FF23036A;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF23036A00000000FF23036A;
          animation-name: mdc-checkbox-fade-out-background-8A000000FF23036A00000000FF23036A;
}

/*
 * Taxtastic SCSS Architecture - REFACTORED VERSION
 *
 * Following BEM methodology with namespace prefixes
 * Hierarchische Struktur: Base → Layout → Components → Pages
 * Maximum nesting depth: 3-4 levels
 * No !important declarations (except utilities)
 * Component isolation with proper scoping
 */
/* ============================================ */
/* 1. BASE LAYER - Grundlagen                  */
/* ============================================ */
/*
 * Design Tokens - Zentrale Design-Variablen
 * Basiert auf Material Design 3.0 und Taxtastic Brand
 */
:root {
  --primary-color: #23036A;
  --primary-light: #4A2E7C;
  --primary-dark: #1A0250;
  --secondary-color: #0D7377;
  --secondary-light: #14A085;
  --secondary-dark: #085356;
  --success-color: #0D7377;
  --warning-color: #FF9800;
  --error-color: #F44336;
  --info-color: #2196F3;
  --text-primary: #1A1A1A;
  --text-secondary: #666666;
  --text-disabled: #9E9E9E;
  --text-on-primary: #FFFFFF;
  --text-on-secondary: #FFFFFF;
  --background: #F5F7FA;
  --background-color: #F5F7FA;
  --surface: #FFFFFF;
  --surface-elevated: #FFFFFF;
  --surface-color: #FFFFFF;
  --surface-variant-color: #F5F5F5;
  --light-gray: #F5F5F5;
  --border-gray: #E5E5E5;
  --outline-color: #E0E0E0;
  --outline-variant-color: #E0E0E0;
  --border-color: #BDBDBD;
  --border-color-hover: var(--primary-color);
  --border-color-focus: var(--primary-color);
  --border-color-disabled: #E0E0E0;
  --primary-color-alpha-15: rgba(35, 3, 106, 0.15);
  --primary-color-alpha-08: rgba(35, 3, 106, 0.08);
  --primary-color-alpha-04: rgba(35, 3, 106, 0.04);
  --background-dark: #121212;
  --surface-dark: #1E1E1E;
  --surface-elevated-dark: #262626;
  --text-primary-dark: #E6E6E6;
  --text-secondary-dark: #BDBDBD;
  --text-disabled-dark: #757575;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;
  --radius-small: 6px;
  /* Input fields, checkboxes */
  --radius-medium: 12px;
  /* Cards, modals, containers */
  --radius-large: 16px;
  /* Large containers, panels */
  --radius-extra-large: 24px;
  /* Special elements */
  --radius-pill: 999px;
  /* Buttons, Chips, tags (fully rounded) */
  --border-radius-small: 6px;
  /* Inputs, checkboxes (DESIGN-SYSTEM.md: Small = 6px) */
  --border-radius-medium: 12px;
  /* Cards, modals (DESIGN-SYSTEM.md: Medium = 12px) */
  --border-radius-large: 16px;
  /* Large containers (DESIGN-SYSTEM.md: Large = 16px) */
  --border-radius-pill: 999px;
  /* Buttons (DESIGN-SYSTEM.md: Pill = 999px) */
  --border-radius-circle: 50%;
  --mdc-shape-small: 6px;
  /* Inputs: 6px per DESIGN-SYSTEM.md */
  --mdc-shape-medium: 12px;
  /* Cards, dialogs */
  --mdc-text-button-container-shape: 999px;
  --mdc-filled-button-container-shape: 999px;
  --mdc-protected-button-container-shape: 999px;
  --mdc-outlined-button-container-shape: 999px;
  --elevation-1: 0 2px 4px rgba(0,0,0,0.12);
  --elevation-2: 0 4px 8px rgba(0,0,0,0.12);
  --elevation-3: 0 8px 16px rgba(0,0,0,0.15);
  --elevation-4: 0 12px 24px rgba(0,0,0,0.18);
  --font-family: "Ubuntu", sans-serif;
  --font-size-h1: 2.5rem;
  /* 40px */
  --font-size-h2: 2rem;
  /* 32px */
  --font-size-h3: 1.5rem;
  /* 24px */
  --font-size-h4: 1.25rem;
  /* 20px */
  --font-size-body: 1rem;
  /* 16px */
  --font-size-caption: 0.875rem;
  /* 14px */
  --font-size-small: 0.75rem;
  /* 12px */
  --font-size-button: 1rem;
  /* 16px */
  --font-size-input-label: 0.875rem;
  /* 14px */
  --line-height-h1: 1.2;
  --line-height-h2: 1.3;
  --line-height-h3: 1.4;
  --line-height-h4: 1.4;
  --line-height-body: 1.5;
  --line-height-caption: 1.4;
  --line-height-small: 1.3;
  --line-height-button: 1;
  --line-height-input-label: 1.2;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --header-height: 80px;
  --nav-width: 280px;
  --nav-width-collapsed: 72px;
  --help-width: 400px;
  --animation-fast: 120ms;
  --animation-standard: 280ms;
  --animation-entering: 225ms;
  --animation-leaving: 195ms;
  --mdc-typography-font-family: "Ubuntu", sans-serif;
  --motion-easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --motion-easing-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);
  --motion-easing-accelerate: cubic-bezier(0.4, 0.0, 1, 1);
  --motion-duration-short1: 50ms;
  --motion-duration-short2: 100ms;
  --motion-duration-medium1: 250ms;
  --motion-duration-medium2: 300ms;
  --motion-duration-long1: 400ms;
  --motion-duration-long2: 500ms;
}

html,
body {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.36px;
  line-height: 25px;
  color: var(--text-primary);
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 100vh;
  word-wrap: break-word;
}

::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  background: var(--secondary-color);
}

::-webkit-scrollbar-track {
  background: var(--secondary-color);
  border-radius: 1ex;
}

::-webkit-scrollbar-thumb {
  background: var(--secondary-light);
  border-radius: 1ex;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-thumb:hover {
  background: #17b596;
}

::-webkit-scrollbar-corner {
  background: var(--secondary-color);
}

* {
  scrollbar-color: var(--secondary-light) var(--secondary-color);
  scrollbar-width: thin;
}

body {
  min-height: 100vh;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  box-shadow: 0 0 0 30px white inset !important;
}

/* Typography */
html {
  margin-left: auto;
  margin-right: auto;
}

/* Headings - Design System Conformant */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family);
  margin: 0 0 var(--spacing-md) 0;
}

/* H1: Page titles, main headings */
h1 {
  font-size: var(--font-size-h1);
  /* 2.5rem / 40px */
  line-height: var(--line-height-h1);
  /* 1.2 */
  font-weight: var(--font-weight-bold);
  /* 700 */
}

/* H2: Section headers */
h2 {
  font-size: var(--font-size-h2);
  /* 2rem / 32px */
  line-height: var(--line-height-h2);
  /* 1.3 */
  font-weight: var(--font-weight-medium);
  /* 500 */
}

/* H3: Subsection headers */
h3 {
  font-size: var(--font-size-h3);
  /* 1.5rem / 24px */
  line-height: var(--line-height-h3);
  /* 1.4 */
  font-weight: var(--font-weight-medium);
  /* 500 */
}

/* H4: Card titles */
h4 {
  font-size: var(--font-size-h4);
  /* 1.25rem / 20px */
  line-height: var(--line-height-h4);
  /* 1.4 */
  font-weight: var(--font-weight-medium);
  /* 500 */
}

/* H5 & H6: Zusätzliche Ebenen */
h5 {
  font-size: var(--font-size-body);
  /* 1rem / 16px */
  line-height: var(--line-height-body);
  /* 1.5 */
  font-weight: var(--font-weight-medium);
  /* 500 */
}

h6 {
  font-size: var(--font-size-caption);
  /* 0.875rem / 14px */
  line-height: var(--line-height-caption);
  /* 1.4 */
  font-weight: var(--font-weight-medium);
  /* 500 */
}

/* Links */
a {
  text-decoration: none;
  color: var(--primary-color);
}
a:hover, a[aria-current=page] {
  color: var(--primary-dark);
}

/* Images */
img {
  vertical-align: middle;
}

/* HR */
hr {
  border: none;
  border-top: 1px solid var(--outline-variant-color);
  margin: var(--spacing-lg) 0;
}

/* Additional Material Design Icon Sizes */
.material-icons-outlined.md-18 {
  font-size: 18px;
}

.material-icons-outlined.md-24 {
  font-size: 24px;
}

.material-icons-outlined.md-36 {
  font-size: 36px;
}

.material-icons-outlined.md-48 {
  font-size: 48px;
}

.material-icons-outlined.md-64 {
  font-size: 64px;
}

.material-icons-outlined.md-100 {
  font-size: 100px;
}

.material-icons-outlined.md-128 {
  font-size: 128px;
}

.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

/* Typography Classes */
.link-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
.link-list li a {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 35px;
  color: var(--primary-color);
}

/**
 * Taxtastic SCSS Mixins Library
 *
 * Reusable patterns for consistent styling across components
 * Following BEM methodology and Material Design principles
 */
/* ============================================ */
/* 2. LAYOUT LAYER - Haupt-Strukturen          */
/* ============================================ */
.material-symbols-outlined,
.material-icons,
.material-icons-outlined {
  font-family: "Material Symbols Outlined", "Material Icons", "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* Header Section mit CSS Containment für Style-Isolation */
.header {
  /* CSS Containment: Isoliert Header-Styles von anderen Sections */
  contain: layout style;
  container-type: inline-size;
  /* Header-spezifische Design Tokens */
  --header-height: 80px;
  --header-bg: var(--surface-color);
  --header-border: 1px solid #E0E0E0;
  --header-shadow: var(--elevation-1);
  --header-z-index: 40;
  /* Styling - EXAKT nach Design-Vorlage */
  background: var(--header-bg);
  border-bottom: var(--header-border);
  -webkit-box-shadow: var(--header-shadow);
          box-shadow: var(--header-shadow);
  position: sticky;
  top: 0;
  z-index: var(--header-z-index);
  height: var(--header-height);
  /* Header Toolbar - Scoped to Header Section */
  /* Profile Tool Toolbar Left Layout */
  /* Header Logo - Scoped to Header Section */
  /* Header Toolbar Right - Scoped to Header Section */
  /* Header Profile Menu - Scoped to Header Section */
  /* Header Icon Button - Scoped to Header Section */
  /* Header Profile Menu - Scoped to Header Section */
  /* Header Profile Menu Item - Scoped to Header Section */
  /* Header Profile Menu Divider - Scoped to Header Section */
  /* Header Menu für eingeloggte/nicht-eingeloggte User - Scoped */
  /* Header Responsive Design - Container Queries für bessere Isolation */
}
.header .toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--spacing-md) var(--spacing-lg);
  width: 100%;
  height: 100%;
  /* Fill header height */
  /* Standard Layout: zentriert mit max-width */
  max-width: 1200px;
  margin: 0 auto;
}
.header .toolbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  min-width: 0;
}
.header .toolbar-left .subtitle {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin: 0;
}
.header .toolbar-left .tax-estimate {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin: 0;
}
.header .toolbar-left .tax-estimate .estimate-badge {
  background: var(--surface-elevated);
  border: 1px solid #E0E0E0;
  border-bottom-width: 2px;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-small);
  font-weight: 500;
  color: var(--text-primary);
}
.header .logo {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--primary-color);
  text-decoration: none;
}
.header .logo:hover {
  color: var(--primary-dark);
  text-decoration: none;
}
.header .toolbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
}
.header .profile-menu-container {
  position: relative;
}
.header .icon-btn {
  border: none;
  background: transparent;
  color: var(--text-primary);
  border-radius: var(--border-radius-small);
  padding: var(--spacing-sm);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .icon-btn:hover {
  background: rgba(0, 0, 0, 0.04);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.header .profile-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
  /* --elevation-4 exact value */
  min-width: 200px;
  padding: var(--spacing-sm) 0;
  z-index: 2000000 !important;
  /* CRITICAL FIX: Above all other elements (highest is 1.500.002) */
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .profile-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header .profile-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  /* 16px */
  padding: var(--spacing-md) var(--spacing-lg);
  /* 16px 24px */
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  color: var(--text-primary);
  text-decoration: none;
}
.header .profile-menu-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.header .profile-menu-item:visited {
  color: var(--text-primary);
}
.header .profile-menu-item:focus {
  background: rgba(0, 0, 0, 0.04);
  outline: none;
}
.header .profile-menu-divider {
  height: 1px;
  background: #E0E0E0;
  margin: var(--spacing-sm) 0;
  /* 8px 0 */
}
.header .header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  /* Ausgeloggt: Login-Link + CTA-Button (Desktop) / Icon + kompakter CTA (Mobile) */
}
.header .header-menu .login-text {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
}
@container (max-width: 768px) {
  .header .header-menu .login-text.mobile-hidden {
    display: none;
  }
}
.header .header-menu.header-menu-loggedout {
  gap: 16px;
  /* Desktop-Only / Mobile-Only Sichtbarkeits-Toggle */
  /* Mobile Login-Icon (circular, transparent) */
  /* Mobile CTA (kompakter Pill) */
}
.header .header-menu.header-menu-loggedout .header-login-link {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary, #1A1A1A);
  text-decoration: none;
  padding: 8px 4px;
  -webkit-transition: color 0.18s ease;
  transition: color 0.18s ease;
}
.header .header-menu.header-menu-loggedout .header-login-link:hover {
  color: var(--primary, #23036A);
}
.header .header-menu.header-menu-loggedout .header-cta-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: var(--primary, #23036A);
  text-decoration: none;
  -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  letter-spacing: 0.02em;
}
.header .header-menu.header-menu-loggedout .header-cta-btn:hover {
  background: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@container (max-width: 768px) {
  .header .header-menu.header-menu-loggedout .desktop-only {
    display: none !important;
  }
}
.header .header-menu.header-menu-loggedout .mobile-only {
  display: none;
}
@container (max-width: 768px) {
  .header .header-menu.header-menu-loggedout .mobile-only {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.header .header-menu.header-menu-loggedout .header-login-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--text-primary, #1A1A1A);
  text-decoration: none;
  -webkit-transition: background 0.18s ease, color 0.18s ease;
  transition: background 0.18s ease, color 0.18s ease;
}
.header .header-menu.header-menu-loggedout .header-login-icon .material-symbols-outlined {
  font-size: 24px;
}
.header .header-menu.header-menu-loggedout .header-login-icon:hover {
  background: rgba(35, 3, 106, 0.08);
  color: var(--primary, #23036A);
}
@container (min-width: 769px) {
  .header .header-menu.header-menu-loggedout .header-login-icon {
    display: none !important;
  }
}
.header .header-menu.header-menu-loggedout .header-cta-btn-mobile {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: var(--primary, #23036A);
  text-decoration: none;
  -webkit-transition: background 0.18s ease, -webkit-transform 0.15s ease;
  transition: background 0.18s ease, -webkit-transform 0.15s ease;
  transition: background 0.18s ease, transform 0.15s ease;
  transition: background 0.18s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.header .header-menu.header-menu-loggedout .header-cta-btn-mobile:hover, .header .header-menu.header-menu-loggedout .header-cta-btn-mobile:active {
  background: var(--primary-dark, #1A0250);
}
@container (min-width: 769px) {
  .header .header-menu.header-menu-loggedout .header-cta-btn-mobile {
    display: none !important;
  }
}
@container (max-width: 768px) {
  .header .toolbar {
    padding: var(--spacing-md);
  }
}

/* Ende .header */
/* BuddyPress Profile Tool + Steuererklärung Pages: Volle Breite Header - ISOLATED */
body.profile-edit .header,
body.xprofile .header,
body.buddypress .header,
body.page-template-steuererklaerungeingabestarten-php .header,
body.page-template-steuererklaerungpruefen-php .header,
body.page-template-steuer-profil-berechnung-php .header,
body.page-template-steuererklaerungeinreichen-php .header {
  /* Header selbst über volle Breite */
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 102 !important;
  /* CRITICAL: Above navigation (z-index: 101) */
  /* CRITICAL FIX: overflow must be visible to allow menu dropdown */
  overflow: visible !important;
  /* CRITICAL: Both X and Y must be visible for dropdown */
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  /* Entferne Shadow und Border die den weißen Balken verursachen */
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: none !important;
  /* Toolbar constraints to prevent vertical overflow */
  /* BP-specific: Ensure toolbar-left doesn't cause height overflow */
  /* CRITICAL FIX: Allow profile menu to overflow toolbar bounds */
  /* CRITICAL FIX: Ensure menu container allows overflow */
}
body.profile-edit .header .toolbar,
body.xprofile .header .toolbar,
body.buddypress .header .toolbar,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar,
body.page-template-steuererklaerungpruefen-php .header .toolbar,
body.page-template-steuer-profil-berechnung-php .header .toolbar,
body.page-template-steuererklaerungeinreichen-php .header .toolbar {
  max-width: none !important;
  margin: 0 !important;
  padding: 16px 32px !important;
  width: 100% !important;
  min-height: var(--header-height, 80px) !important;
  /* CRITICAL FIX: min-height instead of height to allow menu overflow */
  overflow: visible !important;
  /* CRITICAL FIX: Allow dropdown menu to extend below toolbar */
}
body.profile-edit .header .toolbar-left,
body.xprofile .header .toolbar-left,
body.buddypress .header .toolbar-left,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-left,
body.page-template-steuererklaerungpruefen-php .header .toolbar-left,
body.page-template-steuer-profil-berechnung-php .header .toolbar-left,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-left {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  /* Prevent wrapping that causes height */
  overflow: hidden !important;
  /* Hide content that exceeds bounds */
  /* Hide subtitle and tax-estimate on BuddyPress pages to prevent overflow */
}
body.profile-edit .header .toolbar-left .subtitle,
body.profile-edit .header .toolbar-left .tax-estimate,
body.xprofile .header .toolbar-left .subtitle,
body.xprofile .header .toolbar-left .tax-estimate,
body.buddypress .header .toolbar-left .subtitle,
body.buddypress .header .toolbar-left .tax-estimate,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-left .subtitle,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-left .tax-estimate,
body.page-template-steuererklaerungpruefen-php .header .toolbar-left .subtitle,
body.page-template-steuererklaerungpruefen-php .header .toolbar-left .tax-estimate,
body.page-template-steuer-profil-berechnung-php .header .toolbar-left .subtitle,
body.page-template-steuer-profil-berechnung-php .header .toolbar-left .tax-estimate,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-left .subtitle,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-left .tax-estimate {
  display: none !important;
}
body.profile-edit .header .toolbar-right,
body.xprofile .header .toolbar-right,
body.buddypress .header .toolbar-right,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-right,
body.page-template-steuererklaerungpruefen-php .header .toolbar-right,
body.page-template-steuer-profil-berechnung-php .header .toolbar-right,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-right {
  overflow: visible !important;
  /* Allow dropdown menu to extend outside toolbar */
}
body.profile-edit .header .profile-menu-container,
body.xprofile .header .profile-menu-container,
body.buddypress .header .profile-menu-container,
body.page-template-steuererklaerungeingabestarten-php .header .profile-menu-container,
body.page-template-steuererklaerungpruefen-php .header .profile-menu-container,
body.page-template-steuer-profil-berechnung-php .header .profile-menu-container,
body.page-template-steuererklaerungeinreichen-php .header .profile-menu-container {
  overflow: visible !important;
  /* Allow menu dropdown to be visible */
}

/* WooCommerce Customer Account: Volle Breite Header - SEPARATE */
/* Exclude page-template-login (lost-password) — uses its own relative-positioned header */
body.woocommerce-account:not(.page-template-login) .header,
body.woocommerce-page:not(.page-template-login) .header {
  /* Header selbst über volle Breite */
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 102 !important;
  /* CRITICAL: Above navigation (z-index: 101) */
  /* CRITICAL FIX: overflow must be visible to allow menu dropdown */
  overflow: visible !important;
  /* CRITICAL: Both X and Y must be visible for dropdown */
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  /* Entferne Shadow und Border die den weißen Balken verursachen */
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: none !important;
  /* WC-specific: Ensure toolbar-left doesn't cause height overflow */
  /* CRITICAL FIX: Allow profile menu to overflow toolbar bounds */
  /* CRITICAL FIX: Ensure menu container allows overflow */
}
body.woocommerce-account:not(.page-template-login) .header .toolbar,
body.woocommerce-page:not(.page-template-login) .header .toolbar {
  max-width: none !important;
  margin: 0 !important;
  padding: 16px 32px !important;
  width: 100% !important;
  min-height: var(--header-height, 80px) !important;
  /* CRITICAL FIX: min-height instead of height to allow menu overflow */
  overflow: visible !important;
  /* CRITICAL FIX: Allow dropdown menu to extend below toolbar */
}
body.woocommerce-account:not(.page-template-login) .header .toolbar-left,
body.woocommerce-page:not(.page-template-login) .header .toolbar-left {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  /* Prevent wrapping that causes height */
  overflow: hidden !important;
  /* Hide content that exceeds bounds */
  /* Hide subtitle and tax-estimate on WooCommerce pages to prevent overflow */
}
body.woocommerce-account:not(.page-template-login) .header .toolbar-left .subtitle,
body.woocommerce-account:not(.page-template-login) .header .toolbar-left .tax-estimate,
body.woocommerce-page:not(.page-template-login) .header .toolbar-left .subtitle,
body.woocommerce-page:not(.page-template-login) .header .toolbar-left .tax-estimate {
  display: none !important;
}
body.woocommerce-account:not(.page-template-login) .header .toolbar-right,
body.woocommerce-page:not(.page-template-login) .header .toolbar-right {
  overflow: visible !important;
  /* Allow dropdown menu to extend outside toolbar */
}
body.woocommerce-account:not(.page-template-login) .header .profile-menu-container,
body.woocommerce-page:not(.page-template-login) .header .profile-menu-container {
  overflow: visible !important;
  /* Allow menu dropdown to be visible */
}

/* =====================================================
   GLOBAL HEADER DESIGN: Standard für alle Seiten
   ===================================================== */
/*
   Gilt für: Homepage (Landing), Steuer-Profil, Dialog-Start, Interview (Single-Dialogue)
   Ausnahmen: BuddyPress Profile Edit, WooCommerce Customer Account

   ✅ FIX (2025-10-08): Einheitliches Header-Design für alle Standard-Templates
   Basierend auf tax_profile_page.html Design (Lines 97-121)
   ✅ FIX (2025-10-12): Homepage hinzugefügt für konsistentes Design
*/
body.page-template-page-landing-php .header,
body.page-template-steuer-profil-php .header,
body.page-template-dialog-start-php .header,
body.single-dialogue .header {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  background: var(--surface-color, #FFFFFF) !important;
  border-bottom: 1px solid #E0E0E0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  width: 100% !important;
  max-width: none !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
}
body.page-template-page-landing-php .header .toolbar,
body.page-template-steuer-profil-php .header .toolbar,
body.page-template-dialog-start-php .header .toolbar,
body.single-dialogue .header .toolbar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
body.page-template-page-landing-php .header .logo,
body.page-template-steuer-profil-php .header .logo,
body.page-template-dialog-start-php .header .logo,
body.single-dialogue .header .logo {
  font-weight: 700 !important;
  font-size: 24px !important;
  color: var(--primary-color, #23036A) !important;
}

/* Legacy MDC Icon Button Support - Außerhalb des Header-Scopes für globale Kompatibilität */
.mdc-icon-button {
  /* Verwende Header-Icon-Button Styles wenn innerhalb Header-Kontext */
}
.header .mdc-icon-button {
  border: none;
  background: transparent;
  color: inherit;
  border-radius: var(--border-radius-small);
  padding: var(--spacing-sm);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .mdc-icon-button:hover {
  background: rgba(0, 0, 0, 0.04);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* =====================================================
   WOOCOMMERCE ACCOUNT & BUDDYPRESS PROFILE - SHARED TOOL PAGE STYLING
   ===================================================== */
/* BuddyPress Profile + Steuererklärung Pages: Header navigation button - ISOLATED */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile,
body.page-template-steuererklaerungeingabestarten-php,
body.page-template-steuererklaerungpruefen-php,
body.page-template-steuer-profil-berechnung-php,
body.page-template-steuererklaerungeinreichen-php {
  /* Mobile-specific overrides */
}
body.profile-edit .header,
body.xprofile .header,
body.buddypress.profile-edit .header,
body.buddypress.xprofile .header,
body.page-template-steuererklaerungeingabestarten-php .header,
body.page-template-steuererklaerungpruefen-php .header,
body.page-template-steuer-profil-berechnung-php .header,
body.page-template-steuererklaerungeinreichen-php .header {
  /* Make sure hamburger button is visible and prominent */
}
body.profile-edit .header .icon-btn#menuBtn,
body.xprofile .header .icon-btn#menuBtn,
body.buddypress.profile-edit .header .icon-btn#menuBtn,
body.buddypress.xprofile .header .icon-btn#menuBtn,
body.page-template-steuererklaerungeingabestarten-php .header .icon-btn#menuBtn,
body.page-template-steuererklaerungpruefen-php .header .icon-btn#menuBtn,
body.page-template-steuer-profil-berechnung-php .header .icon-btn#menuBtn,
body.page-template-steuererklaerungeinreichen-php .header .icon-btn#menuBtn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10;
  /* Make icon more visible with better contrast */
}
body.profile-edit .header .icon-btn#menuBtn .material-symbols-outlined,
body.xprofile .header .icon-btn#menuBtn .material-symbols-outlined,
body.buddypress.profile-edit .header .icon-btn#menuBtn .material-symbols-outlined,
body.buddypress.xprofile .header .icon-btn#menuBtn .material-symbols-outlined,
body.page-template-steuererklaerungeingabestarten-php .header .icon-btn#menuBtn .material-symbols-outlined,
body.page-template-steuererklaerungpruefen-php .header .icon-btn#menuBtn .material-symbols-outlined,
body.page-template-steuer-profil-berechnung-php .header .icon-btn#menuBtn .material-symbols-outlined,
body.page-template-steuererklaerungeinreichen-php .header .icon-btn#menuBtn .material-symbols-outlined {
  font-size: 28px;
  color: var(--primary-color);
  font-weight: 600;
}
body.profile-edit .header .icon-btn#menuBtn:hover,
body.xprofile .header .icon-btn#menuBtn:hover,
body.buddypress.profile-edit .header .icon-btn#menuBtn:hover,
body.buddypress.xprofile .header .icon-btn#menuBtn:hover,
body.page-template-steuererklaerungeingabestarten-php .header .icon-btn#menuBtn:hover,
body.page-template-steuererklaerungpruefen-php .header .icon-btn#menuBtn:hover,
body.page-template-steuer-profil-berechnung-php .header .icon-btn#menuBtn:hover,
body.page-template-steuererklaerungeinreichen-php .header .icon-btn#menuBtn:hover {
  background: rgba(35, 3, 106, 0.08) !important;
}
@media (max-width: 1024px) {
  body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile,
body.page-template-steuererklaerungeingabestarten-php,
body.page-template-steuererklaerungpruefen-php,
body.page-template-steuer-profil-berechnung-php,
body.page-template-steuererklaerungeinreichen-php {
    /* Hide nav-header toggle button on mobile (use header hamburger instead) */
    /* Increase z-index for mobile navigation drawer */
  }
  body.profile-edit .header,
body.xprofile .header,
body.buddypress.profile-edit .header,
body.buddypress.xprofile .header,
body.page-template-steuererklaerungeingabestarten-php .header,
body.page-template-steuererklaerungpruefen-php .header,
body.page-template-steuer-profil-berechnung-php .header,
body.page-template-steuererklaerungeinreichen-php .header {
    /* Hide subtitle and tax-estimate on mobile */
    /* Force right buttons to be visible on mobile */
  }
  body.profile-edit .header .toolbar-left .subtitle,
body.profile-edit .header .toolbar-left .tax-estimate,
body.xprofile .header .toolbar-left .subtitle,
body.xprofile .header .toolbar-left .tax-estimate,
body.buddypress.profile-edit .header .toolbar-left .subtitle,
body.buddypress.profile-edit .header .toolbar-left .tax-estimate,
body.buddypress.xprofile .header .toolbar-left .subtitle,
body.buddypress.xprofile .header .toolbar-left .tax-estimate,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-left .subtitle,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-left .tax-estimate,
body.page-template-steuererklaerungpruefen-php .header .toolbar-left .subtitle,
body.page-template-steuererklaerungpruefen-php .header .toolbar-left .tax-estimate,
body.page-template-steuer-profil-berechnung-php .header .toolbar-left .subtitle,
body.page-template-steuer-profil-berechnung-php .header .toolbar-left .tax-estimate,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-left .subtitle,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-left .tax-estimate {
    display: none !important;
  }
  body.profile-edit .header .toolbar-right,
body.xprofile .header .toolbar-right,
body.buddypress.profile-edit .header .toolbar-right,
body.buddypress.xprofile .header .toolbar-right,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-right,
body.page-template-steuererklaerungpruefen-php .header .toolbar-right,
body.page-template-steuer-profil-berechnung-php .header .toolbar-right,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-right {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: var(--spacing-sm) !important;
  }
  body.profile-edit .header .toolbar-right .icon-btn,
body.xprofile .header .toolbar-right .icon-btn,
body.buddypress.profile-edit .header .toolbar-right .icon-btn,
body.buddypress.xprofile .header .toolbar-right .icon-btn,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-right .icon-btn,
body.page-template-steuererklaerungpruefen-php .header .toolbar-right .icon-btn,
body.page-template-steuer-profil-berechnung-php .header .toolbar-right .icon-btn,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-right .icon-btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    color: #23036A !important;
  }
  body.profile-edit .header .toolbar-right .icon-btn .material-symbols-outlined,
body.profile-edit .header .toolbar-right .icon-btn .material-icons,
body.xprofile .header .toolbar-right .icon-btn .material-symbols-outlined,
body.xprofile .header .toolbar-right .icon-btn .material-icons,
body.buddypress.profile-edit .header .toolbar-right .icon-btn .material-symbols-outlined,
body.buddypress.profile-edit .header .toolbar-right .icon-btn .material-icons,
body.buddypress.xprofile .header .toolbar-right .icon-btn .material-symbols-outlined,
body.buddypress.xprofile .header .toolbar-right .icon-btn .material-icons,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-right .icon-btn .material-symbols-outlined,
body.page-template-steuererklaerungeingabestarten-php .header .toolbar-right .icon-btn .material-icons,
body.page-template-steuererklaerungpruefen-php .header .toolbar-right .icon-btn .material-symbols-outlined,
body.page-template-steuererklaerungpruefen-php .header .toolbar-right .icon-btn .material-icons,
body.page-template-steuer-profil-berechnung-php .header .toolbar-right .icon-btn .material-symbols-outlined,
body.page-template-steuer-profil-berechnung-php .header .toolbar-right .icon-btn .material-icons,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-right .icon-btn .material-symbols-outlined,
body.page-template-steuererklaerungeinreichen-php .header .toolbar-right .icon-btn .material-icons {
    color: #23036A !important;
  }
  body.profile-edit .nav .nav-header,
body.xprofile .nav .nav-header,
body.buddypress.profile-edit .nav .nav-header,
body.buddypress.xprofile .nav .nav-header,
body.page-template-steuererklaerungeingabestarten-php .nav .nav-header,
body.page-template-steuererklaerungpruefen-php .nav .nav-header,
body.page-template-steuer-profil-berechnung-php .nav .nav-header,
body.page-template-steuererklaerungeinreichen-php .nav .nav-header {
    display: none !important;
  }
  body.profile-edit .nav,
body.xprofile .nav,
body.buddypress.profile-edit .nav,
body.buddypress.xprofile .nav,
body.page-template-steuererklaerungeingabestarten-php .nav,
body.page-template-steuererklaerungpruefen-php .nav,
body.page-template-steuer-profil-berechnung-php .nav,
body.page-template-steuererklaerungeinreichen-php .nav {
    z-index: 50 !important;
  }
  body.profile-edit .mdc-drawer,
body.xprofile .mdc-drawer,
body.buddypress.profile-edit .mdc-drawer,
body.buddypress.xprofile .mdc-drawer,
body.page-template-steuererklaerungeingabestarten-php .mdc-drawer,
body.page-template-steuererklaerungpruefen-php .mdc-drawer,
body.page-template-steuer-profil-berechnung-php .mdc-drawer,
body.page-template-steuererklaerungeinreichen-php .mdc-drawer {
    z-index: 101 !important;
  }
  body.profile-edit .mdc-drawer-scrim,
body.xprofile .mdc-drawer-scrim,
body.buddypress.profile-edit .mdc-drawer-scrim,
body.buddypress.xprofile .mdc-drawer-scrim,
body.page-template-steuererklaerungeingabestarten-php .mdc-drawer-scrim,
body.page-template-steuererklaerungpruefen-php .mdc-drawer-scrim,
body.page-template-steuer-profil-berechnung-php .mdc-drawer-scrim,
body.page-template-steuererklaerungeinreichen-php .mdc-drawer-scrim {
    z-index: 100 !important;
  }
}

/* WooCommerce Account: Header navigation button - SEPARATE */
body.woocommerce-account,
body.woocommerce-page {
  /* Mobile-specific overrides */
}
body.woocommerce-account .header,
body.woocommerce-page .header {
  /* Make sure hamburger button is visible and prominent */
}
body.woocommerce-account .header .icon-btn#menuBtn,
body.woocommerce-page .header .icon-btn#menuBtn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10;
  /* Make icon more visible with better contrast */
}
body.woocommerce-account .header .icon-btn#menuBtn .material-symbols-outlined,
body.woocommerce-page .header .icon-btn#menuBtn .material-symbols-outlined {
  font-size: 28px;
  color: var(--primary-color);
  font-weight: 600;
}
body.woocommerce-account .header .icon-btn#menuBtn:hover,
body.woocommerce-page .header .icon-btn#menuBtn:hover {
  background: rgba(35, 3, 106, 0.08) !important;
}
@media (max-width: 1024px) {
  body.woocommerce-account,
body.woocommerce-page {
    /* Hide nav-header toggle button on mobile (use header hamburger instead) */
    /* Increase z-index for mobile navigation drawer */
  }
  body.woocommerce-account .header,
body.woocommerce-page .header {
    /* Hide subtitle and tax-estimate on mobile */
    /* Force right buttons to be visible on mobile */
  }
  body.woocommerce-account .header .toolbar-left .subtitle,
body.woocommerce-account .header .toolbar-left .tax-estimate,
body.woocommerce-page .header .toolbar-left .subtitle,
body.woocommerce-page .header .toolbar-left .tax-estimate {
    display: none !important;
  }
  body.woocommerce-account .header .toolbar-right,
body.woocommerce-page .header .toolbar-right {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: var(--spacing-sm) !important;
  }
  body.woocommerce-account .header .toolbar-right .icon-btn,
body.woocommerce-page .header .toolbar-right .icon-btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    color: #23036A !important;
  }
  body.woocommerce-account .header .toolbar-right .icon-btn .material-symbols-outlined,
body.woocommerce-account .header .toolbar-right .icon-btn .material-icons,
body.woocommerce-page .header .toolbar-right .icon-btn .material-symbols-outlined,
body.woocommerce-page .header .toolbar-right .icon-btn .material-icons {
    color: #23036A !important;
  }
  body.woocommerce-account .wc-account-nav .nav-header,
body.woocommerce-account .nav .nav-header,
body.woocommerce-page .wc-account-nav .nav-header,
body.woocommerce-page .nav .nav-header {
    display: none !important;
  }
  body.woocommerce-account .wc-account-nav,
body.woocommerce-account .nav,
body.woocommerce-page .wc-account-nav,
body.woocommerce-page .nav {
    z-index: 50 !important;
  }
  body.woocommerce-account .mdc-drawer,
body.woocommerce-page .mdc-drawer {
    z-index: 101 !important;
  }
  body.woocommerce-account .mdc-drawer-scrim,
body.woocommerce-page .mdc-drawer-scrim {
    z-index: 100 !important;
  }
}

/* Hide Shepherd Tour Dialog on mobile */
@media (max-width: 1024px) {
  .shepherd-element,
.shepherd-modal-overlay-container,
.shepherd-modal-overlay,
.shepherd-content,
.shepherd-header,
.shepherd-text,
.shepherd-footer,
.shepherd-button,
.shepherd-cancel-icon,
.shepherd-arrow,
div[class^=shepherd-],
span[class^=shepherd-] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    z-index: -1 !important;
  }
}
/* ============================================
   Mobile Touch Target Accessibility Fix
   ============================================ */
@media (max-width: 768px) {
  .header .icon-btn {
    min-width: 44px;
    min-height: 44px;
    padding: var(--spacing-xs);
  }
}
/**
 * Main Container Layout - CSS Containment für Section Isolation
 * Ersetzt MDC-Grid mit modernem CSS Grid/Flexbox
 */
/* ============================================
   MAIN SECTION - CSS Containment
   ============================================ */
/* Main Section mit CSS Containment für Style-Isolation */
.main,
.site-main {
  /* CSS Containment: Isoliert Main-Styles von Header/Footer */
  contain: layout style;
  container-type: inline-size;
  /* Main-spezifische Design Tokens */
  --main-bg: var(--background-color);
  --main-min-height: calc(100vh - var(--header-height, 80px) - var(--footer-height, 200px));
  --main-padding: var(--spacing-xxl);
  --main-padding-mobile: var(--spacing-xl);
  /* Main Section Styling */
  background: var(--main-bg);
  min-height: var(--main-min-height);
  padding: var(--main-padding) 0;
  /* ============================================
     CONTAINER SYSTEM - Ersetzt MDC-Grid
     ============================================ */
  /* Main Container - Scoped to Main Section */
  /* Main Container Alias - Legacy Support */
  /* ============================================
     PAGE HEADER - Konsistente Seitenüberschriften
     ============================================ */
  /* Main Page Header - Scoped to Main Section */
  /* ============================================
     CONTENT LAYOUTS - Verschiedene Inhaltslayouts
     ============================================ */
  /* Main Content Wrapper - Scoped to Main Section */
  /* Main Content Centered - Ersetzt mdc-layout-grid__cell--span-6-desktop */
  /* Main Content Grid - Scoped to Main Section */
  /* Main Content Full Width - Scoped to Main Section */
  /* ============================================
     CONTENT ELEMENTS - Inhaltselemente
     ============================================ */
  /* Main Content Title - Scoped to Main Section */
  /* Main Page Links - Scoped to Main Section */
  /* Main Comments Wrapper - Scoped to Main Section */
}
@container (max-width: 768px) {
  .main,
.site-main {
    padding: var(--main-padding-mobile) 0;
    min-height: calc(100vh - 60px - 300px);
  }
}
.main .container, .main .mdc-layout-grid,
.site-main .container,
.site-main .mdc-layout-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  width: 100%;
}
@container (max-width: 1024px) {
  .main .container, .main .mdc-layout-grid,
.site-main .container,
.site-main .mdc-layout-grid {
    padding: 0 var(--spacing-md);
  }
}
@container (max-width: 768px) {
  .main .container, .main .mdc-layout-grid,
.site-main .container,
.site-main .mdc-layout-grid {
    padding: 0 var(--spacing-sm);
  }
}
.main .main-container,
.site-main .main-container {
  /* Leitet zu Main Section weiter */
  background: inherit;
  min-height: inherit;
  padding: inherit;
}
.main .page-header,
.site-main .page-header {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}
.main .page-header .page-title,
.site-main .page-header .page-title {
  font-size: var(--font-size-h1);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}
@container (max-width: 768px) {
  .main .page-header .page-title,
.site-main .page-header .page-title {
    font-size: var(--font-size-h2);
  }
}
.main .page-header .page-description,
.site-main .page-header .page-description {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
  font-weight: 300;
}
.main .content-wrapper, .main .mdc-layout-grid__inner,
.site-main .content-wrapper,
.site-main .mdc-layout-grid__inner {
  width: 100%;
  margin: 0 auto;
}
.main .content-centered, .main .mdc-layout-grid__cell--span-6-desktop.mitte,
.site-main .content-centered,
.site-main .mdc-layout-grid__cell--span-6-desktop.mitte {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}
@container (max-width: 768px) {
  .main .content-centered, .main .mdc-layout-grid__cell--span-6-desktop.mitte,
.site-main .content-centered,
.site-main .mdc-layout-grid__cell--span-6-desktop.mitte {
    padding: 0;
  }
}
.main .content-grid,
.site-main .content-grid {
  display: grid;
  gap: var(--spacing-xl);
  width: 100%;
  /* Zwei-Spalten-Layout */
  /* Drei-Spalten-Layout */
}
.main .content-grid.two-column,
.site-main .content-grid.two-column {
  grid-template-columns: 2fr 1fr;
}
@container (max-width: 1024px) {
  .main .content-grid.two-column,
.site-main .content-grid.two-column {
    grid-template-columns: 1fr;
  }
}
.main .content-grid.two-column .content-main,
.site-main .content-grid.two-column .content-main {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.main .content-grid.two-column .content-sidebar,
.site-main .content-grid.two-column .content-sidebar {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  position: sticky;
  top: var(--spacing-lg);
  -ms-flex-item-align: start;
      align-self: start;
}
@container (max-width: 1024px) {
  .main .content-grid.two-column .content-sidebar,
.site-main .content-grid.two-column .content-sidebar {
    position: static;
  }
}
.main .content-grid.three-column,
.site-main .content-grid.three-column {
  grid-template-columns: 1fr 2fr 1fr;
}
@container (max-width: 1024px) {
  .main .content-grid.three-column,
.site-main .content-grid.three-column {
    grid-template-columns: 2fr 1fr;
  }
  .main .content-grid.three-column .content-sidebar-left,
.site-main .content-grid.three-column .content-sidebar-left {
    display: none;
  }
}
@container (max-width: 768px) {
  .main .content-grid.three-column,
.site-main .content-grid.three-column {
    grid-template-columns: 1fr;
  }
  .main .content-grid.three-column .content-sidebar-left,
.main .content-grid.three-column .content-sidebar-right,
.site-main .content-grid.three-column .content-sidebar-left,
.site-main .content-grid.three-column .content-sidebar-right {
    display: none;
  }
}
.main .content-full,
.site-main .content-full {
  width: 100%;
  max-width: none;
}
.main .content-title,
.site-main .content-title {
  font-size: var(--font-size-h2);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.3;
}
@container (max-width: 768px) {
  .main .content-title,
.site-main .content-title {
    font-size: var(--font-size-h3);
    margin-bottom: var(--spacing-lg);
  }
}
.main .page-links,
.site-main .page-links {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--border-gray);
  text-align: center;
}
.main .page-links a,
.site-main .page-links a {
  color: var(--primary-color);
  text-decoration: none;
  padding: var(--spacing-xs) var(--spacing-sm);
  margin: 0 var(--spacing-xs);
  border-radius: var(--border-radius-small);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main .page-links a:hover,
.site-main .page-links a:hover {
  background: var(--primary-color);
  color: var(--text-on-primary);
}
.main .comments-wrapper,
.site-main .comments-wrapper {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-xl);
  border-top: 2px solid var(--border-gray);
}

/* Ende Main Section Containment */
/* ============================================
   LAYOUT MODIFIERS - Layout-Variationen
   ============================================ */
/* Layout-spezifische Anpassungen */
.layout-centered .content-wrapper, .layout-centered .mdc-layout-grid__inner {
  max-width: 800px;
}

.layout-two-column .content-wrapper, .layout-two-column .mdc-layout-grid__inner {
  max-width: 1200px;
}

.layout-three-column .content-wrapper, .layout-three-column .mdc-layout-grid__inner {
  max-width: 1400px;
}

.layout-full-width .content-wrapper, .layout-full-width .mdc-layout-grid__inner {
  max-width: none;
  padding: 0;
}

/* ============================================
   RESPONSIVE UTILITIES
   ============================================ */
/* Hide/Show basierend auf Viewport */
@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .mobile-only {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .tablet-hidden {
    display: none !important;
  }
}
/* ============================================
   BACKWARDS COMPATIBILITY
   Mapping für alte MDC-Grid-Klassen
   ============================================ */
/* Temporäre Mappings während Migration */
/* Diese können nach vollständiger Migration entfernt werden */
/**
 * Footer Styles - CSS Containment für Section Isolation
 * Basiert auf der HTML-Vorlage ohne MDC Grid
 */
/* ============================================
   FOOTER SECTION - CSS Containment
   ============================================ */
/* Footer Section mit CSS Containment für Style-Isolation */
.footer,
.site-footer {
  /* CSS Containment: Isoliert Footer-Styles von Header/Main */
  contain: layout style;
  container-type: inline-size;
  /* Footer-spezifische Design Tokens */
  --footer-height: 200px;
  --footer-bg: var(--primary-color);
  --footer-text: var(--text-on-primary);
  --footer-padding: var(--spacing-4xl);
  --footer-padding-bottom: var(--spacing-lg);
  /* Footer Section Styling */
  background: var(--footer-bg);
  color: var(--footer-text);
  padding: var(--footer-padding) 0 var(--footer-padding-bottom);
  margin-top: auto;
  /* Push footer to bottom */
  /* Footer Container - Scoped to Footer Section */
  /* Footer Content Grid - Scoped to Footer Section */
  /* Footer Sections - Scoped to Footer Section */
  /* Footer Links - Scoped to Footer Section */
  /* Footer Payment Methods - Scoped to Footer Section */
  /* Footer Hosted Badge - Scoped to Footer Section */
  /* Footer Bottom - Scoped to Footer Section */
  /* Footer Mobile Responsive - Container Queries für bessere Isolation */
  /* Footer Extra Small Screens - Container Queries */
}
.footer .container, .footer .mdc-layout-grid,
.site-footer .container,
.site-footer .mdc-layout-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}
@container (max-width: 768px) {
  .footer .container, .footer .mdc-layout-grid,
.site-footer .container,
.site-footer .mdc-layout-grid {
    padding: 0 var(--spacing-md);
  }
}
.footer .footer-content,
.site-footer .footer-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}
@container (max-width: 768px) {
  .footer .footer-content,
.site-footer .footer-content {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
}
.footer .footer-section h4,
.site-footer .footer-section h4 {
  margin-bottom: var(--spacing-md);
  font-weight: var(--font-weight-medium);
  /* Medium weight aus Design System */
  font-size: var(--font-size-body);
  /* Body: 16px - kleiner für Footer */
  line-height: var(--line-height-body);
  /* Body line-height */
  color: var(--footer-text);
}
.footer .footer-section .footer-tagline,
.site-footer .footer-section .footer-tagline {
  opacity: 0.8;
  margin-bottom: var(--spacing-lg);
  font-weight: var(--font-weight-light);
  /* Light weight aus Design System */
  font-size: var(--font-size-caption);
  /* Caption: 14px - kleiner für Footer */
  line-height: var(--line-height-caption);
  /* Caption line-height */
}
.footer .footer-links,
.site-footer .footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer .footer-links li,
.site-footer .footer-links li {
  margin-bottom: var(--spacing-sm);
}
.footer .footer-links a,
.site-footer .footer-links a {
  color: var(--footer-text);
  text-decoration: none;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-size: var(--font-size-caption);
  /* Caption: 14px - kleiner für Footer Links */
  font-weight: var(--font-weight-regular);
  /* Regular weight für bessere Lesbarkeit */
}
.footer .footer-links a:hover, .footer .footer-links a:focus,
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus {
  opacity: 1;
  text-decoration: none;
}
.footer .footer-links a:visited,
.site-footer .footer-links a:visited {
  color: var(--footer-text);
}
.footer .payment-methods,
.site-footer .payment-methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer .payment-methods .payment-method,
.site-footer .payment-methods .payment-method {
  background: var(--surface-color);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-small);
  color: var(--text-primary);
  font-weight: var(--font-weight-regular);
  /* Regular weight aus Design System */
  font-size: var(--font-size-caption);
  /* Caption: 14px aus Design System */
}
.footer .footer-hosted-badge,
.site-footer .footer-hosted-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  background: rgba(255, 255, 255, 0.1);
  color: var(--footer-text) !important;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-small);
  font-size: var(--font-size-caption) !important;
  /* Caption: 14px aus Design System */
  font-weight: var(--font-weight-regular) !important;
  /* Regular weight aus Design System */
  line-height: var(--line-height-caption) !important;
  margin-top: var(--spacing-md);
  backdrop-filter: blur(10px);
}
.footer .footer-hosted-badge .material-symbols-outlined,
.site-footer .footer-hosted-badge .material-symbols-outlined {
  font-size: 24px !important;
}
.footer .footer-hosted-badge strong,
.site-footer .footer-hosted-badge strong {
  display: block;
  font-weight: var(--font-weight-medium) !important;
  /* Medium weight */
  font-size: var(--font-size-caption) !important;
  line-height: var(--line-height-caption) !important;
}
.footer .footer-hosted-badge div,
.site-footer .footer-hosted-badge div {
  font-size: var(--font-size-caption) !important;
  line-height: var(--line-height-caption) !important;
  font-weight: var(--font-weight-regular) !important;
}
.footer .footer-bottom,
.site-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: var(--spacing-lg);
  text-align: center;
}
.footer .footer-bottom p,
.site-footer .footer-bottom p {
  opacity: 0.8;
  font-size: var(--font-size-small) !important;
  /* Small: 12px - Force override */
  font-weight: var(--font-weight-regular) !important;
  /* Regular weight für bessere Lesbarkeit */
  line-height: var(--line-height-small) !important;
  /* Small line-height aus Design System */
  margin-bottom: var(--spacing-sm);
}
.footer .footer-bottom p:last-child,
.site-footer .footer-bottom p:last-child {
  margin-bottom: 0;
}
.footer .footer-bottom .copyright,
.site-footer .footer-bottom .copyright {
  margin-top: var(--spacing-md);
  opacity: 0.6;
}
@container (max-width: 768px) {
  .footer,
.site-footer {
    padding: var(--spacing-xl) 0 var(--spacing-md);
  }
  .footer .footer-content,
.site-footer .footer-content {
    text-align: center;
  }
  .footer .footer-links li,
.site-footer .footer-links li {
    margin-bottom: var(--spacing-md);
  }
  .footer .payment-methods,
.site-footer .payment-methods {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .footer-hosted-badge,
.site-footer .footer-hosted-badge {
    margin: var(--spacing-lg) auto 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@container (max-width: 480px) {
  .footer .payment-methods,
.site-footer .payment-methods {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer .payment-methods .payment-method,
.site-footer .payment-methods .payment-method {
    width: 100%;
    text-align: center;
  }
}

/* Ende Footer Section Containment */
/**
 * BuddyPress Profile Layout System - ISOLATED
 * Purpose: BuddyPress-specific grid layout and overflow management
 * Scope: ONLY body.profile-edit, body.xprofile, body.buddypress pages
 * Design System: DESIGN-SYSTEM-TOOL.md
 */
/* ============================================
   BUDDYPRESS-SPECIFIC OVERFLOW PREVENTION
   ============================================ */
/* CRITICAL: SCOPED to BuddyPress pages ONLY - NOT WooCommerce! */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile {
  overflow-x: hidden !important;
  /* Prevent horizontal scrollbar */
  overflow-y: visible !important;
  /* FIXED: Prevent infinite scroll bug - allow content to flow naturally */
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.profile-edit #wrapper,
body.profile-edit .buddypress-wrap,
body.xprofile #wrapper,
body.xprofile .buddypress-wrap,
body.buddypress.profile-edit #wrapper,
body.buddypress.profile-edit .buddypress-wrap,
body.buddypress.xprofile #wrapper,
body.buddypress.xprofile .buddypress-wrap {
  overflow-x: hidden !important;
  /* Prevent horizontal scrollbar */
  overflow-y: visible !important;
  /* FIXED: Prevent infinite scroll bug - allow content to flow naturally */
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ============================================
   LAYOUT VARIABLES & TOKENS
   ============================================ */
:root {
  /* Navigation */
  --nav-width: 280px;
  --nav-width-collapsed: 72px;
  --help-width: 400px;
  /* Layout Heights */
  --toolbar-height: 64px;
  /* Z-Index Layer System */
  --z-overlay: 45;
  --z-drawer: 50;
  --z-toolbar: 40;
  --z-help: 50;
}

/* ============================================
   APP CONTAINER - BUDDYPRESS GRID SYSTEM
   ============================================ */
/* SCOPED: Only apply to BuddyPress pages */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile {
  /* Help Panel Open State */
  /* Navigation Collapsed State */
  /* Navigation Hidden State */
}
body.profile-edit .profile-app-container,
body.profile-edit .app-container,
body.xprofile .profile-app-container,
body.xprofile .app-container,
body.buddypress.profile-edit .profile-app-container,
body.buddypress.profile-edit .app-container,
body.buddypress.xprofile .profile-app-container,
body.buddypress.xprofile .app-container {
  display: grid;
  grid-template-columns: var(--nav-width) 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "nav main";
  min-height: calc(100vh - var(--header-height, 80px));
  /* FIXED: Changed to min-height to prevent infinite scroll */
  gap: 0;
  background: var(--background-color);
  /* CRITICAL: Prevent horizontal overflow, allow dynamic viewport resizing */
  width: 100%;
  /* Use 100% instead of 100vw for dynamic resizing */
  overflow-x: hidden !important;
  /* Prevent horizontal scrollbar */
  overflow-y: visible !important;
  /* FIXED: Prevent infinite scroll bug - allow content to flow naturally */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* SMOOTH TRANSITIONS for grid layout changes */
  -webkit-transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1), -ms-grid-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
body.profile-edit .profile-app-container.help-open,
body.profile-edit .app-container.help-open,
body.xprofile .profile-app-container.help-open,
body.xprofile .app-container.help-open,
body.buddypress.profile-edit .profile-app-container.help-open,
body.buddypress.profile-edit .app-container.help-open,
body.buddypress.xprofile .profile-app-container.help-open,
body.buddypress.xprofile .app-container.help-open {
  grid-template-columns: var(--nav-width) 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "nav main help";
}
body.profile-edit .profile-app-container.nav-collapsed,
body.profile-edit .app-container.nav-collapsed,
body.xprofile .profile-app-container.nav-collapsed,
body.xprofile .app-container.nav-collapsed,
body.buddypress.profile-edit .profile-app-container.nav-collapsed,
body.buddypress.profile-edit .app-container.nav-collapsed,
body.buddypress.xprofile .profile-app-container.nav-collapsed,
body.buddypress.xprofile .app-container.nav-collapsed {
  grid-template-columns: var(--nav-width-collapsed) 1fr;
}
body.profile-edit .profile-app-container.nav-collapsed.help-open,
body.profile-edit .app-container.nav-collapsed.help-open,
body.xprofile .profile-app-container.nav-collapsed.help-open,
body.xprofile .app-container.nav-collapsed.help-open,
body.buddypress.profile-edit .profile-app-container.nav-collapsed.help-open,
body.buddypress.profile-edit .app-container.nav-collapsed.help-open,
body.buddypress.xprofile .profile-app-container.nav-collapsed.help-open,
body.buddypress.xprofile .app-container.nav-collapsed.help-open {
  grid-template-columns: var(--nav-width-collapsed) 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "nav main help";
}
body.profile-edit .profile-app-container.nav-hidden,
body.profile-edit .app-container.nav-hidden,
body.xprofile .profile-app-container.nav-hidden,
body.xprofile .app-container.nav-hidden,
body.buddypress.profile-edit .profile-app-container.nav-hidden,
body.buddypress.profile-edit .app-container.nav-hidden,
body.buddypress.xprofile .profile-app-container.nav-hidden,
body.buddypress.xprofile .app-container.nav-hidden {
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}
body.profile-edit .profile-app-container.nav-hidden.help-open,
body.profile-edit .app-container.nav-hidden.help-open,
body.xprofile .profile-app-container.nav-hidden.help-open,
body.xprofile .app-container.nav-hidden.help-open,
body.buddypress.profile-edit .profile-app-container.nav-hidden.help-open,
body.buddypress.profile-edit .app-container.nav-hidden.help-open,
body.buddypress.xprofile .profile-app-container.nav-hidden.help-open,
body.buddypress.xprofile .app-container.nav-hidden.help-open {
  grid-template-columns: 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "main help";
}

/* ============================================
   NAVIGATION AREA - BUDDYPRESS
   ============================================ */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile {
  /* Navigation Header */
  /* Navigation Items Container */
}
body.profile-edit .profile-navigation,
body.profile-edit .nav,
body.xprofile .profile-navigation,
body.xprofile .nav,
body.buddypress.profile-edit .profile-navigation,
body.buddypress.profile-edit .nav,
body.buddypress.xprofile .profile-navigation,
body.buddypress.xprofile .nav {
  grid-area: nav;
  background: var(--primary-color);
  color: var(--text-on-primary);
  overflow-y: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* CRITICAL: Navigation should fill grid cell height exactly */
  height: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.profile-edit .profile-nav-header,
body.profile-edit .nav-header,
body.xprofile .profile-nav-header,
body.xprofile .nav-header,
body.buddypress.profile-edit .profile-nav-header,
body.buddypress.profile-edit .nav-header,
body.buddypress.xprofile .profile-nav-header,
body.buddypress.xprofile .nav-header {
  padding: var(--spacing-md);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 64px !important;
  /* More height for toggle button */
  overflow: visible !important;
  /* Prevent clipping */
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body.profile-edit .profile-nav-toggle,
body.profile-edit .nav-toggle,
body.xprofile .profile-nav-toggle,
body.xprofile .nav-toggle,
body.buddypress.profile-edit .profile-nav-toggle,
body.buddypress.profile-edit .nav-toggle,
body.buddypress.xprofile .profile-nav-toggle,
body.buddypress.xprofile .nav-toggle {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}
body.profile-edit .profile-nav-toggle:hover,
body.profile-edit .nav-toggle:hover,
body.xprofile .profile-nav-toggle:hover,
body.xprofile .nav-toggle:hover,
body.buddypress.profile-edit .profile-nav-toggle:hover,
body.buddypress.profile-edit .nav-toggle:hover,
body.buddypress.xprofile .profile-nav-toggle:hover,
body.buddypress.xprofile .nav-toggle:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
}
body.profile-edit .profile-nav-items,
body.profile-edit .nav-items,
body.xprofile .profile-nav-items,
body.xprofile .nav-items,
body.buddypress.profile-edit .profile-nav-items,
body.buddypress.profile-edit .nav-items,
body.buddypress.xprofile .profile-nav-items,
body.buddypress.xprofile .nav-items {
  padding: var(--spacing-md);
}

/* ============================================
   MAIN CONTENT AREA - BUDDYPRESS
   ============================================ */
body.profile-edit .profile-main,
body.profile-edit .main,
body.xprofile .profile-main,
body.xprofile .main,
body.buddypress.profile-edit .profile-main,
body.buddypress.profile-edit .main,
body.buddypress.xprofile .profile-main,
body.buddypress.xprofile .main {
  grid-area: main;
  padding: var(--spacing-xl);
  overflow-x: hidden !important;
  /* FIXED: Prevent horizontal scrollbar */
  overflow-y: visible !important;
  /* FIXED: Allow vertical content to flow, prevent infinite scroll */
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* CRITICAL: Include padding in width calculation */
}
body.profile-edit .profile-main-header,
body.profile-edit .page-header,
body.xprofile .profile-main-header,
body.xprofile .page-header,
body.buddypress.profile-edit .profile-main-header,
body.buddypress.profile-edit .page-header,
body.buddypress.xprofile .profile-main-header,
body.buddypress.xprofile .page-header {
  margin-bottom: var(--spacing-xl);
}
body.profile-edit .profile-page-title,
body.profile-edit .page-title,
body.xprofile .profile-page-title,
body.xprofile .page-title,
body.buddypress.profile-edit .profile-page-title,
body.buddypress.profile-edit .page-title,
body.buddypress.xprofile .profile-page-title,
body.buddypress.xprofile .page-title {
  font-size: var(--font-size-h2);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  color: var(--text-primary);
}
body.profile-edit .profile-page-description,
body.profile-edit .page-description,
body.xprofile .profile-page-description,
body.xprofile .page-description,
body.buddypress.profile-edit .profile-page-description,
body.buddypress.profile-edit .page-description,
body.buddypress.xprofile .profile-page-description,
body.buddypress.xprofile .page-description {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  max-width: 80ch;
  line-height: 1.6;
}

/* CRITICAL FIX: Override any other rules with even higher specificity */
body.profile-edit main.main,
body.profile-edit .main,
body.profile-edit .site-main,
body.xprofile main.main,
body.xprofile .main,
body.xprofile .site-main {
  overflow-y: visible !important;
  /* FIXED: Prevent infinite scroll bug */
}

/* ============================================
   HELP PANEL - BUDDYPRESS
   ============================================ */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile,
body.page-template-steuererklaerungpruefen-php,
body.page-template-steuer-profil-berechnung-php {
  /* Help Panel Header - Design-Vorlage: margin-bottom: 16px, kein border */
  /* Help Panel Title - Design-Vorlage: font-size: 1rem (16px), gap: 8px */
  /* Help Panel Content - Design-Vorlage: halbtransparenter Hintergrund, abgerundete Ecken */
  /* Help Panel Footer - Design-Vorlage: kein Padding, Button füllt Breite */
}
body.profile-edit .profile-help,
body.profile-edit .help,
body.xprofile .profile-help,
body.xprofile .help,
body.buddypress.profile-edit .profile-help,
body.buddypress.profile-edit .help,
body.buddypress.xprofile .profile-help,
body.buddypress.xprofile .help,
body.page-template-steuererklaerungpruefen-php .profile-help,
body.page-template-steuererklaerungpruefen-php .help,
body.page-template-steuer-profil-berechnung-php .profile-help,
body.page-template-steuer-profil-berechnung-php .help {
  grid-area: help;
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  display: none;
  /* Hidden by default - JavaScript will show when needed */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  /* Design-Vorlage: var(--spacing-lg) = 24px */
  /* CRITICAL: Full viewport height minus header to avoid scrolling */
  height: calc(100vh - var(--header-height, 80px));
  min-height: calc(100vh - var(--header-height, 80px));
  max-height: calc(100vh - var(--header-height, 80px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* SMOOTH FADE ANIMATION */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
body.profile-edit .profile-help.show,
body.profile-edit .help.show,
body.xprofile .profile-help.show,
body.xprofile .help.show,
body.buddypress.profile-edit .profile-help.show,
body.buddypress.profile-edit .help.show,
body.buddypress.xprofile .profile-help.show,
body.buddypress.xprofile .help.show,
body.page-template-steuererklaerungpruefen-php .profile-help.show,
body.page-template-steuererklaerungpruefen-php .help.show,
body.page-template-steuer-profil-berechnung-php .profile-help.show,
body.page-template-steuer-profil-berechnung-php .help.show {
  /* Show as flex and fade in */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
body.profile-edit .profile-help-header,
body.profile-edit .help-header,
body.xprofile .profile-help-header,
body.xprofile .help-header,
body.buddypress.profile-edit .profile-help-header,
body.buddypress.profile-edit .help-header,
body.buddypress.xprofile .profile-help-header,
body.buddypress.xprofile .help-header,
body.page-template-steuererklaerungpruefen-php .profile-help-header,
body.page-template-steuererklaerungpruefen-php .help-header,
body.page-template-steuer-profil-berechnung-php .profile-help-header,
body.page-template-steuer-profil-berechnung-php .help-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin-bottom: 16px;
}
body.profile-edit .profile-help-title,
body.profile-edit .help-title,
body.xprofile .profile-help-title,
body.xprofile .help-title,
body.buddypress.profile-edit .profile-help-title,
body.buddypress.profile-edit .help-title,
body.buddypress.xprofile .profile-help-title,
body.buddypress.xprofile .help-title,
body.page-template-steuererklaerungpruefen-php .profile-help-title,
body.page-template-steuererklaerungpruefen-php .help-title,
body.page-template-steuer-profil-berechnung-php .profile-help-title,
body.page-template-steuer-profil-berechnung-php .help-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
}
body.profile-edit .profile-help-title .bp-profile__icon,
body.profile-edit .profile-help-title .material-symbols-outlined,
body.profile-edit .help-title .bp-profile__icon,
body.profile-edit .help-title .material-symbols-outlined,
body.xprofile .profile-help-title .bp-profile__icon,
body.xprofile .profile-help-title .material-symbols-outlined,
body.xprofile .help-title .bp-profile__icon,
body.xprofile .help-title .material-symbols-outlined,
body.buddypress.profile-edit .profile-help-title .bp-profile__icon,
body.buddypress.profile-edit .profile-help-title .material-symbols-outlined,
body.buddypress.profile-edit .help-title .bp-profile__icon,
body.buddypress.profile-edit .help-title .material-symbols-outlined,
body.buddypress.xprofile .profile-help-title .bp-profile__icon,
body.buddypress.xprofile .profile-help-title .material-symbols-outlined,
body.buddypress.xprofile .help-title .bp-profile__icon,
body.buddypress.xprofile .help-title .material-symbols-outlined,
body.page-template-steuererklaerungpruefen-php .profile-help-title .bp-profile__icon,
body.page-template-steuererklaerungpruefen-php .profile-help-title .material-symbols-outlined,
body.page-template-steuererklaerungpruefen-php .help-title .bp-profile__icon,
body.page-template-steuererklaerungpruefen-php .help-title .material-symbols-outlined,
body.page-template-steuer-profil-berechnung-php .profile-help-title .bp-profile__icon,
body.page-template-steuer-profil-berechnung-php .profile-help-title .material-symbols-outlined,
body.page-template-steuer-profil-berechnung-php .help-title .bp-profile__icon,
body.page-template-steuer-profil-berechnung-php .help-title .material-symbols-outlined {
  font-size: 20px;
}
body.profile-edit .profile-help-content,
body.profile-edit .help-content,
body.xprofile .profile-help-content,
body.xprofile .help-content,
body.buddypress.profile-edit .profile-help-content,
body.buddypress.profile-edit .help-content,
body.buddypress.xprofile .profile-help-content,
body.buddypress.xprofile .help-content,
body.page-template-steuererklaerungpruefen-php .profile-help-content,
body.page-template-steuererklaerungpruefen-php .help-content,
body.page-template-steuer-profil-berechnung-php .profile-help-content,
body.page-template-steuer-profil-berechnung-php .help-content {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* Fill remaining space between header and footer */
  margin-bottom: 16px;
  overflow-y: auto;
  /* Scrollable if content overflows */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.profile-edit .profile-help-content p,
body.profile-edit .help-content p,
body.xprofile .profile-help-content p,
body.xprofile .help-content p,
body.buddypress.profile-edit .profile-help-content p,
body.buddypress.profile-edit .help-content p,
body.buddypress.xprofile .profile-help-content p,
body.buddypress.xprofile .help-content p,
body.page-template-steuererklaerungpruefen-php .profile-help-content p,
body.page-template-steuererklaerungpruefen-php .help-content p,
body.page-template-steuer-profil-berechnung-php .profile-help-content p,
body.page-template-steuer-profil-berechnung-php .help-content p {
  margin-bottom: 12px;
}
body.profile-edit .profile-help-content p:last-child,
body.profile-edit .help-content p:last-child,
body.xprofile .profile-help-content p:last-child,
body.xprofile .help-content p:last-child,
body.buddypress.profile-edit .profile-help-content p:last-child,
body.buddypress.profile-edit .help-content p:last-child,
body.buddypress.xprofile .profile-help-content p:last-child,
body.buddypress.xprofile .help-content p:last-child,
body.page-template-steuererklaerungpruefen-php .profile-help-content p:last-child,
body.page-template-steuererklaerungpruefen-php .help-content p:last-child,
body.page-template-steuer-profil-berechnung-php .profile-help-content p:last-child,
body.page-template-steuer-profil-berechnung-php .help-content p:last-child {
  margin-bottom: 0;
}
body.profile-edit .profile-help-footer,
body.profile-edit .help-footer,
body.xprofile .profile-help-footer,
body.xprofile .help-footer,
body.buddypress.profile-edit .profile-help-footer,
body.buddypress.profile-edit .help-footer,
body.buddypress.xprofile .profile-help-footer,
body.buddypress.xprofile .help-footer,
body.page-template-steuererklaerungpruefen-php .profile-help-footer,
body.page-template-steuererklaerungpruefen-php .help-footer,
body.page-template-steuer-profil-berechnung-php .profile-help-footer,
body.page-template-steuer-profil-berechnung-php .help-footer {
  padding: 0;
}

/* ============================================
   RESPONSIVE DESIGN - BUDDYPRESS
   ============================================ */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile {
  /* Tablet Layout - Preserve desktop grid but adjust spacing */
  /* Mobile Layout - Switch to full-width main with overlay help */
  /* Tablet Responsive */
}
@media (max-width: 1280px) and (min-width: 1025px) {
  body.profile-edit .profile-main,
body.profile-edit .main,
body.xprofile .profile-main,
body.xprofile .main,
body.buddypress.profile-edit .profile-main,
body.buddypress.profile-edit .main,
body.buddypress.xprofile .profile-main,
body.buddypress.xprofile .main {
    padding: var(--spacing-lg);
    /* Reduce padding on smaller screens */
  }
}
@media (max-width: 1024px) {
  body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile {
    /* CRITICAL: Force grid to single column, hide side panels */
    /* Hide navigation completely on mobile */
    /* Hide help panel from grid, show as overlay instead */
    /* Show help panel as fixed overlay when .show class is applied */
    /* Main section takes full width */
  }
  body.profile-edit .profile-app-container,
body.profile-edit .profile-app-container.nav-collapsed,
body.profile-edit .profile-app-container.nav-hidden,
body.profile-edit .profile-app-container.help-open,
body.profile-edit .profile-app-container.nav-collapsed.help-open,
body.profile-edit .profile-app-container.nav-hidden.help-open,
body.profile-edit .app-container,
body.profile-edit .app-container.nav-collapsed,
body.profile-edit .app-container.nav-hidden,
body.profile-edit .app-container.help-open,
body.profile-edit .app-container.nav-collapsed.help-open,
body.profile-edit .app-container.nav-hidden.help-open,
body.xprofile .profile-app-container,
body.xprofile .profile-app-container.nav-collapsed,
body.xprofile .profile-app-container.nav-hidden,
body.xprofile .profile-app-container.help-open,
body.xprofile .profile-app-container.nav-collapsed.help-open,
body.xprofile .profile-app-container.nav-hidden.help-open,
body.xprofile .app-container,
body.xprofile .app-container.nav-collapsed,
body.xprofile .app-container.nav-hidden,
body.xprofile .app-container.help-open,
body.xprofile .app-container.nav-collapsed.help-open,
body.xprofile .app-container.nav-hidden.help-open,
body.buddypress.profile-edit .profile-app-container,
body.buddypress.profile-edit .profile-app-container.nav-collapsed,
body.buddypress.profile-edit .profile-app-container.nav-hidden,
body.buddypress.profile-edit .profile-app-container.help-open,
body.buddypress.profile-edit .profile-app-container.nav-collapsed.help-open,
body.buddypress.profile-edit .profile-app-container.nav-hidden.help-open,
body.buddypress.profile-edit .app-container,
body.buddypress.profile-edit .app-container.nav-collapsed,
body.buddypress.profile-edit .app-container.nav-hidden,
body.buddypress.profile-edit .app-container.help-open,
body.buddypress.profile-edit .app-container.nav-collapsed.help-open,
body.buddypress.profile-edit .app-container.nav-hidden.help-open,
body.buddypress.xprofile .profile-app-container,
body.buddypress.xprofile .profile-app-container.nav-collapsed,
body.buddypress.xprofile .profile-app-container.nav-hidden,
body.buddypress.xprofile .profile-app-container.help-open,
body.buddypress.xprofile .profile-app-container.nav-collapsed.help-open,
body.buddypress.xprofile .profile-app-container.nav-hidden.help-open,
body.buddypress.xprofile .app-container,
body.buddypress.xprofile .app-container.nav-collapsed,
body.buddypress.xprofile .app-container.nav-hidden,
body.buddypress.xprofile .app-container.help-open,
body.buddypress.xprofile .app-container.nav-collapsed.help-open,
body.buddypress.xprofile .app-container.nav-hidden.help-open {
    grid-template-columns: 1fr !important;
    /* Force single column */
    grid-template-areas: "main" !important;
    /* Only main area */
    grid-template-rows: 1fr !important;
    /* Single row */
  }
  body.profile-edit .profile-navigation,
body.profile-edit .nav,
body.xprofile .profile-navigation,
body.xprofile .nav,
body.buddypress.profile-edit .profile-navigation,
body.buddypress.profile-edit .nav,
body.buddypress.xprofile .profile-navigation,
body.buddypress.xprofile .nav {
    display: none !important;
  }
  body.profile-edit .profile-help,
body.profile-edit .help,
body.xprofile .profile-help,
body.xprofile .help,
body.buddypress.profile-edit .profile-help,
body.buddypress.profile-edit .help,
body.buddypress.xprofile .profile-help,
body.buddypress.xprofile .help {
    display: none !important;
    grid-area: unset !important;
    /* Remove from grid */
  }
  body.profile-edit .profile-help.show,
body.profile-edit .help.show,
body.xprofile .profile-help.show,
body.xprofile .help.show,
body.buddypress.profile-edit .profile-help.show,
body.buddypress.profile-edit .help.show,
body.buddypress.xprofile .profile-help.show,
body.buddypress.xprofile .help.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: fixed !important;
    top: var(--header-height, 80px) !important;
    right: 0 !important;
    width: min(90%, 400px) !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    z-index: var(--z-help) !important;
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
    grid-area: unset !important;
    /* Ensure not in grid */
  }
  body.profile-edit .profile-main,
body.profile-edit .main,
body.xprofile .profile-main,
body.xprofile .main,
body.buddypress.profile-edit .profile-main,
body.buddypress.profile-edit .main,
body.buddypress.xprofile .profile-main,
body.buddypress.xprofile .main {
    padding: var(--spacing-md);
    max-width: 100% !important;
    /* Full width on mobile */
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  body.profile-edit .profile-main,
body.xprofile .profile-main,
body.buddypress.profile-edit .profile-main,
body.buddypress.xprofile .profile-main {
    padding: var(--spacing-md);
  }
  body.profile-edit .profile-toolbar,
body.xprofile .profile-toolbar,
body.buddypress.profile-edit .profile-toolbar,
body.buddypress.xprofile .profile-toolbar {
    padding: 0 var(--spacing-sm);
  }
  body.profile-edit .profile-toolbar-left,
body.xprofile .profile-toolbar-left,
body.buddypress.profile-edit .profile-toolbar-left,
body.buddypress.xprofile .profile-toolbar-left {
    gap: var(--spacing-xs);
  }
}

/* ============================================
   NAVIGATION STATES - BUDDYPRESS
   ============================================ */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile {
  /* Collapsed Navigation Styling */
  /* Hidden Navigation - CRITICAL: Must hide both .nav and .profile-navigation */
}
body.profile-edit .profile-app-container.nav-collapsed .profile-navigation .profile-nav-items .nav-item span:last-child,
body.xprofile .profile-app-container.nav-collapsed .profile-navigation .profile-nav-items .nav-item span:last-child,
body.buddypress.profile-edit .profile-app-container.nav-collapsed .profile-navigation .profile-nav-items .nav-item span:last-child,
body.buddypress.xprofile .profile-app-container.nav-collapsed .profile-navigation .profile-nav-items .nav-item span:last-child {
  display: none;
}
body.profile-edit .profile-app-container.nav-collapsed .profile-navigation,
body.xprofile .profile-app-container.nav-collapsed .profile-navigation,
body.buddypress.profile-edit .profile-app-container.nav-collapsed .profile-navigation,
body.buddypress.xprofile .profile-app-container.nav-collapsed .profile-navigation {
  width: var(--nav-width-collapsed);
}
body.profile-edit .profile-app-container.nav-collapsed .profile-nav-header span:not(.material-symbols-outlined),
body.xprofile .profile-app-container.nav-collapsed .profile-nav-header span:not(.material-symbols-outlined),
body.buddypress.profile-edit .profile-app-container.nav-collapsed .profile-nav-header span:not(.material-symbols-outlined),
body.buddypress.xprofile .profile-app-container.nav-collapsed .profile-nav-header span:not(.material-symbols-outlined) {
  display: none;
}
body.profile-edit .profile-app-container.nav-hidden .profile-navigation,
body.profile-edit .profile-app-container.nav-hidden .nav,
body.profile-edit .app-container.nav-hidden .profile-navigation,
body.profile-edit .app-container.nav-hidden .nav,
body.xprofile .profile-app-container.nav-hidden .profile-navigation,
body.xprofile .profile-app-container.nav-hidden .nav,
body.xprofile .app-container.nav-hidden .profile-navigation,
body.xprofile .app-container.nav-hidden .nav,
body.buddypress.profile-edit .profile-app-container.nav-hidden .profile-navigation,
body.buddypress.profile-edit .profile-app-container.nav-hidden .nav,
body.buddypress.profile-edit .app-container.nav-hidden .profile-navigation,
body.buddypress.profile-edit .app-container.nav-hidden .nav,
body.buddypress.xprofile .profile-app-container.nav-hidden .profile-navigation,
body.buddypress.xprofile .profile-app-container.nav-hidden .nav,
body.buddypress.xprofile .app-container.nav-hidden .profile-navigation,
body.buddypress.xprofile .app-container.nav-hidden .nav {
  display: none !important;
  grid-area: unset !important;
  /* Remove grid-area to prevent auto-placement */
}

/* ============================================
   BUDDYPRESS CONTAINER FIXES
   ============================================ */
/* Remove spacing from BuddyPress containers in profile edit */
body.profile-edit,
body.xprofile {
  /* Remove body padding since app-container is now positioned directly */
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  /* Remove default spacing from BuddyPress wrapper */
  /* Remove spacing from BP item header */
  /* Remove spacing from BP wrap and item body */
  /* Direct parent of app-container should have no spacing */
  /* FIXED: Ensure app-container is positioned correctly below fixed header */
  /* Use descendant selectors to match the actual DOM structure */
  /* Entferne alle Elemente die zwischen Header und App Container stehen */
  /* Spezifische Überschreibung für main Element das var(--main-padding) verwendet */
}
body.profile-edit .buddypress-wrap,
body.xprofile .buddypress-wrap {
  margin: 0 !important;
  padding: 0 !important;
}
body.profile-edit #item-header,
body.xprofile #item-header {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.profile-edit .bp-wrap,
body.profile-edit #item-body,
body.xprofile .bp-wrap,
body.xprofile #item-body {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.profile-edit .profile.edit,
body.xprofile .profile.edit {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.profile-edit #wrapper .app-container,
body.profile-edit .buddypress-wrap .app-container,
body.profile-edit .app-container,
body.profile-edit .profile-app-container,
body.xprofile #wrapper .app-container,
body.xprofile .buddypress-wrap .app-container,
body.xprofile .app-container,
body.xprofile .profile-app-container {
  margin: 0 !important;
  position: relative !important;
  /* Changed from fixed to relative - allows grid to work */
  margin-top: 80px !important;
  /* Spacing below fixed header */
  width: 100% !important;
  /* CRITICAL FIX: Use 100% not 100vw - vw includes scrollbar causing overflow */
  /* CRITICAL: Use CSS variable for header height consistency */
  height: calc(100vh - var(--header-height, 80px)) !important;
  min-height: calc(100vh - var(--header-height, 80px)) !important;
  /* Fix for unwanted column gap */
  gap: 0 !important;
  grid-gap: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  /* CRITICAL: Include padding in width calculation */
}
body.profile-edit #wrapper,
body.profile-edit .buddypress-wrap,
body.profile-edit #content,
body.profile-edit .site-content,
body.profile-edit .container,
body.profile-edit .mdc-layout-grid,
body.profile-edit main:not(.main),
body.profile-edit .main-content,
body.xprofile #wrapper,
body.xprofile .buddypress-wrap,
body.xprofile #content,
body.xprofile .site-content,
body.xprofile .container,
body.xprofile .mdc-layout-grid,
body.xprofile main:not(.main),
body.xprofile .main-content {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.profile-edit main.main,
body.profile-edit .main,
body.profile-edit .site-main,
body.xprofile main.main,
body.xprofile .main,
body.xprofile .site-main {
  /* CRITICAL: Add horizontal padding for submenu breathing room, but no vertical padding */
  padding: 0 var(--spacing-lg) !important;
  /* 0 top/bottom, 24px left/right */
  margin: 0 !important;
  min-height: unset !important;
}

/* ============================================
   FORM LAYOUT WITHIN BUDDYPRESS PROFILE
   ============================================ */
body.profile-edit .profile-form-grid,
body.xprofile .profile-form-grid,
body.buddypress.profile-edit .profile-form-grid,
body.buddypress.xprofile .profile-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}
@media (min-width: 768px) {
  body.profile-edit .profile-form-grid,
body.xprofile .profile-form-grid,
body.buddypress.profile-edit .profile-form-grid,
body.buddypress.xprofile .profile-form-grid {
    grid-template-columns: 1fr 1fr;
  }
}
body.profile-edit .profile-form-grid-full,
body.xprofile .profile-form-grid-full,
body.buddypress.profile-edit .profile-form-grid-full,
body.buddypress.xprofile .profile-form-grid-full {
  grid-column: 1/-1;
}

/* ============================================
   MOBILE DRAWER NAVIGATION - BUDDYPRESS
   ============================================ */
body.profile-edit .profile-mobile-drawer,
body.xprofile .profile-mobile-drawer,
body.buddypress.profile-edit .profile-mobile-drawer,
body.buddypress.xprofile .profile-mobile-drawer {
  position: fixed;
  top: var(--toolbar-height);
  left: 0;
  width: var(--nav-width);
  height: calc(100vh - var(--toolbar-height));
  background: var(--primary-color);
  color: var(--text-on-primary);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: var(--z-drawer);
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.profile-edit .profile-mobile-drawer.open,
body.xprofile .profile-mobile-drawer.open,
body.buddypress.profile-edit .profile-mobile-drawer.open,
body.buddypress.xprofile .profile-mobile-drawer.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.profile-edit .profile-mobile-drawer .profile-nav-items,
body.xprofile .profile-mobile-drawer .profile-nav-items,
body.buddypress.profile-edit .profile-mobile-drawer .profile-nav-items,
body.buddypress.xprofile .profile-mobile-drawer .profile-nav-items {
  padding: var(--spacing-md);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* ============================================
   OVERLAY SYSTEM - BUDDYPRESS
   ============================================ */
body.profile-edit .profile-overlay,
body.xprofile .profile-overlay,
body.buddypress.profile-edit .profile-overlay,
body.buddypress.xprofile .profile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: var(--z-overlay);
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body.profile-edit .profile-overlay.show,
body.xprofile .profile-overlay.show,
body.buddypress.profile-edit .profile-overlay.show,
body.buddypress.xprofile .profile-overlay.show {
  display: block;
  opacity: 1;
}

/* ============================================
   STEUERERKLÄRUNG EINGABE CONTAINER FIX
   ============================================ */
/* CRITICAL: Add spacing below fixed header for steuererklaerungeingabestarten page */
body.page-template-steuererklaerungeingabestarten-php {
  /* Remove body padding since app-container is now positioned directly */
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  /* CRITICAL: Prevent body scrollbar by hiding overflow */
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  height: 100vh !important;
  /* FIXED: Ensure app-container is positioned correctly below fixed header */
  /* Remove spacing from wrapper elements */
  /* Main section padding and scrolling */
  /* Ensure nav and help also scroll properly */
}
body.page-template-steuererklaerungeingabestarten-php .app-container {
  margin: 0 !important;
  position: relative !important;
  margin-top: 80px !important;
  /* Spacing below fixed header */
  width: 100% !important;
  height: calc(100vh - var(--header-height, 80px)) !important;
  min-height: calc(100vh - var(--header-height, 80px)) !important;
  max-height: calc(100vh - var(--header-height, 80px)) !important;
  /* CRITICAL: Prevent overflow */
  gap: 0 !important;
  grid-gap: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow: hidden !important;
  /* CRITICAL: Container itself shouldn't scroll */
}
body.page-template-steuererklaerungeingabestarten-php #wrapper,
body.page-template-steuererklaerungeingabestarten-php #content,
body.page-template-steuererklaerungeingabestarten-php .site-content,
body.page-template-steuererklaerungeingabestarten-php .container,
body.page-template-steuererklaerungeingabestarten-php .mdc-layout-grid,
body.page-template-steuererklaerungeingabestarten-php .main-content {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.page-template-steuererklaerungeingabestarten-php main.main,
body.page-template-steuererklaerungeingabestarten-php .main {
  padding: var(--spacing-xl) var(--spacing-lg) !important;
  /* Add top padding for content spacing */
  margin: 0 !important;
  min-height: unset !important;
  overflow-y: visible !important;
  /* CRITICAL: Main should scroll, not body */
  overflow-x: hidden !important;
  height: 100% !important;
  /* Fill grid cell */
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body.page-template-steuererklaerungeingabestarten-php .nav {
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: 100% !important;
}
body.page-template-steuererklaerungeingabestarten-php .help {
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: 100% !important;
}

/* ============================================
   STEUERERKLÄRUNG PRÜFEN CONTAINER FIX
   ============================================ */
/* CRITICAL: Add spacing below fixed header for steuererklaerungpruefen page */
body.page-template-steuererklaerungpruefen-php,
body.page-template-steuer-profil-berechnung-php {
  /* Remove body padding except for header clearance */
  padding: 0 !important;
  margin: 0 !important;
  /* CRITICAL: Add padding-top to push content below fixed header */
  padding-top: 80px !important;
  /* CRITICAL: Prevent body scrollbar by hiding overflow */
  overflow-x: hidden !important;
  overflow-y: auto !important;
  /* Allow vertical scrolling */
  min-height: 100vh !important;
  /* FIXED: Ensure app-container is positioned correctly below fixed header */
  /* Remove spacing from wrapper elements */
  /* Main section padding and scrolling */
  /* Ensure nav and help also scroll properly */
}
body.page-template-steuererklaerungpruefen-php .app-container,
body.page-template-steuer-profil-berechnung-php .app-container {
  position: relative !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: calc(100vh - var(--header-height, 80px)) !important;
  gap: 0 !important;
  grid-gap: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body.page-template-steuererklaerungpruefen-php #wrapper,
body.page-template-steuererklaerungpruefen-php #content,
body.page-template-steuererklaerungpruefen-php .site-content,
body.page-template-steuererklaerungpruefen-php .container,
body.page-template-steuererklaerungpruefen-php .mdc-layout-grid,
body.page-template-steuererklaerungpruefen-php .main-content,
body.page-template-steuer-profil-berechnung-php #wrapper,
body.page-template-steuer-profil-berechnung-php #content,
body.page-template-steuer-profil-berechnung-php .site-content,
body.page-template-steuer-profil-berechnung-php .container,
body.page-template-steuer-profil-berechnung-php .mdc-layout-grid,
body.page-template-steuer-profil-berechnung-php .main-content {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.page-template-steuererklaerungpruefen-php main.main,
body.page-template-steuererklaerungpruefen-php .main,
body.page-template-steuer-profil-berechnung-php main.main,
body.page-template-steuer-profil-berechnung-php .main {
  /* CRITICAL: Normal padding since body has padding-top: 80px */
  padding: var(--spacing-lg) !important;
  margin: 0 !important;
  min-height: unset !important;
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: auto !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body.page-template-steuererklaerungpruefen-php .nav,
body.page-template-steuer-profil-berechnung-php .nav {
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: 100% !important;
}
body.page-template-steuererklaerungpruefen-php .help,
body.page-template-steuer-profil-berechnung-php .help {
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: 100% !important;
}

/* ============================================
   STEUERERKLÄRUNG EINREICHEN CONTAINER FIX
   ============================================ */
/* CRITICAL: Add spacing below fixed header for steuererklaerungeinreichen page */
body.page-template-steuererklaerungeinreichen-php {
  /* Remove body padding since app-container is now positioned directly */
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  /* CRITICAL: Prevent body scrollbar by hiding overflow */
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  height: 100vh !important;
  /* FIXED: Ensure app-container is positioned correctly below fixed header */
  /* Remove spacing from wrapper elements */
  /* Main section padding and scrolling */
  /* Ensure nav and help also scroll properly */
}
body.page-template-steuererklaerungeinreichen-php .app-container {
  margin: 0 !important;
  position: relative !important;
  margin-top: 80px !important;
  /* Spacing below fixed header */
  width: 100% !important;
  height: calc(100vh - var(--header-height, 80px)) !important;
  min-height: calc(100vh - var(--header-height, 80px)) !important;
  max-height: calc(100vh - var(--header-height, 80px)) !important;
  /* CRITICAL: Prevent overflow */
  gap: 0 !important;
  grid-gap: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow: hidden !important;
  /* CRITICAL: Container itself shouldn't scroll */
}
body.page-template-steuererklaerungeinreichen-php #wrapper,
body.page-template-steuererklaerungeinreichen-php #content,
body.page-template-steuererklaerungeinreichen-php .site-content,
body.page-template-steuererklaerungeinreichen-php .container,
body.page-template-steuererklaerungeinreichen-php .mdc-layout-grid,
body.page-template-steuererklaerungeinreichen-php .main-content {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.page-template-steuererklaerungeinreichen-php main.main,
body.page-template-steuererklaerungeinreichen-php .main {
  padding: var(--spacing-xl) var(--spacing-lg) !important;
  /* Add top padding for content spacing */
  margin: 0 !important;
  min-height: unset !important;
  overflow-y: visible !important;
  /* CRITICAL: Main should scroll, not body */
  overflow-x: hidden !important;
  height: 100% !important;
  /* Fill grid cell */
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body.page-template-steuererklaerungeinreichen-php .nav {
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: 100% !important;
}
body.page-template-steuererklaerungeinreichen-php .help {
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: 100% !important;
}

/* ============================================
   BACKWARDS COMPATIBILITY - BUDDYPRESS
   ============================================ */
body.profile-edit,
body.xprofile,
body.buddypress.profile-edit,
body.buddypress.xprofile {
  /* Legacy support for existing classes */
}
body.profile-edit .profile-container, body.profile-edit .profil-grid,
body.xprofile .profile-container,
body.xprofile .profil-grid,
body.buddypress.profile-edit .profile-container,
body.buddypress.xprofile .profile-container {
  /* Map to new grid system when nested in profile-app-container */
}
.profile-app-container body.profile-edit .profile-container, .profile-app-container body.profile-edit .profil-grid,
.profile-app-container body.xprofile .profile-container,
.profile-app-container body.xprofile .profil-grid,
.profile-app-container body.buddypress.profile-edit .profile-container,
.profile-app-container body.buddypress.xprofile .profile-container {
  display: contents;
}
body.profile-edit .profile-wrapper,
body.xprofile .profile-wrapper,
body.buddypress.profile-edit .profile-wrapper,
body.buddypress.xprofile .profile-wrapper {
  /* Map to new grid system when nested in profile-app-container */
}
.profile-app-container body.profile-edit .profile-wrapper,
.profile-app-container body.xprofile .profile-wrapper,
.profile-app-container body.buddypress.profile-edit .profile-wrapper,
.profile-app-container body.buddypress.xprofile .profile-wrapper {
  display: contents;
}
body.profile-edit .profile-sidebar,
body.xprofile .profile-sidebar,
body.buddypress.profile-edit .profile-sidebar,
body.buddypress.xprofile .profile-sidebar {
  /* Legacy sidebar mapping */
}
.profile-app-container body.profile-edit .profile-sidebar,
.profile-app-container body.xprofile .profile-sidebar,
.profile-app-container body.buddypress.profile-edit .profile-sidebar,
.profile-app-container body.buddypress.xprofile .profile-sidebar {
  grid-area: nav;
}
body.profile-edit .profile-sidebar-right,
body.xprofile .profile-sidebar-right,
body.buddypress.profile-edit .profile-sidebar-right,
body.buddypress.xprofile .profile-sidebar-right {
  /* Legacy right sidebar mapping */
}
.profile-app-container body.profile-edit .profile-sidebar-right,
.profile-app-container body.xprofile .profile-sidebar-right,
.profile-app-container body.buddypress.profile-edit .profile-sidebar-right,
.profile-app-container body.buddypress.xprofile .profile-sidebar-right {
  grid-area: help;
}

/**
 * Profile Layout System - Modern Grid-Based Layout
 * Basiert auf dem HTML-Entwurf mit 3-Spalten-Layout
 */
/* ============================================
   BUDDYPRESS-SPECIFIC OVERFLOW PREVENTION
   ============================================ */
/* CRITICAL: Only apply to BuddyPress pages - NOT WooCommerce! */
body.profile-edit,
body.xprofile,
body.buddypress {
  overflow-x: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.profile-edit #wrapper,
body.profile-edit .buddypress-wrap,
body.xprofile #wrapper,
body.xprofile .buddypress-wrap,
body.buddypress #wrapper,
body.buddypress .buddypress-wrap {
  overflow-x: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ============================================
   LAYOUT VARIABLES & TOKENS
   ============================================ */
:root {
  /* Navigation */
  --nav-width: 280px;
  --nav-width-collapsed: 72px;
  --help-width: 400px;
  /* Layout Heights */
  --toolbar-height: 64px;
  /* Z-Index Layer System */
  --z-overlay: 45;
  --z-drawer: 50;
  --z-toolbar: 40;
  --z-help: 50;
}

/* ============================================
   APP CONTAINER - TARGET DESIGN GRID SYSTEM
   ============================================ */
.profile-app-container,
.app-container {
  display: grid;
  grid-template-columns: var(--nav-width) 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "nav main";
  min-height: calc(100vh - var(--header-height, 80px));
  /* FIXED: Changed to min-height to prevent infinite scroll */
  gap: 0;
  background: var(--background-color);
  /* CRITICAL: Prevent horizontal overflow, allow dynamic viewport resizing */
  width: 100%;
  /* Use 100% instead of 100vw for dynamic resizing */
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* SMOOTH TRANSITIONS for grid layout changes */
  -webkit-transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1), -ms-grid-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Help Panel Open State */
.profile-app-container.help-open,
.app-container.help-open {
  grid-template-columns: var(--nav-width) 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "nav main help";
}

/* Navigation Collapsed State */
.profile-app-container.nav-collapsed,
.app-container.nav-collapsed {
  grid-template-columns: var(--nav-width-collapsed) 1fr;
}

.profile-app-container.nav-collapsed.help-open,
.app-container.nav-collapsed.help-open {
  grid-template-columns: var(--nav-width-collapsed) 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "nav main help";
}

/* Navigation Hidden State */
.profile-app-container.nav-hidden,
.app-container.nav-hidden {
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}

.profile-app-container.nav-hidden.help-open,
.app-container.nav-hidden.help-open {
  grid-template-columns: 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "main help";
}

/* ============================================
   TOOLBAR/HEADER AREA - TARGET DESIGN
   ============================================ */
.profile-toolbar,
.toolbar {
  grid-area: header;
  background: var(--surface-color);
  border-bottom: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 var(--spacing-md);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  z-index: var(--z-toolbar);
}

.profile-toolbar-left,
.toolbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
}

.profile-toolbar-right,
.toolbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
}

.profile-logo,
.logo {
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--primary-color);
}

.profile-subtitle,
.subtitle {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin-left: var(--spacing-sm);
}

.tax-estimate {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin-left: var(--spacing-md);
}

.estimate-badge {
  background: var(--surface-elevated);
  border: 1px solid #E0E0E0;
  border-bottom-width: 2px;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-small);
  font-weight: 500;
}

/* ============================================
   NAVIGATION AREA - TARGET DESIGN
   ============================================ */
.profile-navigation,
.nav {
  grid-area: nav;
  background: var(--primary-color);
  color: var(--text-on-primary);
  overflow-y: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* CRITICAL: Navigation should fill grid cell height exactly */
  height: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Navigation Header */
.profile-nav-header,
.nav-header {
  padding: var(--spacing-md);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile-nav-toggle,
.nav-toggle {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.profile-nav-toggle:hover,
.nav-toggle:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
}

/* Admin Tools Toggle Button */
.admin-tools-toggle {
  background: var(--warning-color, #ff9800);
  color: var(--text-on-secondary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 8px;
  opacity: 0.7;
}
.admin-tools-toggle:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
}
.admin-tools-toggle.active {
  opacity: 1;
  background: var(--success-color, #4caf50);
}
.admin-tools-toggle .material-icons {
  font-size: 20px;
}

/* Navigation Items Container */
.profile-nav-items,
.nav-items {
  padding: var(--spacing-md);
}

/* ============================================
   MAIN CONTENT AREA - TARGET DESIGN
   ============================================ */
.profile-main,
.main {
  grid-area: main;
  padding: var(--spacing-xl);
  overflow: hidden !important;
  /* FIXED: Disable all scrollbars to prevent 10px width loss */
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.profile-main-header,
.page-header {
  margin-bottom: var(--spacing-xl);
}

.profile-page-title,
.page-title {
  font-size: var(--font-size-h2);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  color: var(--text-primary);
}

.profile-page-description,
.page-description {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  max-width: 80ch;
  line-height: 1.6;
}

/* ============================================
   HELP PANEL - TARGET DESIGN
   ============================================ */
.profile-help,
.help {
  grid-area: help;
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  display: none;
  /* Hidden by default - JavaScript will show when needed */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--spacing-lg);
  /* CRITICAL: Full viewport height minus header to avoid scrolling */
  height: calc(100vh - var(--header-height, 80px));
  min-height: calc(100vh - var(--header-height, 80px));
  max-height: calc(100vh - var(--header-height, 80px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* SMOOTH FADE ANIMATION */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.profile-help.show,
.help.show {
  /* Show as flex and fade in */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Help Panel Header - nach Design-Vorlage tool-module.html */
.profile-help-header,
.help-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  padding: 0;
}

/* Help Panel Title - nach Design-Vorlage: font-size: 1rem (16px), gap: 8px */
.profile-help-title,
.help-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
}
.profile-help-title .bp-profile__icon,
.profile-help-title .material-symbols-outlined,
.help-title .bp-profile__icon,
.help-title .material-symbols-outlined {
  font-size: 20px;
}

/* Help Panel Content - nach Design-Vorlage: halbtransparenter Hintergrund, abgerundete Ecken */
.profile-help-content,
.help-content {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 16px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.profile-help-content p,
.help-content p {
  margin-bottom: 12px;
}
.profile-help-content p:last-child,
.help-content p:last-child {
  margin-bottom: 0;
}

/* Help Panel Footer - für "Alles klar!" Button */
.profile-help-footer,
.help-footer {
  padding: 0;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */
/* Tablet Layout - Preserve desktop grid but adjust spacing */
@media (max-width: 1280px) and (min-width: 1025px) {
  .profile-main,
.main {
    padding: var(--spacing-lg);
    /* Reduce padding on smaller screens */
  }
}
/* Mobile Layout - Switch to full-width main with overlay help */
@media (max-width: 1024px) {
  /* CRITICAL: Force grid to single column, hide side panels */
  .profile-app-container,
.profile-app-container.nav-collapsed,
.profile-app-container.nav-hidden,
.profile-app-container.help-open,
.profile-app-container.nav-collapsed.help-open,
.profile-app-container.nav-hidden.help-open,
.app-container,
.app-container.nav-collapsed,
.app-container.nav-hidden,
.app-container.help-open,
.app-container.nav-collapsed.help-open,
.app-container.nav-hidden.help-open {
    grid-template-columns: 1fr !important;
    /* Force single column */
    grid-template-areas: "main" !important;
    /* Only main area */
    grid-template-rows: 1fr !important;
    /* Single row */
  }

  /* Hide navigation completely on mobile */
  .profile-navigation,
.nav {
    display: none !important;
  }

  /* Hide help panel from grid, show as overlay instead */
  .profile-help,
.help {
    display: none !important;
    grid-area: unset !important;
    /* Remove from grid */
  }

  /* Show help panel as fixed overlay when .show class is applied */
  .profile-help.show,
.help.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: fixed !important;
    top: var(--header-height, 80px) !important;
    right: 0 !important;
    width: min(90%, 400px) !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    z-index: var(--z-help) !important;
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
    grid-area: unset !important;
    /* Ensure not in grid */
  }

  /* Main section takes full width */
  .profile-main,
.main {
    padding: var(--spacing-md);
    max-width: 100% !important;
    /* Full width on mobile */
    width: 100% !important;
  }
}
/* Tablet Responsive */
@media (max-width: 768px) {
  .profile-main {
    padding: var(--spacing-md);
  }

  .profile-toolbar {
    padding: 0 var(--spacing-sm);
  }

  .profile-toolbar-left {
    gap: var(--spacing-xs);
  }
}
/* ============================================
   MOBILE DRAWER NAVIGATION
   ============================================ */
.profile-mobile-drawer {
  position: fixed;
  top: var(--toolbar-height);
  left: 0;
  width: var(--nav-width);
  height: calc(100vh - var(--toolbar-height));
  background: var(--primary-color);
  color: var(--text-on-primary);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: var(--z-drawer);
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.profile-mobile-drawer.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.profile-mobile-drawer .profile-nav-items {
  padding: var(--spacing-md);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* ============================================
   OVERLAY SYSTEM
   ============================================ */
.profile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: var(--z-overlay);
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.profile-overlay.show {
  display: block;
  opacity: 1;
}

/* ============================================
   NAVIGATION STATES
   ============================================ */
/* Collapsed Navigation Styling */
.profile-app-container.nav-collapsed .profile-navigation .profile-nav-items .nav-item span:last-child {
  display: none;
}

.profile-app-container.nav-collapsed .profile-navigation {
  width: var(--nav-width-collapsed);
}

.profile-app-container.nav-collapsed .profile-nav-header span:not(.material-symbols-outlined) {
  display: none;
}

/* Hidden Navigation - CRITICAL: Must hide both .nav and .profile-navigation */
.profile-app-container.nav-hidden .profile-navigation,
.profile-app-container.nav-hidden .nav,
.app-container.nav-hidden .profile-navigation,
.app-container.nav-hidden .nav {
  display: none !important;
  grid-area: unset !important;
  /* Remove grid-area to prevent auto-placement */
}

/* ============================================
   FORM LAYOUT WITHIN PROFILE
   ============================================ */
.profile-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .profile-form-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.profile-form-grid-full {
  grid-column: 1/-1;
}

/* ============================================
   BUDDYPRESS CONTAINER FIXES
   ============================================ */
/* Remove spacing from BuddyPress containers in profile edit */
body.profile-edit,
body.xprofile,
body.page-template-login {
  /* Remove body padding since app-container is now positioned directly */
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  /* Remove default spacing from BuddyPress wrapper */
  /* Remove spacing from BP item header */
  /* Remove spacing from BP wrap and item body */
  /* Direct parent of app-container should have no spacing */
  /* FIXED: Ensure app-container is positioned correctly below fixed header */
  /* Use descendant selectors to match the actual DOM structure */
  /* Gentle fix for navigation toggle button clipping - only when needed */
  /* Force fix for navigation header and toggle button with maximum specificity */
  /* === DELETED 2025-10-09: Old #appContainer and .app-container high-specificity selectors ===
   * Removed conflicting grid layout rules that interfered with new BuddyPress grid system
   * New clean implementation in _bp-profile-grid.scss follows WooCommerce pattern
   * Lines deleted: .app-container and #appContainer NUCLEAR/ULTRA NUCLEAR selectors with !important
   */
  /* ADDITIONAL FIX: For login template pages with different structure */
  /* Fix for sticky header overlap on login template pages - HIGH SPECIFICITY
     NOTE: Only apply on desktop (>480px). Mobile is compact-packed in _2fa-verification.scss. */
  /* Mobile: minimal spacing so page fits viewport without scroll */
  /* Entferne alle Elemente die zwischen Header und App Container stehen */
  /* Spezifische Überschreibung für main Element das var(--main-padding) verwendet */
  /* Spezielle Regel um weißen Balken zu eliminieren - KOMPLETT DEAKTIVIERT */
  /* PROBLEM: Diese Regel überschrieb padding-top auf allen Elementen inkl. Submenu-Komponenten
   * LÖSUNG: Komplett deaktiviert - spezifische Elemente werden individuell gestylt
   */
  /* DEAKTIVIERT:
  * {
    &:not(.app-container):not(.header):not(.nav):not(.main):not(.help):not(.bp-profile__submenu):not(.status-chip):not(.submenu-action-button) {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
  }
  */
}
body.profile-edit .buddypress-wrap,
body.xprofile .buddypress-wrap,
body.page-template-login .buddypress-wrap {
  margin: 0 !important;
  padding: 0 !important;
}
body.profile-edit #item-header,
body.xprofile #item-header,
body.page-template-login #item-header {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.profile-edit .bp-wrap,
body.profile-edit #item-body,
body.xprofile .bp-wrap,
body.xprofile #item-body,
body.page-template-login .bp-wrap,
body.page-template-login #item-body {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.profile-edit .profile.edit,
body.xprofile .profile.edit,
body.page-template-login .profile.edit {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.profile-edit #wrapper .app-container,
body.profile-edit .buddypress-wrap .app-container,
body.profile-edit .app-container,
body.profile-edit .profile-app-container,
body.profile-edit html body.profile-edit.xprofile .profile-app-container,
body.profile-edit html body.profile-edit .profile-app-container,
body.xprofile #wrapper .app-container,
body.xprofile .buddypress-wrap .app-container,
body.xprofile .app-container,
body.xprofile .profile-app-container,
body.xprofile html body.profile-edit.xprofile .profile-app-container,
body.xprofile html body.profile-edit .profile-app-container,
body.page-template-login #wrapper .app-container,
body.page-template-login .buddypress-wrap .app-container,
body.page-template-login .app-container,
body.page-template-login .profile-app-container,
body.page-template-login html body.profile-edit.xprofile .profile-app-container,
body.page-template-login html body.profile-edit .profile-app-container {
  margin: 0 !important;
  position: relative !important;
  /* Changed from fixed to relative - allows grid to work */
  margin-top: 80px !important;
  /* Spacing below fixed header */
  width: 100vw !important;
  /* CRITICAL: Use CSS variable for header height consistency */
  height: calc(100vh - var(--header-height, 80px)) !important;
  min-height: calc(100vh - var(--header-height, 80px)) !important;
  /* Fix for unwanted column gap */
  gap: 0 !important;
  grid-gap: 0 !important;
}
body.profile-edit .nav-header,
body.xprofile .nav-header,
body.page-template-login .nav-header {
  min-height: 56px;
  /* Slightly more height to prevent clipping */
}
body.profile-edit .nav-toggle,
body.xprofile .nav-toggle,
body.page-template-login .nav-toggle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* Prevent button from being compressed */
}
body.profile-edit html body.profile-edit.xprofile .nav-header,
body.profile-edit html body.profile-edit .nav-header,
body.profile-edit .profile-app-container .nav-header,
body.profile-edit .app-container .nav-header,
body.xprofile html body.profile-edit.xprofile .nav-header,
body.xprofile html body.profile-edit .nav-header,
body.xprofile .profile-app-container .nav-header,
body.xprofile .app-container .nav-header,
body.page-template-login html body.profile-edit.xprofile .nav-header,
body.page-template-login html body.profile-edit .nav-header,
body.page-template-login .profile-app-container .nav-header,
body.page-template-login .app-container .nav-header {
  min-height: 64px !important;
  /* More height for toggle button */
  padding: 12px 16px !important;
  /* Adequate padding */
  overflow: visible !important;
  /* Prevent clipping */
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body.profile-edit html body.profile-edit.xprofile .nav-toggle,
body.profile-edit html body.profile-edit .nav-toggle,
body.profile-edit html body.profile-edit #navToggle,
body.profile-edit .profile-app-container .nav-toggle,
body.profile-edit .app-container .nav-toggle,
body.profile-edit .profile-app-container #navToggle,
body.profile-edit .app-container #navToggle,
body.xprofile html body.profile-edit.xprofile .nav-toggle,
body.xprofile html body.profile-edit .nav-toggle,
body.xprofile html body.profile-edit #navToggle,
body.xprofile .profile-app-container .nav-toggle,
body.xprofile .app-container .nav-toggle,
body.xprofile .profile-app-container #navToggle,
body.xprofile .app-container #navToggle,
body.page-template-login html body.profile-edit.xprofile .nav-toggle,
body.page-template-login html body.profile-edit .nav-toggle,
body.page-template-login html body.profile-edit #navToggle,
body.page-template-login .profile-app-container .nav-toggle,
body.page-template-login .app-container .nav-toggle,
body.page-template-login .profile-app-container #navToggle,
body.page-template-login .app-container #navToggle {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
body.profile-edit main.login-main-container,
body.xprofile main.login-main-container,
body.page-template-login main.login-main-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  /* Ensure proper spacing below sticky header */
  position: relative !important;
  top: 0 !important;
}
@media (min-width: 481px) {
  body.profile-edit,
body.xprofile,
body.page-template-login {
    /* Additional fix for body classes that prevent margin application */
  }
  body.profile-edit body.page-template-login main.login-main-container .login-container,
body.profile-edit body.page-template-login .login-container,
body.profile-edit .login-container,
body.xprofile body.page-template-login main.login-main-container .login-container,
body.xprofile body.page-template-login .login-container,
body.xprofile .login-container,
body.page-template-login body.page-template-login main.login-main-container .login-container,
body.page-template-login body.page-template-login .login-container,
body.page-template-login .login-container {
    margin-top: 40px !important;
    padding-top: 0 !important;
  }
  body.profile-edit body.page-template-login main.login-main-container,
body.profile-edit body.page-template-login main,
body.xprofile body.page-template-login main.login-main-container,
body.xprofile body.page-template-login main,
body.page-template-login body.page-template-login main.login-main-container,
body.page-template-login body.page-template-login main {
    padding-top: 40px !important;
  }
}
@media (max-width: 480px) {
  body.profile-edit body.page-template-login main.login-main-container .login-container,
body.profile-edit body.page-template-login .login-container,
body.xprofile body.page-template-login main.login-main-container .login-container,
body.xprofile body.page-template-login .login-container,
body.page-template-login body.page-template-login main.login-main-container .login-container,
body.page-template-login body.page-template-login .login-container {
    margin-top: var(--spacing-xs) !important;
    padding-top: 0 !important;
  }
  body.profile-edit body.page-template-login main.login-main-container,
body.profile-edit body.page-template-login main,
body.xprofile body.page-template-login main.login-main-container,
body.xprofile body.page-template-login main,
body.page-template-login body.page-template-login main.login-main-container,
body.page-template-login body.page-template-login main {
    padding-top: 0 !important;
  }
}
body.profile-edit #wrapper,
body.profile-edit .buddypress-wrap,
body.profile-edit #content,
body.profile-edit .site-content,
body.profile-edit .container,
body.profile-edit .mdc-layout-grid,
body.profile-edit main,
body.profile-edit .main-content,
body.xprofile #wrapper,
body.xprofile .buddypress-wrap,
body.xprofile #content,
body.xprofile .site-content,
body.xprofile .container,
body.xprofile .mdc-layout-grid,
body.xprofile main,
body.xprofile .main-content,
body.page-template-login #wrapper,
body.page-template-login .buddypress-wrap,
body.page-template-login #content,
body.page-template-login .site-content,
body.page-template-login .container,
body.page-template-login .mdc-layout-grid,
body.page-template-login main,
body.page-template-login .main-content {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.profile-edit main.main,
body.profile-edit .main,
body.profile-edit .site-main,
body.xprofile main.main,
body.xprofile .main,
body.xprofile .site-main,
body.page-template-login main.main,
body.page-template-login .main,
body.page-template-login .site-main {
  /* FIXED: Horizontales Padding für Abstand zwischen Sidebar und Content */
  padding: 0 var(--spacing-lg) !important;
  margin: 0 !important;
  min-height: unset !important;
}

/* ============================================
   BACKWARDS COMPATIBILITY
   ============================================ */
/* Legacy support for existing classes */
.profile-container, .profil-grid {
  /* Map to new grid system when nested in profile-app-container */
}
.profile-app-container .profile-container, .profile-app-container .profil-grid {
  display: contents;
}

.profile-wrapper {
  /* Map to new grid system when nested in profile-app-container */
}
.profile-app-container .profile-wrapper {
  display: contents;
}

.profile-sidebar {
  /* Legacy sidebar mapping */
}
.profile-app-container .profile-sidebar {
  grid-area: nav;
}

.profile-sidebar-right {
  /* Legacy right sidebar mapping */
}
.profile-app-container .profile-sidebar-right {
  grid-area: help;
}

/* Mobile Responsive Design */
@media (max-width: 480px) {
  header {
    background-color: var(--primary-color);
    color: var(--surface-color);
  }

  .header-grid,
.profil-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
  }

  .wrapper-right {
    margin: 0 !important;
  }

  #toolframe .linke_spalte_wrapper .linke_spalte {
    color: var(--surface-color);
    height: 80px !important;
    overflow: hidden;
    height: 100%;
  }
  #toolframe #steuerformular {
    overflow: hidden;
    height: 100%;
  }
}
/* ============================================ */
/* 3. COMPONENTS LAYER - Wiederverwendbar      */
/* ============================================ */
/* MAIN GRID SYSTEM - Super-spezifische Grid Rules */
.mdc-layout-grid {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  margin: 0 !important;
  padding: 24px !important;
}
@media (max-width: 839px) {
  .mdc-layout-grid {
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 16px !important;
    padding: 16px !important;
  }
}
@media (max-width: 599px) {
  .mdc-layout-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    padding: 16px !important;
  }
}

.mdc-layout-grid__inner {
  display: contents !important;
  /* Macht das inner Element transparent für das Grid */
}

/* CRITICAL FIX: Dialog-Inhalte brauchen Flexbox Grid für Datebox-Felder */
/* Dialogs verwenden altes MDC Flexbox Grid System, nicht CSS Grid */
/* EXCEPT: #dialogbeantragen uses custom wrap grid (VAST dialog) */
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner,
.datebox-selects .mdc-layout-grid__inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row wrap !important;
          flex-flow: row wrap !important;
  /* FIXED: Allow wrapping for large dialogs */
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
  margin: -4px !important;
  max-width: 100% !important;
  /* FIXED: Prevent grid from exceeding container width */
  /* Grid cells in dialogs use flexbox, not CSS grid */
  /* Flexbox-based column spans for dialog grids (12-column system) */
  /* Using flex-basis instead of width to allow proportional shrinking */
  /* flex-shrink: 1 allows all cells to shrink proportionally if needed */
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner > *,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner > *,
.datebox-selects .mdc-layout-grid__inner > * {
  margin: 4px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  /* FIXED: Include padding in width calculation */
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-1,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-1,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-1 {
  -ms-flex-preferred-size: calc(8.3333333333% - 8px) !important;
      flex-basis: calc(8.3333333333% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-2,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-2,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-2 {
  -ms-flex-preferred-size: calc(16.6666666667% - 8px) !important;
      flex-basis: calc(16.6666666667% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-3,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-3,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-3 {
  -ms-flex-preferred-size: calc(25% - 8px) !important;
      flex-basis: calc(25% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-4,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-4,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-4 {
  -ms-flex-preferred-size: calc(33.3333333333% - 8px) !important;
      flex-basis: calc(33.3333333333% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-5,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-5,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-5 {
  -ms-flex-preferred-size: calc(41.6666666667% - 8px) !important;
      flex-basis: calc(41.6666666667% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-6,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-6,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-6 {
  -ms-flex-preferred-size: calc(50% - 8px) !important;
      flex-basis: calc(50% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-7,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-7,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-7 {
  -ms-flex-preferred-size: calc(58.3333333333% - 8px) !important;
      flex-basis: calc(58.3333333333% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-8,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-8,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-8 {
  -ms-flex-preferred-size: calc(66.6666666667% - 8px) !important;
      flex-basis: calc(66.6666666667% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-9,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-9,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-9 {
  -ms-flex-preferred-size: calc(75% - 8px) !important;
      flex-basis: calc(75% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-10,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-10,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-10 {
  -ms-flex-preferred-size: calc(83.3333333333% - 8px) !important;
      flex-basis: calc(83.3333333333% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-11,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-11,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-11 {
  -ms-flex-preferred-size: calc(91.6666666667% - 8px) !important;
      flex-basis: calc(91.6666666667% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-12,
.mdc-dialog__content:not(#dialogbeantragen *) .mdc-layout-grid__inner .mdc-layout-grid__cell--span-12,
.datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-12 {
  -ms-flex-preferred-size: calc(100% - 8px) !important;
      flex-basis: calc(100% - 8px) !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

/* SUPER SPEZIFISCHE GRID CELL SPANS */
.main-container .mdc-layout-grid__cell,
.mdc-layout-grid .mdc-layout-grid__cell,
div.mdc-layout-grid__cell,
.mdc-layout-grid__cell {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  /* CRITICAL: Grid cells need box-sizing */
  /* Default spans */
}
.main-container .mdc-layout-grid__cell--span-1-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-1-desktop,
div.mdc-layout-grid__cell--span-1-desktop,
.mdc-layout-grid__cell--span-1-desktop {
  grid-column: span 1 !important;
}
.main-container .mdc-layout-grid__cell--span-2-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-2-desktop,
div.mdc-layout-grid__cell--span-2-desktop,
.mdc-layout-grid__cell--span-2-desktop {
  grid-column: span 2 !important;
}
.main-container .mdc-layout-grid__cell--span-3-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-3-desktop,
div.mdc-layout-grid__cell--span-3-desktop,
.mdc-layout-grid__cell--span-3-desktop {
  grid-column: span 3 !important;
}
.main-container .mdc-layout-grid__cell--span-4-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-4-desktop,
div.mdc-layout-grid__cell--span-4-desktop,
.mdc-layout-grid__cell--span-4-desktop {
  grid-column: span 4 !important;
}
.main-container .mdc-layout-grid__cell--span-5-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-5-desktop,
div.mdc-layout-grid__cell--span-5-desktop,
.mdc-layout-grid__cell--span-5-desktop {
  grid-column: span 5 !important;
}
.main-container .mdc-layout-grid__cell--span-6-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-6-desktop,
div.mdc-layout-grid__cell--span-6-desktop,
.mdc-layout-grid__cell--span-6-desktop {
  grid-column: span 6 !important;
}
.main-container .mdc-layout-grid__cell--span-7-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-7-desktop,
div.mdc-layout-grid__cell--span-7-desktop,
.mdc-layout-grid__cell--span-7-desktop {
  grid-column: span 7 !important;
}
.main-container .mdc-layout-grid__cell--span-8-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-8-desktop,
div.mdc-layout-grid__cell--span-8-desktop,
.mdc-layout-grid__cell--span-8-desktop {
  grid-column: span 8 !important;
}
.main-container .mdc-layout-grid__cell--span-9-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-9-desktop,
div.mdc-layout-grid__cell--span-9-desktop,
.mdc-layout-grid__cell--span-9-desktop {
  grid-column: span 9 !important;
}
.main-container .mdc-layout-grid__cell--span-10-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-10-desktop,
div.mdc-layout-grid__cell--span-10-desktop,
.mdc-layout-grid__cell--span-10-desktop {
  grid-column: span 10 !important;
}
.main-container .mdc-layout-grid__cell--span-11-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-11-desktop,
div.mdc-layout-grid__cell--span-11-desktop,
.mdc-layout-grid__cell--span-11-desktop {
  grid-column: span 11 !important;
}
.main-container .mdc-layout-grid__cell--span-12-desktop,
.mdc-layout-grid .mdc-layout-grid__cell--span-12-desktop,
div.mdc-layout-grid__cell--span-12-desktop,
.mdc-layout-grid__cell--span-12-desktop {
  grid-column: span 12 !important;
}
@media (max-width: 839px) {
  .main-container .mdc-layout-grid__cell--span-1-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-1-tablet,
div.mdc-layout-grid__cell--span-1-tablet,
.mdc-layout-grid__cell--span-1-tablet {
    grid-column: span 1 !important;
  }
  .main-container .mdc-layout-grid__cell--span-2-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-2-tablet,
div.mdc-layout-grid__cell--span-2-tablet,
.mdc-layout-grid__cell--span-2-tablet {
    grid-column: span 2 !important;
  }
  .main-container .mdc-layout-grid__cell--span-3-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-3-tablet,
div.mdc-layout-grid__cell--span-3-tablet,
.mdc-layout-grid__cell--span-3-tablet {
    grid-column: span 3 !important;
  }
  .main-container .mdc-layout-grid__cell--span-4-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-4-tablet,
div.mdc-layout-grid__cell--span-4-tablet,
.mdc-layout-grid__cell--span-4-tablet {
    grid-column: span 4 !important;
  }
  .main-container .mdc-layout-grid__cell--span-5-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-5-tablet,
div.mdc-layout-grid__cell--span-5-tablet,
.mdc-layout-grid__cell--span-5-tablet {
    grid-column: span 5 !important;
  }
  .main-container .mdc-layout-grid__cell--span-6-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-6-tablet,
div.mdc-layout-grid__cell--span-6-tablet,
.mdc-layout-grid__cell--span-6-tablet {
    grid-column: span 6 !important;
  }
  .main-container .mdc-layout-grid__cell--span-7-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-7-tablet,
div.mdc-layout-grid__cell--span-7-tablet,
.mdc-layout-grid__cell--span-7-tablet {
    grid-column: span 7 !important;
  }
  .main-container .mdc-layout-grid__cell--span-8-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-8-tablet,
div.mdc-layout-grid__cell--span-8-tablet,
.mdc-layout-grid__cell--span-8-tablet {
    grid-column: span 8 !important;
  }
}
@media (max-width: 599px) {
  .main-container .mdc-layout-grid__cell--span-1-phone,
.mdc-layout-grid .mdc-layout-grid__cell--span-1-phone,
div.mdc-layout-grid__cell--span-1-phone,
.mdc-layout-grid__cell--span-1-phone {
    grid-column: span 1 !important;
  }
  .main-container .mdc-layout-grid__cell--span-2-phone,
.mdc-layout-grid .mdc-layout-grid__cell--span-2-phone,
div.mdc-layout-grid__cell--span-2-phone,
.mdc-layout-grid__cell--span-2-phone {
    grid-column: span 2 !important;
  }
  .main-container .mdc-layout-grid__cell--span-3-phone,
.mdc-layout-grid .mdc-layout-grid__cell--span-3-phone,
div.mdc-layout-grid__cell--span-3-phone,
.mdc-layout-grid__cell--span-3-phone {
    grid-column: span 3 !important;
  }
  .main-container .mdc-layout-grid__cell--span-4-phone,
.mdc-layout-grid .mdc-layout-grid__cell--span-4-phone,
div.mdc-layout-grid__cell--span-4-phone,
.mdc-layout-grid__cell--span-4-phone {
    grid-column: span 4 !important;
  }
}
@media (max-width: 839px) {
  .main-container .mdc-layout-grid__cell--span-0-tablet,
.mdc-layout-grid .mdc-layout-grid__cell--span-0-tablet,
div.mdc-layout-grid__cell--span-0-tablet,
.mdc-layout-grid__cell--span-0-tablet {
    display: none !important;
  }
}
@media (max-width: 599px) {
  .main-container .mdc-layout-grid__cell--span-0-phone,
.mdc-layout-grid .mdc-layout-grid__cell--span-0-phone,
div.mdc-layout-grid__cell--span-0-phone,
.mdc-layout-grid__cell--span-0-phone {
    display: none !important;
  }
}

/* ZUSÄTZLICHE SICHERHEITS-REGELN FÜR ALLE MÖGLICHEN SELEKTOREN */
main .mdc-layout-grid,
.main-container > .mdc-layout-grid,
body .mdc-layout-grid {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 24px !important;
}

/* MAIN GRID SYSTEM - Zentrales Grid-System */
.main-container {
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: calc(100vh - 200px);
  /* Höhe ohne Header/Footer */
  --mdc-layout-grid-margin-desktop: 24px;
  --mdc-layout-grid-gutter-desktop: 24px;
  --mdc-layout-grid-margin-tablet: 16px;
  --mdc-layout-grid-gutter-tablet: 16px;
  --mdc-layout-grid-margin-phone: 16px;
  --mdc-layout-grid-gutter-phone: 16px;
}

/* MAIN GRID SYSTEM - Ein Grid mit 3 Spalten (3-6-3) */
.main-grid,
.main-grid.mdc-layout-grid {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: var(--spacing-lg, 24px) 0 !important;
}
@media (max-width: 768px) {
  .main-grid,
.main-grid.mdc-layout-grid {
    padding: var(--spacing-md, 16px) 0 !important;
  }
}

/* CONTENT GRID - Nested Grid in mittlerer Spalte */
.content-grid {
  width: 100%;
}
.content-grid .mdc-layout-grid__inner {
  margin: 0;
  padding: 0;
}

/* FOOTER GRID SYSTEM - Eigenständiges Grid für Footer */
.footer-container {
  width: 100%;
  background: var(--surface-variant-color, #F5F5F5);
  margin-top: auto;
}
.footer-container .mdc-layout-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-xl, 32px) 0;
}
@media (max-width: 768px) {
  .footer-container .mdc-layout-grid {
    padding: var(--spacing-lg, 24px) 0;
  }
}

/*
 * Component: Buttons
 * Wiederverwendbare Button-Styles
 * DESIGN-SYSTEM.md: Pill = 999px border-radius for ALL buttons
 */
/* ============================================
   MDC BUTTON HOVER STATE FIX - TOOL BUTTON STYLE
   ============================================ */
/* CRITICAL: MDC buttons should maintain WHITE text on hover for proper contrast
   Use lighter primary color background on hover like Tool buttons */
.mdc-button {
  border-radius: var(--border-radius-pill, 999px) !important;
  /* Fix hover state for filled/unelevated buttons */
  /* Outlined buttons - DESIGN SPEC: 2px border, pill shape */
}
.mdc-button.mdc-button--unelevated, .mdc-button.mdc-button--raised {
  /* Base state - primary color background with white text */
  background-color: var(--mdc-theme-primary, #23036A) !important;
  color: #FFFFFF !important;
  /* Hover state - lighter primary color background, KEEP white text */
  /* Active state */
  /* Focus state for accessibility */
}
.mdc-button.mdc-button--unelevated .mdc-button__label, .mdc-button.mdc-button--raised .mdc-button__label {
  color: #FFFFFF !important;
}
.mdc-button.mdc-button--unelevated:hover, .mdc-button.mdc-button--raised:hover {
  background-color: var(--primary-dark, #1A0250) !important;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  /* Disable MDC ripple overlay that might interfere */
}
.mdc-button.mdc-button--unelevated:hover .mdc-button__label, .mdc-button.mdc-button--raised:hover .mdc-button__label {
  color: #FFFFFF !important;
}
.mdc-button.mdc-button--unelevated:hover .mdc-button__ripple::before, .mdc-button.mdc-button--raised:hover .mdc-button__ripple::before {
  opacity: 0 !important;
}
.mdc-button.mdc-button--unelevated:active, .mdc-button.mdc-button--raised:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}
.mdc-button.mdc-button--unelevated:focus, .mdc-button.mdc-button--raised:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.mdc-button.mdc-button--outlined {
  border: 2px solid var(--mdc-theme-primary, #23036A) !important;
}
.mdc-button.mdc-button--outlined:hover {
  background: rgba(35, 3, 106, 0.05);
}
.mdc-button.mdc-button--outlined:hover .mdc-button__ripple::before {
  background-color: var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #23036A));
  opacity: 0.04;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-sm);
  border: none;
  border-radius: var(--border-radius-pill, 999px);
  padding: 14px 24px;
  font-family: var(--font-family-primary);
  font-weight: 500;
  font-size: 0.9rem;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  /* Button Sizes */
  /* Button Variants */
  /* Button with icon */
}
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn:disabled:hover {
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn:hover:not(:disabled) {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.btn:active:not(:disabled) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.btn--small {
  padding: 8px 12px;
  font-size: var(--font-size-caption);
}
.btn--large {
  padding: 16px 24px;
  font-size: var(--font-size-h6);
}
.btn--primary {
  background: var(--primary-color);
  color: var(--primary-contrast);
}
.btn--primary:hover:not(:disabled) {
  background: var(--primary-dark);
}
.btn--secondary {
  background: var(--secondary-color);
  color: var(--secondary-contrast);
}
.btn--secondary:hover:not(:disabled) {
  background: var(--secondary-dark);
}
.btn--outlined {
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}
.btn--outlined:hover:not(:disabled) {
  background: rgba(35, 3, 106, 0.05);
}
.btn--text {
  background: transparent;
  color: var(--primary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn--text:hover:not(:disabled) {
  background: rgba(35, 3, 106, 0.04);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
}
.btn--success {
  background: var(--success-color);
  color: var(--text-on-primary);
}
.btn--success:hover:not(:disabled) {
  background: #0A5E63;
}
.btn--warning {
  background: var(--warning-color);
  color: var(--text-on-primary);
}
.btn--warning:hover:not(:disabled) {
  background: #F57C00;
}
.btn--error {
  background: var(--error-color);
  color: var(--text-on-primary);
}
.btn--error:hover:not(:disabled) {
  background: #D32F2F;
}
.btn .material-icons {
  font-size: 18px;
}
.btn .material-icons:first-child {
  margin-left: -4px;
}
.btn .material-icons:last-child {
  margin-right: -4px;
}

/*
 * Component: Cards
 * Wiederverwendbare Card-Komponenten
 */
.card {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  overflow: hidden;
  -webkit-transition: all var(--animation-standard) var(--easing-standard);
  transition: all var(--animation-standard) var(--easing-standard);
  /* Card Variants */
  /* Card Parts */
}
.card:hover {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.card--elevated {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.card--elevated:hover {
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.card--outlined {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--surface-container-high);
}
.card--outlined:hover {
  border-color: var(--primary-color);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.card--interactive {
  cursor: pointer;
}
.card--interactive:hover {
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.card--interactive:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.card__header {
  padding: var(--spacing-lg);
  border-bottom: 1px solid var(--surface-container-high);
}
.card__header .card__title {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
}
.card__header .card__subtitle {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  margin: var(--spacing-xs) 0 0 0;
}
.card__content {
  padding: var(--spacing-lg);
}
.card__content--compact {
  padding: var(--spacing-md);
}
.card__actions {
  padding: var(--spacing-md) var(--spacing-lg);
  border-top: 1px solid var(--surface-container-high);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.card__actions--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card__actions--start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.card__actions--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card__media {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* Card Grid */
.card-grid {
  display: grid;
  gap: var(--spacing-lg);
}
.card-grid--auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
@media (min-width: 768px) {
  .card-grid--two-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .card-grid--three-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .card-grid--three-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .card-grid--four-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .card-grid--four-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-grid--four-columns {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*
 * Components: Modal System
 * Material Design Modal System für Taxtastic
 */
/* Modal Container */
.taxtastic-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

/* Modal Base */
.taxtastic-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s var(--easing-standard);
  transition: opacity 0.3s var(--easing-standard);
  z-index: 10000;
}
.taxtastic-modal.show {
  opacity: 1;
  pointer-events: all;
}
.taxtastic-modal.show .taxtastic-modal-dialog {
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}
.taxtastic-modal.hide {
  opacity: 0;
  pointer-events: none;
}

/* Backdrop */
.taxtastic-modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* Dialog */
.taxtastic-modal-dialog {
  position: relative;
  max-width: 560px;
  width: 90%;
  max-height: 90vh;
  margin: var(--spacing-lg);
  -webkit-transform: scale(0.8) translateY(-30px);
          transform: scale(0.8) translateY(-30px);
  -webkit-transition: -webkit-transform 0.3s var(--easing-standard);
  transition: -webkit-transform 0.3s var(--easing-standard);
  transition: transform 0.3s var(--easing-standard);
  transition: transform 0.3s var(--easing-standard), -webkit-transform 0.3s var(--easing-standard);
  z-index: 1;
}

/* Content */
.taxtastic-modal-content {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-4);
          box-shadow: var(--elevation-4);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: inherit;
}

/* Header */
.taxtastic-modal-header {
  padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-md);
  border-bottom: 1px solid var(--outline-variant-color);
  position: relative;
}

/* Modal Icon */
.taxtastic-modal-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 4px;
}
.taxtastic-modal-icon .material-icons {
  font-size: 24px;
}
.taxtastic-modal-icon.success {
  background: #e8f5e8;
  color: #2e7d32;
}
.taxtastic-modal-icon.error {
  background: #ffebee;
  color: #c62828;
}
.taxtastic-modal-icon.info {
  background: #e3f2fd;
  color: #1565c0;
}
.taxtastic-modal-icon.confirm {
  background: #fff3e0;
  color: #ef6c00;
}
.taxtastic-modal-icon.loading {
  background: #f3e5f5;
  color: #7b1fa2;
}

/* Modal Title */
.taxtastic-modal-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: var(--text-primary);
  font-family: "Ubuntu", sans-serif;
}

/* Close Button */
.taxtastic-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  padding: var(--spacing-sm);
  border-radius: 50%;
  cursor: pointer;
  color: var(--text-secondary);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
}
.taxtastic-modal-close:hover {
  background: var(--surface-container);
  color: var(--text-primary);
}
.taxtastic-modal-close .material-icons {
  font-size: 20px;
}

/* Body */
.taxtastic-modal-body {
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}

.taxtastic-modal-message {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-body);
  line-height: var(--line-height-normal);
  color: var(--text-secondary);
  font-family: "Ubuntu", sans-serif;
}

/* Loading Animation */
.taxtastic-modal-loader {
  margin-top: var(--spacing-md);
}

.taxtastic-modal .mdc-linear-progress {
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  background: var(--surface-container-high);
}
.taxtastic-modal .mdc-linear-progress .mdc-linear-progress__buffer {
  background: var(--surface-container-high);
}
.taxtastic-modal .mdc-linear-progress .mdc-linear-progress__bar {
  background: var(--primary-color);
  -webkit-animation: taxtastic-modal-progress 2s ease-in-out infinite;
          animation: taxtastic-modal-progress 2s ease-in-out infinite;
}
.taxtastic-modal .mdc-linear-progress .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
  background: inherit;
  height: 100%;
  border-radius: inherit;
}

@-webkit-keyframes taxtastic-modal-progress {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes taxtastic-modal-progress {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
/* Footer */
.taxtastic-modal-footer {
  padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Modal Buttons - DESIGN-SYSTEM.md: Small = 6px border-radius */
.taxtastic-modal-btn {
  min-width: 64px;
  height: auto;
  padding: 14px 24px;
  border-radius: var(--border-radius-small, 6px);
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-family: var(--font-family);
  position: relative;
  overflow: hidden;
  /* Ripple Effect */
}
.taxtastic-modal-btn.mdc-button--raised {
  background: var(--primary-color);
  color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.taxtastic-modal-btn.mdc-button--raised:hover {
  background: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.taxtastic-modal-btn.mdc-button--raised:focus {
  background: var(--primary-dark);
}
.taxtastic-modal-btn.mdc-button--outlined {
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}
.taxtastic-modal-btn.mdc-button--outlined:hover {
  background: rgba(35, 3, 106, 0.05);
}
.taxtastic-modal-btn.mdc-button--outlined::before {
  background: rgba(var(--primary-color-rgb), 0.2);
}
.taxtastic-modal-btn:focus {
  outline: none;
  background: rgba(var(--primary-color-rgb), 0.12);
}
.taxtastic-modal-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width 0.3s ease, height 0.3s ease;
  transition: width 0.3s ease, height 0.3s ease;
  pointer-events: none;
}
.taxtastic-modal-btn:active::before {
  width: 300px;
  height: 300px;
}

/* Responsive Design */
@media (max-width: 600px) {
  .taxtastic-modal-dialog {
    width: 95%;
    margin: var(--spacing-md);
  }

  .taxtastic-modal-header {
    padding: var(--spacing-md) var(--spacing-md) var(--spacing-sm) var(--spacing-md);
  }

  .taxtastic-modal-body {
    padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md);
  }

  .taxtastic-modal-footer {
    padding: var(--spacing-xs) var(--spacing-md) var(--spacing-md) var(--spacing-md);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: var(--spacing-sm);
  }

  .taxtastic-modal-btn {
    width: 100%;
    height: 40px;
  }

  .taxtastic-modal-title {
    font-size: 18px;
    line-height: 24px;
  }

  .taxtastic-modal-close {
    top: var(--spacing-sm);
    right: var(--spacing-sm);
  }
}
/* Dark Theme Support */
.theme-dark .taxtastic-modal-content {
  background: var(--surface-color);
  color: var(--text-primary);
}
.theme-dark .taxtastic-modal-header {
  border-bottom-color: var(--outline-variant-color);
}
.theme-dark .taxtastic-modal-title {
  color: var(--text-primary);
}
.theme-dark .taxtastic-modal-message {
  color: var(--text-secondary);
}
.theme-dark .taxtastic-modal-close {
  color: var(--text-secondary);
}
.theme-dark .taxtastic-modal-close:hover {
  background: var(--surface-container);
  color: var(--text-primary);
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
  .taxtastic-modal-content {
    border: 2px solid var(--outline-color);
  }

  .taxtastic-modal-btn {
    border-width: 2px;
  }
}
/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .taxtastic-modal,
.taxtastic-modal-dialog,
.taxtastic-modal-backdrop,
.taxtastic-modal-btn {
    -webkit-transition: none;
    transition: none;
  }

  .taxtastic-modal .mdc-linear-progress__bar {
    -webkit-animation: none;
            animation: none;
  }
}
/* Jahr-Auswahl Modal System */
.modal {
  display: none;
  /* Standardmäßig versteckt */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.modal.modal-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-content {
  background-color: white;
  margin: auto;
  padding: 0;
  border-radius: 8px;
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  -webkit-animation: modalSlideIn 0.3s ease-out;
          animation: modalSlideIn 0.3s ease-out;
}

@-webkit-keyframes modalSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
}
.modal-header h2 {
  margin: 0;
  color: var(--primary-color, #1976d2);
  font-size: 1.5rem;
}

.close {
  color: #666;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  line-height: 1;
}
.close:hover {
  color: #000;
}

.modal-body {
  padding: 24px;
}

.year-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* 2-spaltig wie im Design */
  gap: 16px;
  margin-top: 16px;
}

/* Spezifische Styles für Modal Jahr-Karten (höhere Spezifität) */
.modal .year-grid .year-card {
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  /* Etwas mehr vertikales Padding */
  cursor: pointer !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
  background: white !important;
  text-align: center !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  min-height: auto !important;
  height: auto !important;
}
.modal .year-grid .year-card:hover {
  border-color: var(--primary-color, #1976d2) !important;
  -webkit-box-shadow: 0 2px 8px rgba(25, 118, 210, 0.1) !important;
          box-shadow: 0 2px 8px rgba(25, 118, 210, 0.1) !important;
  -webkit-transform: translateY(-2px) !important;
          transform: translateY(-2px) !important;
}

.year-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.year-header h3 {
  margin: 0;
  font-size: 1.25rem;
  color: #333;
}

/* Spezifische H3 Styles für Modal */
.modal .year-grid .year-card h3 {
  margin: 0 0 2px 0 !important;
  font-size: 1rem !important;
  /* Noch kleinere Schrift */
  color: var(--primary-color, #1976d2) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.current-badge {
  background: var(--success-color, #4caf50);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}

.modal .year-status {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  color: #666 !important;
}

.modal .status-icon {
  font-size: 20px !important;
}
.modal .status-icon.completed {
  color: var(--success-color, #4caf50) !important;
}
.modal .status-icon.pending {
  color: var(--primary-color, #1976d2) !important;
}

.modal .status-text {
  color: #666 !important;
  font-size: 0.8rem !important;
  /* Kleinerer Status-Text */
}

.modal-footer {
  padding: 16px 24px;
  border-top: 1px solid #e0e0e0;
  text-align: right;
}

/* Cache-Busting Comment: Updated for modal fixes */
/**
 * Notifications System Component
 *
 * Namespace: tx- (Taxtastic general)
 * Component: notifications
 * Design System: DESIGN-SYSTEM.md
 *
 * @package taxtastic-material
 * @since 1.0.0
 */
/* ============================================ */
/* Notifications Container                     */
/* ============================================ */
.tx-notifications-container {
  position: relative;
  display: inline-block;
}

/* ============================================ */
/* Notifications Badge                         */
/* ============================================ */
.tx-notifications {
  /* ============================================ */
  /* Notifications Dropdown                      */
  /* ============================================ */
  /* ============================================ */
  /* Dropdown Header                             */
  /* ============================================ */
  /* ============================================ */
  /* Notifications List                          */
  /* ============================================ */
  /* ============================================ */
  /* Notification Item                           */
  /* ============================================ */
  /* ============================================ */
  /* Loading State                               */
  /* ============================================ */
  /* ============================================ */
  /* Empty State                                 */
  /* ============================================ */
  /* ============================================ */
  /* Error State                                 */
  /* ============================================ */
  /* ============================================ */
  /* Dropdown Footer                             */
  /* ============================================ */
}
.tx-notifications__badge {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  background: var(--error-color, #D32F2F);
  color: #fff;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  line-height: 18px;
  text-align: center;
  border-radius: 9px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.tx-notifications__dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 400px;
  max-height: 600px;
  background: var(--surface, #ffffff);
  border-radius: var(--border-radius-medium, 8px);
  -webkit-box-shadow: var(--elevation-4, 0 8px 16px rgba(0, 0, 0, 0.15));
          box-shadow: var(--elevation-4, 0 8px 16px rgba(0, 0, 0, 0.15));
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: opacity 0.2s var(--easing-standard, ease), visibility 0.2s, -webkit-transform 0.2s var(--easing-standard, ease);
  transition: opacity 0.2s var(--easing-standard, ease), visibility 0.2s, -webkit-transform 0.2s var(--easing-standard, ease);
  transition: opacity 0.2s var(--easing-standard, ease), transform 0.2s var(--easing-standard, ease), visibility 0.2s;
  transition: opacity 0.2s var(--easing-standard, ease), transform 0.2s var(--easing-standard, ease), visibility 0.2s, -webkit-transform 0.2s var(--easing-standard, ease);
  z-index: 1000;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tx-notifications__dropdown--open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tx-notifications__dropdown::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 16px;
  width: 16px;
  height: 16px;
  background: var(--surface, #ffffff);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .tx-notifications__dropdown {
    width: 90vw;
    max-width: 400px;
    right: -50px;
  }
}
.tx-notifications__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-md, 16px) var(--spacing-lg, 20px);
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  background: var(--surface, #ffffff);
  border-top-left-radius: var(--border-radius-medium, 8px);
  border-top-right-radius: var(--border-radius-medium, 8px);
  position: relative;
  z-index: 1;
}
.tx-notifications__title {
  font-size: var(--font-size-h4, 18px);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--text-primary, #212121);
  margin: 0;
}
.tx-notifications__mark-all-read {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: var(--primary-color, #23036A);
  border-radius: 50%;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.tx-notifications__mark-all-read:hover {
  background: var(--primary-hover, rgba(35, 3, 106, 0.08));
}
.tx-notifications__mark-all-read:active {
  background: var(--primary-active, rgba(35, 3, 106, 0.15));
}
.tx-notifications__mark-all-read .material-symbols-outlined {
  font-size: 20px;
}
.tx-notifications__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  max-height: 480px;
  min-height: 200px;
  background: var(--background-color, #f5f7fa);
}
.tx-notifications__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--spacing-md, 16px) var(--spacing-lg, 20px);
  background: var(--surface, #ffffff);
  border-bottom: 1px solid var(--divider-color, #e0e0e0);
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  position: relative;
}
.tx-notifications__item:hover {
  background: var(--hover-overlay, rgba(0, 0, 0, 0.04));
}
.tx-notifications__item:active {
  background: var(--active-overlay, rgba(0, 0, 0, 0.08));
}
.tx-notifications__item--unread {
  background: var(--primary-light-bg, rgba(35, 3, 106, 0.04));
}
.tx-notifications__item--unread:hover {
  background: var(--primary-light-bg-hover, rgba(35, 3, 106, 0.08));
}
.tx-notifications__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  margin-right: var(--spacing-md, 16px);
  background: var(--primary-light, #E8E0F5);
  color: var(--primary-color, #23036A);
}
.tx-notifications__item-icon .material-symbols-outlined {
  font-size: 24px;
}
.tx-notifications__item-icon--email {
  background: #E3F2FD;
  color: #1976D2;
}
.tx-notifications__item-icon--vast {
  background: #E0F2F1;
  color: #00897B;
}
.tx-notifications__item-icon--tax {
  background: #FFF3E0;
  color: #F57C00;
}
.tx-notifications__item-icon--payment {
  background: #F3E5F5;
  color: #7B1FA2;
}
.tx-notifications__item-icon--confirmation {
  background: #E8F5E9;
  color: #388E3C;
}
.tx-notifications__item-icon--eric {
  background: #FCE4EC;
  color: #C2185B;
}
.tx-notifications__item-icon--system {
  background: #F5F5F5;
  color: #616161;
}
.tx-notifications__item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.tx-notifications__item-title {
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--text-primary, #212121);
  margin: 0 0 4px 0;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tx-notifications__item-message {
  font-size: var(--font-size-small, 13px);
  color: var(--text-secondary, #757575);
  margin: 0 0 4px 0;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tx-notifications__item-time {
  font-size: var(--font-size-caption, 12px);
  color: var(--text-hint, #9e9e9e);
}
.tx-notifications__item-unread-dot {
  position: absolute;
  top: 50%;
  right: var(--spacing-lg, 20px);
  width: 8px;
  height: 8px;
  background: var(--primary-color, #23036A);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tx-notifications__loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--spacing-xxl, 48px) var(--spacing-lg, 20px);
  text-align: center;
}
.tx-notifications__loading p {
  margin: var(--spacing-md, 16px) 0 0;
  color: var(--text-secondary, #757575);
  font-size: var(--font-size-body, 14px);
}
.tx-notifications__spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--divider-color, #e0e0e0);
  border-top-color: var(--primary-color, #23036A);
  border-radius: 50%;
  -webkit-animation: tx-notifications-spin 0.8s linear infinite;
          animation: tx-notifications-spin 0.8s linear infinite;
}
.tx-notifications__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--spacing-xxl, 48px) var(--spacing-lg, 20px);
  text-align: center;
}
.tx-notifications__empty .material-symbols-outlined {
  font-size: 64px;
  color: var(--text-disabled, #bdbdbd);
  margin-bottom: var(--spacing-md, 16px);
}
.tx-notifications__empty p {
  margin: 0;
  color: var(--text-secondary, #757575);
  font-size: var(--font-size-body, 14px);
}
.tx-notifications__error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--spacing-xxl, 48px) var(--spacing-lg, 20px);
  text-align: center;
}
.tx-notifications__error .material-symbols-outlined {
  font-size: 64px;
  color: var(--error-color, #D32F2F);
  margin-bottom: var(--spacing-md, 16px);
}
.tx-notifications__error p {
  margin: 0;
  color: var(--text-secondary, #757575);
  font-size: var(--font-size-body, 14px);
}
.tx-notifications__footer {
  padding: var(--spacing-md, 16px) var(--spacing-lg, 20px);
  border-top: 1px solid var(--divider-color, #e0e0e0);
  background: var(--surface, #ffffff);
  border-bottom-left-radius: var(--border-radius-medium, 8px);
  border-bottom-right-radius: var(--border-radius-medium, 8px);
}
.tx-notifications__view-all {
  width: 100%;
  padding: var(--spacing-sm, 12px);
  background: none;
  border: 1px solid var(--primary-color, #23036A);
  border-radius: var(--border-radius-small, 4px);
  color: var(--primary-color, #23036A);
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-semibold, 600);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tx-notifications__view-all:hover {
  background: var(--primary-color, #23036A);
  color: #ffffff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
          box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
}
.tx-notifications__view-all:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ============================================ */
/* Animations                                  */
/* ============================================ */
@-webkit-keyframes tx-notifications-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes tx-notifications-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* ============================================ */
/* Responsive Breakpoints                      */
/* ============================================ */
@media (max-width: 768px) {
  .tx-notifications__dropdown {
    position: fixed;
    top: 72px;
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  .tx-notifications__dropdown--open {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .tx-notifications__dropdown::before {
    display: none;
  }
  .tx-notifications__item {
    padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  }
  .tx-notifications__item-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-right: var(--spacing-sm, 12px);
  }
  .tx-notifications__item-icon .material-symbols-outlined {
    font-size: 20px;
  }
  .tx-notifications__item-title {
    font-size: var(--font-size-small, 13px);
  }
  .tx-notifications__item-message {
    font-size: var(--font-size-caption, 12px);
  }
  .tx-notifications__modal-content {
    width: calc(100vw - 32px);
    max-width: 500px;
    margin: 16px;
  }
}
/* ============================================ */
/* Notification Detail Modal                   */
/* ============================================ */
.tx-notifications__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s var(--easing-standard, ease), visibility 0.3s;
  transition: opacity 0.3s var(--easing-standard, ease), visibility 0.3s;
}
.tx-notifications__modal--open {
  opacity: 1;
  visibility: visible;
}
.tx-notifications__modal--open .tx-notifications__modal-content {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.tx-notifications__modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.tx-notifications__modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
          transform: translate(-50%, -50%) scale(0.9);
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  background: var(--surface, #ffffff);
  border-radius: var(--border-radius-large, 12px);
  -webkit-box-shadow: var(--elevation-8, 0 16px 32px rgba(0, 0, 0, 0.2));
          box-shadow: var(--elevation-8, 0 16px 32px rgba(0, 0, 0, 0.2));
  -webkit-transition: -webkit-transform 0.3s var(--easing-standard, ease);
  transition: -webkit-transform 0.3s var(--easing-standard, ease);
  transition: transform 0.3s var(--easing-standard, ease);
  transition: transform 0.3s var(--easing-standard, ease), -webkit-transform 0.3s var(--easing-standard, ease);
  overflow-y: auto;
}
.tx-notifications__modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-lg, 24px);
  border-bottom: 1px solid var(--divider-color, #e0e0e0);
  background: var(--background-color, #f5f7fa);
}
.tx-notifications__modal-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  margin-right: var(--spacing-md, 16px);
  background: var(--primary-light, #E8E0F5);
  color: var(--primary-color, #23036A);
}
.tx-notifications__modal-icon .material-symbols-outlined {
  font-size: 28px;
}
.tx-notifications__modal-icon--email {
  background: #E3F2FD;
  color: #1976D2;
}
.tx-notifications__modal-icon--vast {
  background: #E0F2F1;
  color: #00897B;
}
.tx-notifications__modal-icon--tax {
  background: #FFF3E0;
  color: #F57C00;
}
.tx-notifications__modal-icon--payment {
  background: #F3E5F5;
  color: #7B1FA2;
}
.tx-notifications__modal-icon--confirmation {
  background: #E8F5E9;
  color: #388E3C;
}
.tx-notifications__modal-icon--eric {
  background: #FCE4EC;
  color: #C2185B;
}
.tx-notifications__modal-icon--system {
  background: #F5F5F5;
  color: #616161;
}
.tx-notifications__modal-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--font-size-h4, 20px);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--text-primary, #212121);
  margin: 0;
  line-height: 1.4;
}
.tx-notifications__modal-close {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: var(--text-secondary, #757575);
  border-radius: 50%;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin-left: var(--spacing-sm, 8px);
}
.tx-notifications__modal-close:hover {
  background: var(--hover-overlay, rgba(0, 0, 0, 0.04));
  color: var(--text-primary, #212121);
}
.tx-notifications__modal-close:active {
  background: var(--active-overlay, rgba(0, 0, 0, 0.08));
}
.tx-notifications__modal-close .material-symbols-outlined {
  font-size: 24px;
}
.tx-notifications__modal-body {
  padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
}
.tx-notifications__modal-message {
  font-size: var(--font-size-body, 16px);
  line-height: 1.6;
  color: var(--text-primary, #212121);
  margin: 0 0 var(--spacing-lg, 24px) 0;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.tx-notifications__modal-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md, 16px);
  padding-top: var(--spacing-md, 16px);
  border-top: 1px solid var(--divider-color, #e0e0e0);
}
.tx-notifications__modal-time, .tx-notifications__modal-type {
  font-size: var(--font-size-small, 14px);
  color: var(--text-secondary, #757575);
}
.tx-notifications__modal-type {
  padding: 4px 12px;
  background: var(--background-color, #f5f7fa);
  border-radius: var(--border-radius-small, 4px);
  font-weight: var(--font-weight-medium, 500);
}
.tx-notifications__modal-footer {
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
  border-top: 1px solid var(--divider-color, #e0e0e0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: var(--spacing-sm, 12px);
}
.tx-notifications__modal-button {
  padding: var(--spacing-sm, 10px) var(--spacing-lg, 24px);
  border: none;
  border-radius: var(--border-radius-small, 4px);
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-semibold, 600);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tx-notifications__modal-button--primary {
  background: var(--primary-color, #23036A);
  color: #ffffff;
}
.tx-notifications__modal-button--primary:hover {
  background: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
          box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
}
.tx-notifications__modal-button--primary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tx-notifications__modal-button--secondary {
  background: transparent;
  color: var(--primary-color, #23036A);
  border: 1px solid var(--primary-color, #23036A);
}
.tx-notifications__modal-button--secondary:hover {
  background: var(--primary-color, #23036A);
  color: #ffffff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
          box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
}
.tx-notifications__modal-button--secondary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.tx-notifications-modal-open {
  overflow: hidden;
}

/**
 * WooCommerce Notifications Page Styles
 *
 * Styles for the notifications page in WooCommerce account area.
 * Following DESIGN-SYSTEM-TOOL.md specifications with wc- namespace.
 *
 * @package taxtastic-material
 */
/* ============================================ */
/* WooCommerce Notifications Page              */
/* ============================================ */
.wc-notifications {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-lg, 20px);
  /* ============================================ */
  /* Header                                      */
  /* ============================================ */
  /* ============================================ */
  /* Empty State                                 */
  /* ============================================ */
  /* ============================================ */
  /* Notifications List                          */
  /* ============================================ */
  /* ============================================ */
  /* Notification Item Animations               */
  /* ============================================ */
}
.wc-notifications__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--spacing-xl, 32px);
  padding-bottom: var(--spacing-lg, 20px);
  border-bottom: 1px solid var(--border-color, #e0e0e0);
}
@media (max-width: 768px) {
  .wc-notifications__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: var(--spacing-md, 16px);
  }
}
.wc-notifications__title {
  font-size: var(--font-size-h2, 24px);
  font-weight: var(--font-weight-medium, 500);
  color: var(--text-primary, #212121);
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm, 12px);
}
.wc-notifications__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 var(--spacing-xs, 8px);
  background: var(--primary-color, #23036A);
  color: #ffffff;
  font-size: var(--font-size-caption, 12px);
  font-weight: var(--font-weight-bold, 700);
  border-radius: 12px;
}
.wc-notifications__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm, 12px);
}
@media (max-width: 768px) {
  .wc-notifications__actions {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wc-notifications__action-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  border: 1px solid var(--border-color, #e0e0e0);
  background: var(--surface, #ffffff);
  color: var(--text-primary, #212121);
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-small, 4px);
  cursor: pointer;
  -webkit-transition: all 0.2s var(--easing-standard, ease);
  transition: all 0.2s var(--easing-standard, ease);
}
.wc-notifications__action-btn:hover {
  background: var(--surface-hover, #f5f5f5);
  border-color: var(--primary-color, #23036A);
}
.wc-notifications__action-btn:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.wc-notifications__action-btn.loading {
  opacity: 0.6;
  pointer-events: none;
}
.wc-notifications__action-btn .material-symbols-outlined {
  font-size: 20px;
}
@media (max-width: 768px) {
  .wc-notifications__action-btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.wc-notifications__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--spacing-xxl, 48px) var(--spacing-lg, 20px);
  text-align: center;
  background: var(--surface, #ffffff);
  border-radius: var(--border-radius-medium, 8px);
  border: 1px solid var(--border-color, #e0e0e0);
}
.wc-notifications__empty-icon {
  font-size: 64px;
  color: var(--text-hint, #9e9e9e);
  margin-bottom: var(--spacing-md, 16px);
}
.wc-notifications__empty-text {
  margin: 0;
  font-size: var(--font-size-body, 14px);
  color: var(--text-secondary, #757575);
}
.wc-notifications__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-md, 16px);
}
.wc-notifications__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-lg, 20px);
  background: var(--surface, #ffffff);
  border: 1px solid var(--border-color, #e0e0e0);
  border-radius: var(--border-radius-medium, 8px);
  -webkit-transition: all 0.2s var(--easing-standard, ease);
  transition: all 0.2s var(--easing-standard, ease);
}
.wc-notifications__item:hover {
  -webkit-box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
          box-shadow: var(--elevation-2, 0 2px 4px rgba(0, 0, 0, 0.1));
}
.wc-notifications__item--unread {
  background: var(--surface-highlight, #f5f3ff);
  border-left: 4px solid var(--primary-color, #23036A);
}
@media (max-width: 768px) {
  .wc-notifications__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-sm, 12px);
  }
}
.wc-notifications__item-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--surface-variant, #f5f5f5);
}
.wc-notifications__item-icon .material-symbols-outlined {
  font-size: 24px;
  color: var(--text-secondary, #757575);
}
.wc-notifications__item-icon--vast {
  background: rgba(13, 115, 119, 0.1);
}
.wc-notifications__item-icon--vast .material-symbols-outlined {
  color: #0D7377;
}
.wc-notifications__item-icon--tax {
  background: rgba(35, 3, 106, 0.1);
}
.wc-notifications__item-icon--tax .material-symbols-outlined {
  color: #23036A;
}
.wc-notifications__item-icon--payment {
  background: rgba(20, 167, 62, 0.1);
}
.wc-notifications__item-icon--payment .material-symbols-outlined {
  color: #14A73E;
}
.wc-notifications__item-icon--confirmation {
  background: rgba(20, 167, 62, 0.1);
}
.wc-notifications__item-icon--confirmation .material-symbols-outlined {
  color: #14A73E;
}
.wc-notifications__item-icon--eric {
  background: rgba(13, 115, 119, 0.1);
}
.wc-notifications__item-icon--eric .material-symbols-outlined {
  color: #0D7377;
}
.wc-notifications__item-icon--success {
  background: rgba(20, 167, 62, 0.1);
}
.wc-notifications__item-icon--success .material-symbols-outlined {
  color: #14A73E;
}
.wc-notifications__item-icon--warning {
  background: rgba(255, 152, 0, 0.1);
}
.wc-notifications__item-icon--warning .material-symbols-outlined {
  color: #ff9800;
}
.wc-notifications__item-icon--error {
  background: rgba(211, 47, 47, 0.1);
}
.wc-notifications__item-icon--error .material-symbols-outlined {
  color: #d32f2f;
}
.wc-notifications__item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.wc-notifications__item-title {
  margin: 0 0 var(--spacing-xs, 8px);
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-medium, 500);
  color: var(--text-primary, #212121);
}
.wc-notifications__item-message {
  margin: 0 0 var(--spacing-sm, 12px);
  font-size: var(--font-size-body, 14px);
  color: var(--text-secondary, #757575);
  line-height: 1.5;
}
.wc-notifications__item-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-md, 16px);
  font-size: var(--font-size-caption, 12px);
  color: var(--text-hint, #9e9e9e);
}
@media (max-width: 480px) {
  .wc-notifications__item-meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-xs, 8px);
  }
}
.wc-notifications__item-time, .wc-notifications__item-type {
  display: inline-block;
}
.wc-notifications__item-actions {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-xs, 8px);
}
@media (max-width: 768px) {
  .wc-notifications__item-actions {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.wc-notifications__item-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--border-color, #e0e0e0);
  background: var(--surface, #ffffff);
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s var(--easing-standard, ease);
  transition: all 0.2s var(--easing-standard, ease);
}
.wc-notifications__item-action .material-symbols-outlined {
  font-size: 20px;
  color: var(--text-secondary, #757575);
}
.wc-notifications__item-action:hover {
  background: var(--surface-hover, #f5f5f5);
  border-color: var(--primary-color, #23036A);
}
.wc-notifications__item-action:hover .material-symbols-outlined {
  color: var(--primary-color, #23036A);
}
.wc-notifications__item-action:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.wc-notifications__item-action--delete:hover {
  border-color: #d32f2f;
  background: rgba(211, 47, 47, 0.05);
}
.wc-notifications__item-action--delete:hover .material-symbols-outlined {
  color: #d32f2f;
}
.wc-notifications__item {
  -webkit-transition: opacity 0.3s var(--easing-standard, ease), -webkit-transform 0.3s var(--easing-standard, ease);
  transition: opacity 0.3s var(--easing-standard, ease), -webkit-transform 0.3s var(--easing-standard, ease);
  transition: opacity 0.3s var(--easing-standard, ease), transform 0.3s var(--easing-standard, ease);
  transition: opacity 0.3s var(--easing-standard, ease), transform 0.3s var(--easing-standard, ease), -webkit-transform 0.3s var(--easing-standard, ease);
}

/* ============================================ */
/* Notification Detail Modal                   */
/* ============================================ */
.wc-notifications-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* Overlay/Backdrop */
  /* Modal Container */
  /* Modal Header */
  /* Modal Body */
  /* HTML Content Container for Email Design */
  /* Loading state for HTML content */
  /* Modal Footer */
}
.wc-notifications-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000000 !important;
}
.wc-notifications-modal__container {
  z-index: 10000001 !important;
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  background: var(--surface, #ffffff);
  border-radius: var(--border-radius-medium, 8px);
  -webkit-box-shadow: var(--elevation-4, 0 8px 16px rgba(0, 0, 0, 0.2));
          box-shadow: var(--elevation-4, 0 8px 16px rgba(0, 0, 0, 0.2));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
@media (max-width: 768px) {
  .wc-notifications-modal__container {
    max-width: 95%;
    width: 95%;
  }
}
.wc-notifications-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-lg, 20px);
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  background: var(--surface, #ffffff);
}
.wc-notifications-modal__icon-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--surface-variant, #f5f5f5);
}
.wc-notifications-modal__icon {
  font-size: 28px;
  color: var(--text-secondary, #757575);
}
.wc-notifications-modal__icon--vast {
  color: #0D7377;
}
.wc-notifications-modal__icon--tax {
  color: #23036A;
}
.wc-notifications-modal__icon--payment {
  color: #14A73E;
}
.wc-notifications-modal__icon--confirmation {
  color: #14A73E;
}
.wc-notifications-modal__icon--eric {
  color: #0D7377;
}
.wc-notifications-modal__icon--success {
  color: #14A73E;
}
.wc-notifications-modal__icon--warning {
  color: #ff9800;
}
.wc-notifications-modal__icon--error {
  color: #d32f2f;
}
.wc-notifications-modal__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding-top: var(--spacing-xs, 8px);
  font-size: var(--font-size-h3, 20px);
  font-weight: var(--font-weight-medium, 500);
  color: var(--text-primary, #212121);
  line-height: 1.3;
}
.wc-notifications-modal__close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background 0.2s var(--easing-standard, ease);
  transition: background 0.2s var(--easing-standard, ease);
}
.wc-notifications-modal__close .material-symbols-outlined {
  font-size: 24px;
  color: var(--text-secondary, #757575);
}
.wc-notifications-modal__close:hover {
  background: var(--surface-hover, #f5f5f5);
}
.wc-notifications-modal__close:hover .material-symbols-outlined {
  color: var(--text-primary, #212121);
}
.wc-notifications-modal__close:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.wc-notifications-modal__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--spacing-lg, 20px);
  overflow-y: auto;
}
.wc-notifications-modal__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-md, 16px);
  font-size: var(--font-size-caption, 12px);
  color: var(--text-hint, #9e9e9e);
}
@media (max-width: 480px) {
  .wc-notifications-modal__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-xs, 8px);
  }
}
.wc-notifications-modal__type, .wc-notifications-modal__time {
  display: inline-block;
}
.wc-notifications-modal__message {
  font-size: var(--font-size-body, 14px);
  color: var(--text-primary, #212121);
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}
.wc-notifications-modal__html-content {
  font-size: var(--font-size-body, 14px);
  color: var(--text-primary, #212121);
  line-height: 1.6;
  word-break: break-word;
  /* Reset margins for email content */
  /* Typography for email content */
  /* Links */
  /* Lists */
  /* Tables (common in email templates) */
  /* Strong/Bold */
  /* Emphasis/Italic */
  /* Code blocks */
  /* Blockquotes */
  /* Horizontal rule */
  /* Images */
  /* Alert/Info boxes from email templates */
  /* Success/Error/Warning variants */
}
.wc-notifications-modal__html-content > * {
  margin: 0 0 var(--spacing-md, 16px);
}
.wc-notifications-modal__html-content > *:last-child {
  margin-bottom: 0;
}
.wc-notifications-modal__html-content h1, .wc-notifications-modal__html-content h2, .wc-notifications-modal__html-content h3, .wc-notifications-modal__html-content h4, .wc-notifications-modal__html-content h5, .wc-notifications-modal__html-content h6 {
  font-weight: var(--font-weight-medium, 500);
  color: var(--text-primary, #212121);
  margin: 0 0 var(--spacing-sm, 12px);
}
.wc-notifications-modal__html-content h1 {
  font-size: 24px;
}
.wc-notifications-modal__html-content h2 {
  font-size: 20px;
}
.wc-notifications-modal__html-content h3 {
  font-size: 18px;
}
.wc-notifications-modal__html-content h4 {
  font-size: 16px;
}
.wc-notifications-modal__html-content p {
  margin: 0 0 var(--spacing-md, 16px);
  line-height: 1.6;
}
.wc-notifications-modal__html-content a {
  color: var(--primary-color, #23036A);
  text-decoration: underline;
}
.wc-notifications-modal__html-content a:hover {
  color: var(--primary-color-dark, #1a0250);
}
.wc-notifications-modal__html-content ul, .wc-notifications-modal__html-content ol {
  margin: 0 0 var(--spacing-md, 16px);
  padding-left: var(--spacing-lg, 20px);
}
.wc-notifications-modal__html-content li {
  margin-bottom: var(--spacing-xs, 8px);
  line-height: 1.5;
}
.wc-notifications-modal__html-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 var(--spacing-md, 16px);
}
.wc-notifications-modal__html-content th, .wc-notifications-modal__html-content td {
  padding: var(--spacing-sm, 12px);
  text-align: left;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
}
.wc-notifications-modal__html-content th {
  font-weight: var(--font-weight-medium, 500);
  background: var(--surface-variant, #f5f5f5);
}
.wc-notifications-modal__html-content strong, .wc-notifications-modal__html-content b {
  font-weight: var(--font-weight-bold, 700);
}
.wc-notifications-modal__html-content em, .wc-notifications-modal__html-content i {
  font-style: italic;
}
.wc-notifications-modal__html-content code {
  font-family: "Roboto Mono", monospace;
  background: var(--surface-variant, #f5f5f5);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.9em;
}
.wc-notifications-modal__html-content pre {
  font-family: "Roboto Mono", monospace;
  background: var(--surface-variant, #f5f5f5);
  padding: var(--spacing-md, 16px);
  border-radius: var(--border-radius-small, 4px);
  overflow-x: auto;
  font-size: 0.9em;
  margin: 0 0 var(--spacing-md, 16px);
}
.wc-notifications-modal__html-content blockquote {
  border-left: 4px solid var(--primary-color, #23036A);
  padding-left: var(--spacing-md, 16px);
  margin: 0 0 var(--spacing-md, 16px);
  color: var(--text-secondary, #757575);
  font-style: italic;
}
.wc-notifications-modal__html-content hr {
  border: none;
  border-top: 1px solid var(--border-color, #e0e0e0);
  margin: var(--spacing-lg, 20px) 0;
}
.wc-notifications-modal__html-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius-small, 4px);
}
.wc-notifications-modal__html-content .alert, .wc-notifications-modal__html-content .info-box, .wc-notifications-modal__html-content .notice {
  padding: var(--spacing-md, 16px);
  border-radius: var(--border-radius-small, 4px);
  margin: 0 0 var(--spacing-md, 16px);
  background: var(--surface-variant, #f5f5f5);
  border-left: 4px solid var(--primary-color, #23036A);
}
.wc-notifications-modal__html-content .success {
  background: rgba(20, 167, 62, 0.1);
  border-left-color: #14A73E;
}
.wc-notifications-modal__html-content .error {
  background: rgba(211, 47, 47, 0.1);
  border-left-color: #d32f2f;
}
.wc-notifications-modal__html-content .warning {
  background: rgba(255, 152, 0, 0.1);
  border-left-color: #ff9800;
}
.wc-notifications-modal__loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-lg, 20px);
  color: var(--text-secondary, #757575);
  font-size: var(--font-size-body, 14px);
}
.wc-notifications-modal__loading .material-symbols-outlined {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.wc-notifications-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-lg, 20px);
  border-top: 1px solid var(--border-color, #e0e0e0);
  background: var(--surface, #ffffff);
}
@media (max-width: 480px) {
  .wc-notifications-modal__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.wc-notifications-modal__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-lg, 20px);
  border: none;
  font-size: var(--font-size-body, 14px);
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--border-radius-small, 4px);
  cursor: pointer;
  -webkit-transition: all 0.2s var(--easing-standard, ease);
  transition: all 0.2s var(--easing-standard, ease);
}
.wc-notifications-modal__button .material-symbols-outlined {
  font-size: 20px;
}
.wc-notifications-modal__button:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
@media (max-width: 480px) {
  .wc-notifications-modal__button {
    width: 100%;
  }
}
.wc-notifications-modal__button--primary {
  background: var(--primary-color, #23036A);
  color: #ffffff;
}
.wc-notifications-modal__button--primary:hover {
  background: var(--primary-color-dark, #1a0250);
}
.wc-notifications-modal__button--secondary {
  background: transparent;
  color: var(--text-primary, #212121);
  border: 1px solid var(--border-color, #e0e0e0);
}
.wc-notifications-modal__button--secondary:hover {
  background: var(--surface-hover, #f5f5f5);
}

/* Basic Utility Classes */
.show {
  display: block;
}

.hide {
  display: none;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.centered {
  text-align: center;
}

/* Spacer Classes */
.spacer-100 {
  height: 100px;
  width: 100%;
}

.spacer-50 {
  height: 50px;
  width: 100%;
}

/* Text Color Utilities */
.text-color-primary {
  color: var(--primary-color);
}

.text-color-on-primary {
  color: var(--surface-color);
}

.text-color-on-secondary {
  color: var(--surface-color);
}

.small {
  font-size: small;
}

.loud {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
}

/* Responsive Image Classes */
.img-responsive-100 {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  float: none;
}

.img-responsive-90 {
  max-width: 90%;
  height: auto;
  display: block;
}

.img-responsive-80 {
  max-width: 80%;
  height: auto;
  display: block;
}

.img-responsive-70 {
  max-width: 70%;
  height: auto;
  display: block;
}

.img-responsive-60 {
  max-width: 60%;
  height: auto;
  display: block;
}

.img-responsive-50 {
  max-width: 50%;
  height: auto;
  display: block;
}

.img-responsive-40 {
  max-width: 40%;
  height: auto;
  display: block;
}

.img-responsive-30 {
  max-width: 30%;
  height: auto;
  display: block;
}

.img-responsive-20 {
  max-width: 20%;
  height: auto;
  display: block;
}

.img-responsive-10 {
  max-width: 10%;
  height: auto;
  display: block;
}

/* Section Wrappers */
.section-wrapper-primary {
  background-color: var(--primary-color);
  width: 100%;
}

.section-wrapper-secondary {
  background-color: var(--secondary-color);
  width: 100%;
}

.section-wrapper-image-lp {
  width: 100%;
  background: url("https://taxtastic.de/wp-content/uploads/2020/12/lp-bg-image.jpg") center/cover no-repeat;
}

.section-headline {
  color: var(--primary-color);
  font-size: 34px;
  padding: 25px;
  margin: 30px 0 30px 0;
}

.example-wrapper {
  padding: 30px;
  background-color: #ffffff;
}

.step-number-wrapper {
  position: relative;
  margin-top: -60px;
}

.advantage-wrapper {
  margin: 30px 0 30px 0;
  clear: both;
}
.advantage-wrapper i {
  margin: 0px 15px 0px 0px;
  display: block;
  float: left;
}

.nl-note {
  color: var(--text-secondary);
}

/* Smooth Scroll */
.smooth-scroll {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

/* =====================================================
   ANIMATIONS
   ===================================================== */
/* Icon Rotation Animation (used for loading states) */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/**
 * Taxtastic Forms Component - Refactored Version
 *
 * Following BEM methodology with namespace prefix
 * Namespace: tx- (Taxtastic general)
 * Block: tx-form
 * Component isolation with proper scoping
 * No global selectors or !important
 */
/**
 * Taxtastic SCSS Mixins Library
 *
 * Reusable patterns for consistent styling across components
 * Following BEM methodology and Material Design principles
 */
.tx-form {
  --tx-form-spacing: 1.5rem;
  --tx-field-spacing: 1rem;
  --tx-field-padding: 0.75rem;
  --tx-label-size: 0.875rem;
  --tx-input-height: 44px;
  --tx-border-width: 1px;
  --tx-border-radius: 4px;
  --tx-focus-ring-size: 2px;
  --tx-transition-speed: 0.3s;
}
@media (max-width: 768px) {
  .tx-form {
    --tx-form-spacing: 1rem;
    --tx-field-spacing: 0.75rem;
  }
}

.tx-form__container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: var(--spacing-lg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--surface-color);
  border-radius: var(--border-radius-md);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  margin-bottom: var(--tx-form-spacing);
}
@media (max-width: 768px) {
  .tx-form__container {
    padding: calc(var(--spacing-lg) * 0.75);
  }
}
@media (max-width: 480px) {
  .tx-form__container {
    padding: calc(var(--spacing-lg) * 0.5);
  }
}
.tx-form__container--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: var(--tx-field-spacing);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tx-form__container--compact {
  padding: var(--tx-field-spacing);
}
.tx-form__section {
  margin-bottom: var(--tx-form-spacing);
}
.tx-form__section:last-child {
  margin-bottom: 0;
}
.tx-form__section-title {
  font-family: var(--font-family);
  line-height: 1.2;
  color: var(--text-primary);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: var(--tx-field-spacing);
  padding-bottom: calc(var(--tx-field-spacing) / 2);
  border-bottom: var(--tx-border-width) solid var(--outline-variant);
}
@media (max-width: 768px) {
  .tx-form__section-title {
    font-size: calc(font-size * 0.85);
  }
}
.tx-form__section-description {
  font-size: 0.875rem;
  color: var(--text-secondary);
  margin-bottom: var(--tx-field-spacing);
  line-height: 1.5;
}
.tx-form__group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--tx-field-spacing);
  margin-bottom: var(--tx-field-spacing);
}
@media (min-width: 769px) {
  .tx-form__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .tx-form__group {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1025px) {
  .tx-form__group--three-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1440px) {
  .tx-form__group--four-columns {
    grid-template-columns: repeat(4, 1fr);
  }
}
.tx-form__field {
  margin-bottom: var(--tx-field-spacing);
  position: relative;
}
.tx-form__field--required .tx-form__label::after {
  content: " *";
  color: var(--error-color);
}
.tx-form__field--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.tx-form__field--disabled .tx-form__input,
.tx-form__field--disabled .tx-form__select,
.tx-form__field--disabled .tx-form__textarea {
  background: var(--surface-disabled);
  cursor: not-allowed;
}
.tx-form__field--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--tx-field-spacing);
}
.tx-form__field--inline .tx-form__label {
  margin-bottom: 0;
  min-width: 120px;
}
.tx-form__field--full-width {
  grid-column: 1/-1;
}
@media (min-width: 769px) {
  .tx-form__field--half-width {
    grid-column: span 1;
  }
}
.tx-form__label {
  display: block;
  font-size: var(--tx-label-size);
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: calc(var(--tx-field-spacing) / 4);
  -webkit-transition: color var(--tx-transition-speed) ease;
  transition: color var(--tx-transition-speed) ease;
}
.tx-form__label--floating {
  position: absolute;
  top: var(--tx-field-padding);
  left: var(--tx-field-padding);
  pointer-events: none;
  -webkit-transition: all var(--tx-transition-speed) ease;
  transition: all var(--tx-transition-speed) ease;
  background: var(--surface-color);
  padding: 0 4px;
}
.tx-form__input {
  width: 100%;
  padding: var(--tx-field-padding);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-family: inherit;
  background: var(--surface-color);
  -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  min-height: var(--tx-input-height);
}
.tx-form__input:focus {
  outline: none;
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
          box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
}
.tx-form__input:disabled {
  background: var(--surface-disabled);
  opacity: 0.6;
  cursor: not-allowed;
}
.tx-form__input::-webkit-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__input::-moz-placeholder {
  color: var(--text-disabled);
}
.tx-form__input:-ms-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__input::-ms-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__input::placeholder {
  color: var(--text-disabled);
}
.tx-form__input--with-icon {
  padding-left: calc(var(--tx-field-padding) * 3);
}
.tx-form__input--error {
  border-color: var(--error-color);
  background-color: rgba(var(--error-rgb), 0.05);
}
.tx-form__input--error:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--error-rgb), 0.1);
          box-shadow: 0 0 0 2px rgba(var(--error-rgb), 0.1);
}
.tx-form__input--success {
  border-color: var(--success-color);
  background-color: rgba(var(--success-rgb), 0.05);
}
.tx-form__input--success:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--success-rgb), 0.1);
          box-shadow: 0 0 0 2px rgba(var(--success-rgb), 0.1);
}
.tx-form__input--warning {
  border-color: var(--warning-color);
  background-color: rgba(var(--warning-rgb), 0.05);
}
.tx-form__input--warning:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--warning-rgb), 0.1);
          box-shadow: 0 0 0 2px rgba(var(--warning-rgb), 0.1);
}
.tx-form__textarea {
  width: 100%;
  padding: var(--tx-field-padding);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-family: inherit;
  background: var(--surface-color);
  -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  min-height: calc(var(--tx-input-height) * 2);
  resize: vertical;
  font-family: inherit;
}
.tx-form__textarea:focus {
  outline: none;
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
          box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
}
.tx-form__textarea:disabled {
  background: var(--surface-disabled);
  opacity: 0.6;
  cursor: not-allowed;
}
.tx-form__textarea::-webkit-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__textarea::-moz-placeholder {
  color: var(--text-disabled);
}
.tx-form__textarea:-ms-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__textarea::-ms-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__textarea::placeholder {
  color: var(--text-disabled);
}
.tx-form__select {
  width: 100%;
  padding: var(--tx-field-padding);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-family: inherit;
  background: var(--surface-color);
  -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  min-height: var(--tx-input-height);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right var(--tx-field-padding) center;
  background-size: 20px;
  padding-right: calc(var(--tx-field-padding) * 3);
}
.tx-form__select:focus {
  outline: none;
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
          box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
}
.tx-form__select:disabled {
  background: var(--surface-disabled);
  opacity: 0.6;
  cursor: not-allowed;
}
.tx-form__select::-webkit-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__select::-moz-placeholder {
  color: var(--text-disabled);
}
.tx-form__select:-ms-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__select::-ms-input-placeholder {
  color: var(--text-disabled);
}
.tx-form__select::placeholder {
  color: var(--text-disabled);
}
.tx-form__select:focus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2323036A' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}
.tx-form__checkbox, .tx-form__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--tx-field-spacing) / 2);
  margin-bottom: calc(var(--tx-field-spacing) / 2);
  cursor: pointer;
}
.tx-form__checkbox input[type=checkbox],
.tx-form__checkbox input[type=radio], .tx-form__radio input[type=checkbox],
.tx-form__radio input[type=radio] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  cursor: pointer;
  margin: 0;
}
.tx-form__checkbox input[type=checkbox]:focus,
.tx-form__checkbox input[type=radio]:focus, .tx-form__radio input[type=checkbox]:focus,
.tx-form__radio input[type=radio]:focus {
  outline: var(--tx-focus-ring-size) solid var(--primary-color);
  outline-offset: 2px;
}
.tx-form__checkbox-label, .tx-form__radio-label {
  font-size: 1rem;
  color: var(--text-primary);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tx-form__checkbox-group, .tx-form__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--tx-field-spacing) / 2);
}
.tx-form__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--tx-field-spacing);
  cursor: pointer;
}
.tx-form__switch-track {
  position: relative;
  width: 52px;
  height: 28px;
  background: var(--outline-variant);
  border-radius: 14px;
  -webkit-transition: background var(--tx-transition-speed) ease;
  transition: background var(--tx-transition-speed) ease;
}
.tx-form__switch-thumb {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  -webkit-transition: -webkit-transform var(--tx-transition-speed) ease;
  transition: -webkit-transform var(--tx-transition-speed) ease;
  transition: transform var(--tx-transition-speed) ease;
  transition: transform var(--tx-transition-speed) ease, -webkit-transform var(--tx-transition-speed) ease;
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.tx-form__switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.tx-form__switch input[type=checkbox]:checked + .tx-form__switch-track {
  background: var(--primary-color);
}
.tx-form__switch input[type=checkbox]:checked + .tx-form__switch-track .tx-form__switch-thumb {
  -webkit-transform: translateX(24px);
          transform: translateX(24px);
}
.tx-form__switch input[type=checkbox]:focus + .tx-form__switch-track {
  outline: var(--tx-focus-ring-size) solid var(--primary-color);
  outline-offset: 2px;
}
.tx-form__switch-label {
  font-size: 1rem;
  color: var(--text-primary);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tx-form__help {
  font-size: 0.75rem;
  color: var(--text-disabled);
  margin-top: calc(var(--tx-field-spacing) / 4);
  line-height: 1.4;
}
.tx-form__error {
  font-size: 0.75rem;
  color: var(--error-color);
  margin-top: calc(var(--tx-field-spacing) / 4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.tx-form__error::before {
  content: "⚠";
  font-size: 1rem;
}
.tx-form__success {
  font-size: 0.75rem;
  color: var(--success-color);
  margin-top: calc(var(--tx-field-spacing) / 4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.tx-form__success::before {
  content: "✓";
  font-size: 1rem;
}
.tx-form__icon {
  position: absolute;
  left: var(--tx-field-padding);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--text-disabled);
  pointer-events: none;
}
.tx-form__icon--trailing {
  left: auto;
  right: var(--tx-field-padding);
}
.tx-form__icon--clickable {
  pointer-events: all;
  cursor: pointer;
  -webkit-transition: color var(--tx-transition-speed) ease;
  transition: color var(--tx-transition-speed) ease;
}
.tx-form__icon--clickable:hover {
  color: var(--primary-color);
}
.tx-form__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--tx-field-spacing);
  margin-top: var(--tx-form-spacing);
  padding-top: var(--tx-form-spacing);
  border-top: var(--tx-border-width) solid var(--outline-variant);
}
.tx-form__actions--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tx-form__actions--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tx-form__actions--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tx-form__actions--no-border {
  border-top: none;
  padding-top: 0;
}
@media (max-width: 480px) {
  .tx-form__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tx-form__actions .tx-form__button {
    width: 100%;
  }
}
.tx-form__button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
.tx-form__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tx-form__button:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.tx-form__button--primary {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: var(--primary-color);
  color: white;
}
.tx-form__button--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tx-form__button--primary:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.tx-form__button--primary:hover:not(:disabled) {
  background: var(--primary-dark);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.tx-form__button--primary:active:not(:disabled) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tx-form__button--secondary {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: var(--secondary-color);
  color: white;
}
.tx-form__button--secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tx-form__button--secondary:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.tx-form__button--secondary:hover:not(:disabled) {
  background: var(--secondary-dark);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.tx-form__button--outlined {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}
.tx-form__button--outlined:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tx-form__button--outlined:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.tx-form__button--outlined:hover:not(:disabled) {
  background: rgba(var(--primary-color), 0.08);
}
.tx-form__button--text {
  background: transparent;
  color: var(--primary-color);
  padding: var(--tx-field-padding);
}
.tx-form__button--text:hover {
  background: rgba(var(--primary-rgb), 0.08);
}
.tx-form__button--danger {
  background: var(--error-color);
  color: white;
}
.tx-form__button--danger:hover {
  background: var(--error-dark);
}
.tx-form__button--loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.tx-form__button--loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}

.tx-form__field--floating {
  position: relative;
}
.tx-form__field--floating .tx-form__input {
  padding-top: calc(var(--tx-field-padding) * 1.5);
  padding-bottom: calc(var(--tx-field-padding) * 0.5);
}
.tx-form__field--floating .tx-form__label--floating {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tx-form__field--floating .tx-form__input:not(:-moz-placeholder-shown) + .tx-form__label--floating {
  top: 0;
  transform: translateY(-50%) scale(0.85);
  color: var(--primary-color);
}
.tx-form__field--floating .tx-form__input:not(:-ms-input-placeholder) + .tx-form__label--floating {
  top: 0;
  transform: translateY(-50%) scale(0.85);
  color: var(--primary-color);
}
.tx-form__field--floating .tx-form__input:focus + .tx-form__label--floating,
.tx-form__field--floating .tx-form__input:not(:placeholder-shown) + .tx-form__label--floating {
  top: 0;
  -webkit-transform: translateY(-50%) scale(0.85);
          transform: translateY(-50%) scale(0.85);
  color: var(--primary-color);
}

.tx-form-u-required::after {
  content: " *";
  color: var(--error-color);
}
.tx-form-u-optional {
  font-size: 0.75rem;
  color: var(--text-disabled);
  font-style: italic;
}
.tx-form-u-counter {
  font-size: 0.75rem;
  color: var(--text-secondary);
  text-align: right;
}

[data-theme=dark] .tx-form__container {
  background: var(--surface-dark);
}
[data-theme=dark] .tx-form__input, [data-theme=dark] .tx-form__textarea, [data-theme=dark] .tx-form__select {
  background: var(--surface-dark);
  border-color: var(--outline-variant-dark);
  color: var(--text-primary-dark);
}
[data-theme=dark] .tx-form__input:focus, [data-theme=dark] .tx-form__textarea:focus, [data-theme=dark] .tx-form__select:focus {
  border-color: var(--primary-light);
}
[data-theme=dark] .tx-form__label {
  color: var(--text-secondary-dark);
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Main Layout */
#main .mdc-layout-grid__cell {
  padding: 0 1rem;
}

/* Card Layout */
.mdc-card .mdc-card__primary {
  padding: 1rem;
}

/* Author */
.author-avatar .avatar {
  width: 64px;
  height: auto;
}

.author-info {
  margin: 40px 0;
}
.author-info h2, .author-info h3 {
  margin-top: 0;
}

/* Posts */
.sticky {
  background-color: var(--surface-variant-color);
}

.entry-title {
  font-size: 3.5rem;
  color: var(--text-primary);
}

.entry-meta a.mdc-badge,
.comment-meta a.mdc-badge {
  color: var(--text-secondary);
}
.entry-meta a.mdc-badge::after,
.comment-meta a.mdc-badge::after {
  right: -14px;
}

.entry-meta {
  font-size: small;
}

.single .entry-content,
.single .post-navigation,
.single #comments-title {
  margin: var(--spacing-lg) 0;
}

#comments {
  margin-top: var(--spacing-lg);
}

.comment-meta {
  height: 40px;
}

.comment-reply-title {
  margin: var(--spacing-lg) 0 calc(var(--spacing-lg) / 2);
}

.commentlist {
  list-style: none;
  margin: 0 auto;
  width: 68.9%;
}
.commentlist > li.comment {
  margin: 0 0 1.625em;
  padding: 1.625em;
  position: relative;
}
.commentlist .children {
  list-style: none;
  margin-top: var(--spacing-lg);
}
.commentlist .children > li.comment {
  padding-top: var(--spacing-lg);
  position: relative;
}
.commentlist .avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px var(--text-secondary);
          box-shadow: 0 1px 2px var(--text-secondary);
  padding: 0;
  position: absolute;
  top: 0;
  left: -102px;
}

/* WordPress Blocks */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

figure {
  margin: 0;
}

/* Buttons */
.wp-block-button {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wp-block-button .wp-block-button__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

/* Table */
.wp-block-table table {
  border: 0;
  table-layout: fixed;
}
.wp-block-table table thead tr th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
}
.wp-block-table table tbody tr td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
}

/* Image, Media and Text */
.wp-block-image img, .wp-block-image video,
.wp-block-media-text__media img,
.wp-block-media-text__media video {
  height: auto;
}

/* WordPress Embeds */
.post-thumbnail,
.wp-video,
.embed-responsive {
  margin: 5px 0;
  width: 100% !important;
}

.post img,
.post-thumbnail img {
  max-width: 100%;
  height: auto;
}

/* Embed Responsive */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

/* Modifier class for 16:9 aspect ratio */
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

/* Modifier class for 4:3 aspect ratio */
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.widget-area ul {
  list-style: none;
  padding: 0;
}

/* Blog Post */
.blogpost img {
  border-radius: var(--radius-large);
}

/* MENU DRAWER STYLING (Alternative zu Material Design Includes) */
.menu-drawer,
.mdc-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 280px;
  height: 100vh;
  z-index: 1000;
  background-color: var(--primary-color);
  color: white;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .menu-drawer,
.mdc-drawer {
    position: relative;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    height: auto;
    z-index: 1;
  }
}
.menu-drawer.open,
.mdc-drawer.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.menu-drawer .drawer-header,
.mdc-drawer .drawer-header {
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu-drawer .drawer-header .drawer-title,
.mdc-drawer .drawer-header .drawer-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
}
.menu-drawer .drawer-header .drawer-subtitle,
.mdc-drawer .drawer-header .drawer-subtitle {
  font-size: 0.875rem;
  opacity: 0.7;
  margin: 4px 0 0 0;
}
.menu-drawer .drawer-content,
.mdc-drawer .drawer-content {
  padding: 8px 0;
}
.menu-drawer .drawer-content .drawer-item,
.mdc-drawer .drawer-content .drawer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  color: white;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
}
.menu-drawer .drawer-content .drawer-item:hover,
.mdc-drawer .drawer-content .drawer-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.menu-drawer .drawer-content .drawer-item.active,
.mdc-drawer .drawer-content .drawer-item.active {
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: 500;
}
.menu-drawer .drawer-content .drawer-item .drawer-icon,
.mdc-drawer .drawer-content .drawer-item .drawer-icon {
  margin-right: 32px;
  width: 24px;
  height: 24px;
  opacity: 0.8;
}
.menu-drawer .drawer-content .drawer-item .drawer-text,
.mdc-drawer .drawer-content .drawer-item .drawer-text {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* BuddyPress Navigation Integration */
.bp-navs .menu-drawer,
.item-nav .menu-drawer,
.object-nav .menu-drawer {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-transform: none;
          transform: none;
  background: transparent;
  color: inherit;
}
.bp-navs .menu-drawer .drawer-content .drawer-item,
.item-nav .menu-drawer .drawer-content .drawer-item,
.object-nav .menu-drawer .drawer-content .drawer-item {
  color: var(--surface-color);
}
.bp-navs .menu-drawer .drawer-content .drawer-item:hover,
.item-nav .menu-drawer .drawer-content .drawer-item:hover,
.object-nav .menu-drawer .drawer-content .drawer-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bp-navs .menu-drawer .drawer-content .drawer-item.active,
.item-nav .menu-drawer .drawer-content .drawer-item.active,
.object-nav .menu-drawer .drawer-content .drawer-item.active {
  background-color: var(--primary-color);
  color: white;
}

/* Mobile Anpassungen */
@media (max-width: 768px) {
  .menu-drawer,
.mdc-drawer {
    width: 100%;
    max-width: 280px;
  }
  .menu-drawer.modal,
.mdc-drawer.modal {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .menu-drawer.modal .drawer-content,
.mdc-drawer.modal .drawer-content {
    background-color: var(--primary-color);
    margin-left: 0;
    width: 280px;
  }
}
/**
 * WooCommerce Components - Scoped within Main Section Containment
 * Ersetzt mdc-deprecated-list mit modernem CSS
 */
/* ============================================
   WOOCOMMERCE MY ACCOUNT NAVIGATION
   ============================================ */
/* Scoped to Main Section - prevents header/footer conflicts */
.main .woocommerce-MyAccount-navigation,
.site-main .woocommerce-MyAccount-navigation,
.main-container .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation {
  /* BuddyPress Navigation Design - Elegant vertical navigation */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--primary-color);
  color: var(--text-on-primary);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  max-width: 320px;
  /* Navigation Item Styling - BuddyPress nav-item style */
  /* ============================================
     HIERARCHICAL MENU ITEMS - Parent & Sub-items
     ============================================ */
  /* Parent Menu Item - Non-clickable header */
  /* Sub-Menu Items - Indented with smaller styling */
  /* Collapsed State - Remove indentation when only icons visible */
  /* ============================================
     MENU ITEM ICONS - Material Symbols
     ============================================ */
  /* Icon styling for menu items with icons */
  /* Specific icon content */
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.main .woocommerce-MyAccount-navigation a,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.site-main .woocommerce-MyAccount-navigation a,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.main-container .woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.woocommerce-MyAccount-navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 14px 16px;
  margin-right: 8px;
  border-radius: var(--border-radius-small);
  color: rgba(255, 255, 255, 0.87);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: var(--spacing-xs);
  text-decoration: none;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  /* Icon styling - Material icons like BuddyPress design */
  /* Text styling - clean white text */
  /* Hover State - BuddyPress style with subtle transform */
  /* Active State - BuddyPress active styling */
  /* Focus State - no outline, only background */
  /* Remove ripple effect (mdc-deprecated-list-item__ripple no longer needed) */
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.main .woocommerce-MyAccount-navigation a .material-icons,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.site-main .woocommerce-MyAccount-navigation a .material-icons,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.main-container .woocommerce-MyAccount-navigation a .material-icons,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.woocommerce-MyAccount-navigation a .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.main .woocommerce-MyAccount-navigation a span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation a span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation a span:not(.material-icons),
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.woocommerce-MyAccount-navigation a span:not(.material-icons) {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover,
.main .woocommerce-MyAccount-navigation a:hover,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover,
.site-main .woocommerce-MyAccount-navigation a:hover,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover,
.main-container .woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover,
.woocommerce-MyAccount-navigation a:hover {
  background: rgba(255, 255, 255, 0.08);
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  text-decoration: none;
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover .material-icons,
.main .woocommerce-MyAccount-navigation a:hover .material-icons,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover .material-icons,
.site-main .woocommerce-MyAccount-navigation a:hover .material-icons,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover .material-icons,
.main-container .woocommerce-MyAccount-navigation a:hover .material-icons,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover .material-icons,
.woocommerce-MyAccount-navigation a:hover .material-icons {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover span:not(.material-icons),
.main .woocommerce-MyAccount-navigation a:hover span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation a:hover span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation a:hover span:not(.material-icons),
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover span:not(.material-icons),
.woocommerce-MyAccount-navigation a:hover span:not(.material-icons) {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active, .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active,
.main .woocommerce-MyAccount-navigation a.is-active,
.main .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active,
.site-main .woocommerce-MyAccount-navigation a.is-active,
.site-main .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active,
.main-container .woocommerce-MyAccount-navigation a.is-active,
.main-container .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active,
.woocommerce-MyAccount-navigation a.is-active,
.woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active .material-icons, .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons,
.main .woocommerce-MyAccount-navigation a.is-active .material-icons,
.main .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active .material-icons,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons,
.site-main .woocommerce-MyAccount-navigation a.is-active .material-icons,
.site-main .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active .material-icons,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons,
.main-container .woocommerce-MyAccount-navigation a.is-active .material-icons,
.main-container .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active .material-icons,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons,
.woocommerce-MyAccount-navigation a.is-active .material-icons,
.woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active .material-icons {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active span:not(.material-icons), .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons),
.main .woocommerce-MyAccount-navigation a.is-active span:not(.material-icons),
.main .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation a.is-active span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation a.is-active span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons),
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active span:not(.material-icons),
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons),
.woocommerce-MyAccount-navigation a.is-active span:not(.material-icons),
.woocommerce-MyAccount-navigation a.woocommerce-MyAccount-navigation-link--dashboard.is-active span:not(.material-icons) {
  color: #ffffff;
  font-weight: var(--font-weight-medium);
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:focus,
.main .woocommerce-MyAccount-navigation a:focus,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:focus,
.site-main .woocommerce-MyAccount-navigation a:focus,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:focus,
.main-container .woocommerce-MyAccount-navigation a:focus,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:focus,
.woocommerce-MyAccount-navigation a:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.08);
}
.main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .mdc-deprecated-list-item__ripple,
.main .woocommerce-MyAccount-navigation a .mdc-deprecated-list-item__ripple,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .mdc-deprecated-list-item__ripple,
.site-main .woocommerce-MyAccount-navigation a .mdc-deprecated-list-item__ripple,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .mdc-deprecated-list-item__ripple,
.main-container .woocommerce-MyAccount-navigation a .mdc-deprecated-list-item__ripple,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .mdc-deprecated-list-item__ripple,
.woocommerce-MyAccount-navigation a .mdc-deprecated-list-item__ripple {
  display: none;
}
.main .woocommerce-MyAccount-navigation__parent,
.site-main .woocommerce-MyAccount-navigation__parent,
.main-container .woocommerce-MyAccount-navigation__parent,
.woocommerce-MyAccount-navigation__parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 14px 16px;
  padding-top: var(--spacing-lg);
  margin-top: var(--spacing-md);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.6);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: default;
}
.main .woocommerce-MyAccount-navigation__parent .material-icons,
.site-main .woocommerce-MyAccount-navigation__parent .material-icons,
.main-container .woocommerce-MyAccount-navigation__parent .material-icons,
.woocommerce-MyAccount-navigation__parent .material-icons {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.main .woocommerce-MyAccount-navigation__parent span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation__parent span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation__parent span:not(.material-icons),
.woocommerce-MyAccount-navigation__parent span:not(.material-icons) {
  font-size: var(--font-size-small);
  color: rgba(255, 255, 255, 0.6);
}
.main .woocommerce-MyAccount-navigation__subitem,
.site-main .woocommerce-MyAccount-navigation__subitem,
.main-container .woocommerce-MyAccount-navigation__subitem,
.woocommerce-MyAccount-navigation__subitem {
  padding-left: 48px !important;
  /* Sub-item hover state */
}
.main .woocommerce-MyAccount-navigation__subitem .material-icons,
.site-main .woocommerce-MyAccount-navigation__subitem .material-icons,
.main-container .woocommerce-MyAccount-navigation__subitem .material-icons,
.woocommerce-MyAccount-navigation__subitem .material-icons {
  font-size: 20px;
}
.main .woocommerce-MyAccount-navigation__subitem span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation__subitem span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation__subitem span:not(.material-icons),
.woocommerce-MyAccount-navigation__subitem span:not(.material-icons) {
  font-size: var(--font-size-small);
}
.main .woocommerce-MyAccount-navigation__subitem:hover,
.site-main .woocommerce-MyAccount-navigation__subitem:hover,
.main-container .woocommerce-MyAccount-navigation__subitem:hover,
.woocommerce-MyAccount-navigation__subitem:hover {
  padding-left: 50px !important;
}
.nav-collapsed .main .woocommerce-MyAccount-navigation__parent,
.nav-collapsed .site-main .woocommerce-MyAccount-navigation__parent,
.nav-collapsed .main-container .woocommerce-MyAccount-navigation__parent,
.nav-collapsed .woocommerce-MyAccount-navigation__parent {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 8px;
  border-top: none;
  margin-top: 0;
}
.nav-collapsed .main .woocommerce-MyAccount-navigation__parent span:not(.material-icons),
.nav-collapsed .site-main .woocommerce-MyAccount-navigation__parent span:not(.material-icons),
.nav-collapsed .main-container .woocommerce-MyAccount-navigation__parent span:not(.material-icons),
.nav-collapsed .woocommerce-MyAccount-navigation__parent span:not(.material-icons) {
  display: none;
}
.nav-collapsed .main .woocommerce-MyAccount-navigation__subitem,
.nav-collapsed .site-main .woocommerce-MyAccount-navigation__subitem,
.nav-collapsed .main-container .woocommerce-MyAccount-navigation__subitem,
.nav-collapsed .woocommerce-MyAccount-navigation__subitem {
  padding-left: 8px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-collapsed .main .woocommerce-MyAccount-navigation__subitem:hover,
.nav-collapsed .site-main .woocommerce-MyAccount-navigation__subitem:hover,
.nav-collapsed .main-container .woocommerce-MyAccount-navigation__subitem:hover,
.nav-collapsed .woocommerce-MyAccount-navigation__subitem:hover {
  padding-left: 8px !important;
}
.main .woocommerce-MyAccount-navigation .has-icon::before,
.site-main .woocommerce-MyAccount-navigation .has-icon::before,
.main-container .woocommerce-MyAccount-navigation .has-icon::before,
.woocommerce-MyAccount-navigation .has-icon::before {
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  text-align: center;
}
.main .woocommerce-MyAccount-navigation .has-icon .material-icons,
.site-main .woocommerce-MyAccount-navigation .has-icon .material-icons,
.main-container .woocommerce-MyAccount-navigation .has-icon .material-icons,
.woocommerce-MyAccount-navigation .has-icon .material-icons {
  display: none;
}
.main .woocommerce-MyAccount-navigation .has-icon:hover::before,
.site-main .woocommerce-MyAccount-navigation .has-icon:hover::before,
.main-container .woocommerce-MyAccount-navigation .has-icon:hover::before,
.woocommerce-MyAccount-navigation .has-icon:hover::before {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .has-icon.is-active::before,
.site-main .woocommerce-MyAccount-navigation .has-icon.is-active::before,
.main-container .woocommerce-MyAccount-navigation .has-icon.is-active::before,
.woocommerce-MyAccount-navigation .has-icon.is-active::before {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .icon-notifications::before,
.site-main .woocommerce-MyAccount-navigation .icon-notifications::before,
.main-container .woocommerce-MyAccount-navigation .icon-notifications::before,
.woocommerce-MyAccount-navigation .icon-notifications::before {
  content: "notifications_unread";
}
.main .woocommerce-MyAccount-navigation .icon-vast-reports::before,
.site-main .woocommerce-MyAccount-navigation .icon-vast-reports::before,
.main-container .woocommerce-MyAccount-navigation .icon-vast-reports::before,
.woocommerce-MyAccount-navigation .icon-vast-reports::before {
  content: "assessment";
}
.main .woocommerce-MyAccount-navigation .icon-ustva::before,
.site-main .woocommerce-MyAccount-navigation .icon-ustva::before,
.main-container .woocommerce-MyAccount-navigation .icon-ustva::before,
.woocommerce-MyAccount-navigation .icon-ustva::before {
  content: "receipt_long";
}
.main .woocommerce-MyAccount-navigation .icon-fristverlaengerung::before,
.site-main .woocommerce-MyAccount-navigation .icon-fristverlaengerung::before,
.main-container .woocommerce-MyAccount-navigation .icon-fristverlaengerung::before,
.woocommerce-MyAccount-navigation .icon-fristverlaengerung::before {
  content: "schedule_send";
}
.main .woocommerce-MyAccount-navigation .icon-einspruch::before,
.site-main .woocommerce-MyAccount-navigation .icon-einspruch::before,
.main-container .woocommerce-MyAccount-navigation .icon-einspruch::before,
.woocommerce-MyAccount-navigation .icon-einspruch::before {
  content: "gavel";
}
.main .woocommerce-MyAccount-navigation .icon-anpassung-vorauszahlung::before,
.site-main .woocommerce-MyAccount-navigation .icon-anpassung-vorauszahlung::before,
.main-container .woocommerce-MyAccount-navigation .icon-anpassung-vorauszahlung::before,
.woocommerce-MyAccount-navigation .icon-anpassung-vorauszahlung::before {
  content: "payments";
}
.main .woocommerce-MyAccount-navigation .icon-delete-account::before,
.site-main .woocommerce-MyAccount-navigation .icon-delete-account::before,
.main-container .woocommerce-MyAccount-navigation .icon-delete-account::before,
.woocommerce-MyAccount-navigation .icon-delete-account::before {
  content: "delete_forever";
  color: rgba(244, 67, 54, 0.87) !important;
}

/* ============================================
   RESPONSIVE DESIGN - Container Queries
   ============================================ */
/* Mobile Navigation within Main Section */
@container (max-width: 768px) {
  .main .woocommerce-MyAccount-navigation,
.site-main .woocommerce-MyAccount-navigation,
.main-container .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation {
    margin: 0 0 var(--spacing-md);
    max-width: 100%;
  }
  .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.main .woocommerce-MyAccount-navigation a,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.site-main .woocommerce-MyAccount-navigation a,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.main-container .woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.woocommerce-MyAccount-navigation a {
    padding: 10px 12px;
    gap: var(--spacing-sm);
  }
  .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.main .woocommerce-MyAccount-navigation a .material-icons,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.site-main .woocommerce-MyAccount-navigation a .material-icons,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.main-container .woocommerce-MyAccount-navigation a .material-icons,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.woocommerce-MyAccount-navigation a .material-icons {
    font-size: 20px;
  }
  .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.main .woocommerce-MyAccount-navigation a span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation a span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation a span:not(.material-icons),
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.woocommerce-MyAccount-navigation a span:not(.material-icons) {
    font-size: var(--font-size-caption);
  }
}
/* Extra Small Screens */
@container (max-width: 480px) {
  .main .woocommerce-MyAccount-navigation,
.site-main .woocommerce-MyAccount-navigation,
.main-container .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation {
    border-radius: var(--border-radius-small);
    padding: var(--spacing-sm);
  }
  .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.main .woocommerce-MyAccount-navigation a,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.site-main .woocommerce-MyAccount-navigation a,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.main-container .woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link,
.woocommerce-MyAccount-navigation a {
    gap: var(--spacing-xs);
    padding: 8px 10px;
  }
  .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.main .woocommerce-MyAccount-navigation a .material-icons,
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.site-main .woocommerce-MyAccount-navigation a .material-icons,
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.main-container .woocommerce-MyAccount-navigation a .material-icons,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link .material-icons,
.woocommerce-MyAccount-navigation a .material-icons {
    font-size: 18px;
  }
  .main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.main .woocommerce-MyAccount-navigation a span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation a span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation a span:not(.material-icons),
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link span:not(.material-icons),
.woocommerce-MyAccount-navigation a span:not(.material-icons) {
    font-size: var(--font-size-small);
  }
}
/* ============================================
   BACKWARDS COMPATIBILITY - Legacy Classes
   ============================================ */
/* Legacy mdc-deprecated-list classes - BuddyPress design for compatibility */
/* CRITICAL: Only apply to WooCommerce navigation, NOT to MDC Select dropdowns */
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list,
.woocommerce-MyAccount-navigation .mdc-deprecated-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--primary-color);
  color: var(--text-on-primary);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  max-width: 320px;
}

/* CRITICAL: Only apply to WooCommerce navigation, NOT to MDC Select dropdowns */
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 14px 16px;
  margin-right: 8px;
  border-radius: var(--border-radius-small);
  color: rgba(255, 255, 255, 0.87);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: var(--spacing-xs);
  text-decoration: none;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  /* Icon styling for legacy menu items with icons */
  /* Specific icon content for legacy items */
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover {
  background: rgba(255, 255, 255, 0.08);
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  text-decoration: none;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover .material-icons,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover .material-icons,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover .material-icons,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover .material-icons {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover span:not(.material-icons),
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item:hover span:not(.material-icons) {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons),
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons) {
  color: #ffffff;
  font-weight: var(--font-weight-medium);
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item .material-icons,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item .material-icons,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item .material-icons,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item span:not(.material-icons),
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item span:not(.material-icons),
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item span:not(.material-icons),
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item span:not(.material-icons) {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon::before {
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga";
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon:hover::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon:hover::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon:hover::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon:hover::before {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon.mdc-deprecated-list-item--activated::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon.mdc-deprecated-list-item--activated::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon.mdc-deprecated-list-item--activated::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.has-icon.mdc-deprecated-list-item--activated::before {
  color: #ffffff;
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-notifications::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-notifications::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-notifications::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-notifications::before {
  content: "notifications_unread";
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-vast-reports::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-vast-reports::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-vast-reports::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-vast-reports::before {
  content: "assessment";
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-ustva::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-ustva::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-ustva::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-ustva::before {
  content: "receipt_long";
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-fristverlaengerung::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-fristverlaengerung::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-fristverlaengerung::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-fristverlaengerung::before {
  content: "schedule_send";
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-einspruch::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-einspruch::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-einspruch::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-einspruch::before {
  content: "gavel";
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-anpassung-vorauszahlung::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-anpassung-vorauszahlung::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-anpassung-vorauszahlung::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-anpassung-vorauszahlung::before {
  content: "payments";
}
.main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-delete-account::before,
.site-main .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-delete-account::before,
.main-container .woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-delete-account::before,
.woocommerce-MyAccount-navigation .mdc-deprecated-list .mdc-deprecated-list-item.icon-delete-account::before {
  content: "delete_forever";
  color: rgba(244, 67, 54, 0.87) !important;
}

.mdc-deprecated-list-item__ripple {
  display: none;
}

/* ============================================
   WOOCOMMERCE MY ACCOUNT GRID LAYOUT
   Layout System - CSS Grid with Fixed Navigation
   Based on tool-module.html reference design
   ============================================ */
/* Grid Container for WooCommerce My Account Pages */
body.woocommerce-account,
body.woocommerce-page {
  /* Reserve space for fixed header */
  padding-top: var(--header-height, 80px);
  /* Container */
  /* Grid Layout with Collapsible Navigation States */
  /* Left Navigation Column - Fixed Width */
  /* Navigation Header with Toggle Button */
  /* Navigation Toggle Button */
  /* Collapsed State - Hide text labels, show only icons */
  /* Hidden State - Navigation completely hidden, no blue bar */
  /* Main Content Column - Flexible Width */
  /* WooCommerce Navigation within Grid */
  /* WooCommerce My Account Content within Grid */
}
body.woocommerce-account .wc-account-container,
body.woocommerce-page .wc-account-container {
  padding: 0;
  margin: 0;
  max-width: none;
  width: 100%;
}
body.woocommerce-account .wc-account-grid,
body.woocommerce-page .wc-account-grid {
  display: grid;
  grid-template-columns: var(--nav-width, 280px) 1fr;
  grid-template-areas: "nav main";
  min-height: 100vh;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  -webkit-transition: grid-template-columns 0.3s ease;
  transition: grid-template-columns 0.3s ease;
  transition: grid-template-columns 0.3s ease, -ms-grid-columns 0.3s ease;
  /* Collapsed State - Icons only (72px) */
  /* Hidden State - Navigation completely hidden */
}
body.woocommerce-account .wc-account-grid.nav-collapsed,
body.woocommerce-page .wc-account-grid.nav-collapsed {
  grid-template-columns: var(--nav-width-collapsed, 72px) 1fr;
}
body.woocommerce-account .wc-account-grid.nav-hidden,
body.woocommerce-page .wc-account-grid.nav-hidden {
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}
body.woocommerce-account .wc-account-nav,
body.woocommerce-page .wc-account-nav {
  grid-area: nav;
  background: var(--primary-color, #23036A);
  position: sticky;
  top: var(--header-height, 80px);
  height: calc(100vh - var(--header-height, 80px));
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
  -webkit-transition: width 0.3s ease, padding 0.3s ease;
  transition: width 0.3s ease, padding 0.3s ease;
  /* Remove MDC drawer modal behavior on desktop */
}
body.woocommerce-account .wc-account-nav .mdc-drawer,
body.woocommerce-page .wc-account-nav .mdc-drawer {
  position: relative;
  width: 100%;
  display: block;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
  background: transparent;
  border: none;
  overflow-x: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: auto;
}
body.woocommerce-account .wc-account-nav .mdc-drawer .mdc-drawer__content,
body.woocommerce-page .wc-account-nav .mdc-drawer .mdc-drawer__content {
  padding: 0;
  overflow-x: hidden;
}
body.woocommerce-account .nav-header,
body.woocommerce-page .nav-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 var(--spacing-md, 16px) 0;
  margin-bottom: var(--spacing-md, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body.woocommerce-account .nav-header span,
body.woocommerce-page .nav-header span {
  color: rgba(255, 255, 255, 0.87);
  font-size: var(--font-size-h6, 18px);
  font-weight: var(--font-weight-medium, 500);
}
body.woocommerce-account .nav-toggle,
body.woocommerce-page .nav-toggle {
  background: var(--secondary-color, #0D7377);
  color: var(--text-on-secondary, #FFFFFF);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
}
body.woocommerce-account .nav-toggle:hover,
body.woocommerce-page .nav-toggle:hover {
  background: var(--secondary-color-dark, #0A5A5D);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
body.woocommerce-account .nav-toggle:active,
body.woocommerce-page .nav-toggle:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
body.woocommerce-account .nav-toggle .material-icons,
body.woocommerce-page .nav-toggle .material-icons {
  font-size: 24px;
  color: var(--text-on-secondary, #FFFFFF);
}
body.woocommerce-account .nav-collapsed .wc-account-nav,
body.woocommerce-page .nav-collapsed .wc-account-nav {
  padding: var(--spacing-md, 16px) var(--spacing-xs, 8px);
}
body.woocommerce-account .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons),
body.woocommerce-page .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons) {
  display: none;
}
body.woocommerce-account .nav-collapsed .nav-toggle,
body.woocommerce-page .nav-collapsed .nav-toggle {
  margin: 0 auto;
}
body.woocommerce-account .nav-collapsed .woocommerce-MyAccount-navigation a,
body.woocommerce-page .nav-collapsed .woocommerce-MyAccount-navigation a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 8px;
  margin-right: 4px;
}
body.woocommerce-account .nav-collapsed .woocommerce-MyAccount-navigation a span:not(.material-icons),
body.woocommerce-page .nav-collapsed .woocommerce-MyAccount-navigation a span:not(.material-icons) {
  display: none;
}
body.woocommerce-account .nav-collapsed .woocommerce-MyAccount-navigation a .material-icons,
body.woocommerce-page .nav-collapsed .woocommerce-MyAccount-navigation a .material-icons {
  margin: 0;
}
body.woocommerce-account .nav-hidden .wc-account-nav,
body.woocommerce-page .nav-hidden .wc-account-nav {
  display: none;
}
body.woocommerce-account .wc-account-main,
body.woocommerce-page .wc-account-main {
  grid-area: main;
  padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
  overflow-y: auto;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-page .woocommerce-MyAccount-navigation {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin: 0;
  max-width: none;
  overflow-x: hidden;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a,
body.woocommerce-page .woocommerce-MyAccount-navigation a {
  color: rgba(255, 255, 255, 0.87);
}
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-page .woocommerce-MyAccount-content {
  background: var(--surface-color, #FFFFFF);
  border-radius: var(--border-radius-medium, 12px);
  padding: var(--spacing-lg, 24px);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  min-height: 400px;
}

/* ============================================
   EDIT ACCOUNT FORM - Kontodetails
   ============================================ */
.woocommerce-EditAccountForm.edit-account {
  max-width: 600px;
  /* MDC Text Field full width - direct children of form */
  /* Paragraph spacing (empty <p> tags used as spacers) */
  /* Fieldset styling for password section */
  /* Submit button styling */
  /* Clear row (for side-by-side fields) */
  /* First/Last name fields side by side on desktop */
}
.woocommerce-EditAccountForm.edit-account .mdc-text-field {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Override inline-flex */
  margin-bottom: var(--spacing-lg, 24px);
}
.woocommerce-EditAccountForm.edit-account > p {
  margin: 0;
}
.woocommerce-EditAccountForm.edit-account fieldset {
  border: none;
  padding: var(--spacing-lg, 24px) 0;
  margin: var(--spacing-md, 16px) 0;
  border-top: 1px solid var(--divider-color, rgba(0, 0, 0, 0.12));
}
.woocommerce-EditAccountForm.edit-account fieldset legend {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary, #212121);
  padding: 0 var(--spacing-sm, 12px) 0 0;
}
.woocommerce-EditAccountForm.edit-account fieldset .woocommerce-form-row {
  margin-bottom: var(--spacing-lg, 24px);
}
.woocommerce-EditAccountForm.edit-account .woocommerce-Button {
  margin-top: var(--spacing-lg, 24px);
}
.woocommerce-EditAccountForm.edit-account .clear {
  clear: both;
}
@media (min-width: 768px) {
  .woocommerce-EditAccountForm.edit-account .woocommerce-form-row--first,
.woocommerce-EditAccountForm.edit-account .woocommerce-form-row--last {
    width: calc(50% - var(--spacing-sm, 12px));
    float: left;
  }
  .woocommerce-EditAccountForm.edit-account .woocommerce-form-row--first.woocommerce-form-row--first,
.woocommerce-EditAccountForm.edit-account .woocommerce-form-row--last.woocommerce-form-row--first {
    margin-right: var(--spacing-md, 16px);
  }
}

/* ============================================
   EDIT ADDRESS FORM - Rechnungs-/Lieferadresse
   ============================================ */
.woocommerce-address-fields {
  max-width: 600px;
  /* MDC Text Field full width */
  /* MDC Select full width */
  /* Paragraph spacing (empty <p> tags used as spacers) */
  /* Submit button styling */
  /* First/Last name fields side by side on desktop */
}
.woocommerce-address-fields .mdc-text-field {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Override inline-flex */
  margin-bottom: var(--spacing-lg, 24px);
}
.woocommerce-address-fields .mdc-select {
  width: 100%;
  margin-bottom: var(--spacing-lg, 24px);
}
.woocommerce-address-fields > .woocommerce-address-fields__field-wrapper > p {
  margin: 0;
}
.woocommerce-address-fields .woocommerce-Button,
.woocommerce-address-fields button[type=submit] {
  margin-top: var(--spacing-lg, 24px);
}
@media (min-width: 768px) {
  .woocommerce-address-fields .form-row-first,
.woocommerce-address-fields .form-row-last {
    width: calc(50% - var(--spacing-sm, 12px));
    display: inline-block;
    vertical-align: top;
  }
  .woocommerce-address-fields .form-row-first {
    margin-right: var(--spacing-md, 16px);
  }
}

/* ============================================
   ADD PAYMENT METHOD - Zahlungsmethode hinzufügen
   ============================================ */
#add_payment_method {
  max-width: 600px;
  /* Hide list markers from payment methods list */
  /* Payment box container */
  /* Submit button - DESIGN SPEC: Pill shape */
}
#add_payment_method .wc_payment_methods,
#add_payment_method ul.payment_methods,
#add_payment_method .payment_methods {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
#add_payment_method .wc_payment_methods li,
#add_payment_method ul.payment_methods li,
#add_payment_method .payment_methods li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#add_payment_method .woocommerce-PaymentBox {
  margin-bottom: var(--spacing-lg, 24px);
}
#add_payment_method .woocommerce-Button,
#add_payment_method button[type=submit] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 200px;
  height: auto;
  padding: 14px 24px;
  background-color: var(--mdc-theme-primary, #23036A);
  color: #FFFFFF;
  border: none;
  border-radius: var(--border-radius-small, 6px);
  font-family: var(--font-family);
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: var(--spacing-lg, 24px);
}
#add_payment_method .woocommerce-Button:hover,
#add_payment_method button[type=submit]:hover {
  background-color: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
#add_payment_method .woocommerce-Button:focus,
#add_payment_method button[type=submit]:focus {
  outline: none;
}
#add_payment_method .woocommerce-Button:active,
#add_payment_method button[type=submit]:active {
  background-color: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* ============================================
   MDC DRAWER SCRIM - Modal Overlay
   ============================================ */
/* Scrim overlay for mobile drawer (MDC-compliant) */
.mdc-drawer-scrim {
  display: none;
  position: fixed;
  top: var(--header-height, 80px);
  left: 0;
  width: 100%;
  height: calc(100% - var(--header-height, 80px));
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none !important;
}
.mdc-drawer-scrim.mdc-drawer-scrim--open {
  opacity: 1;
  visibility: visible;
}

/* ============================================
   RESPONSIVE GRID LAYOUT - Mobile
   ============================================ */
/* Tablet and below: Collapse to single column */
@media (max-width: 1024px) {
  body.woocommerce-account,
body.woocommerce-page {
    /* Hide desktop navigation structure, but allow MDC drawer child to be visible */
    /* MDC Drawer Modal (Mobile) - MDC-compliant */
    /* Scrim is visible on mobile */
    /* Main content full width on mobile */
  }
  body.woocommerce-account .wc-account-grid,
body.woocommerce-page .wc-account-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" !important;
  }
  body.woocommerce-account .wc-account-nav,
body.woocommerce-page .wc-account-nav {
    position: fixed !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
  body.woocommerce-account .wc-account-nav .mdc-drawer,
body.woocommerce-page .wc-account-nav .mdc-drawer {
    left: 0 !important;
    pointer-events: auto !important;
  }
  body.woocommerce-account .mdc-drawer.mdc-drawer--modal,
body.woocommerce-page .mdc-drawer.mdc-drawer--modal {
    position: fixed;
    top: var(--header-height, 80px);
    left: 0;
    height: calc(100vh - var(--header-height, 80px));
    width: 280px;
    background: var(--primary-color);
    z-index: 6;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-100%) !important;
            transform: translateX(-100%) !important;
    -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    /* Drawer content scrolling */
  }
  body.woocommerce-account .mdc-drawer.mdc-drawer--modal.mdc-drawer--open,
body.woocommerce-page .mdc-drawer.mdc-drawer--modal.mdc-drawer--open {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
  body.woocommerce-account .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening,
body.woocommerce-page .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-duration: 0.225s;
            transition-duration: 0.225s;
  }
  body.woocommerce-account .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing,
body.woocommerce-page .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition-duration: 0.195s;
            transition-duration: 0.195s;
  }
  body.woocommerce-account .mdc-drawer.mdc-drawer--modal .mdc-drawer__content,
body.woocommerce-page .mdc-drawer.mdc-drawer--modal .mdc-drawer__content {
    padding: var(--spacing-md, 16px);
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  body.woocommerce-account .mdc-drawer-scrim,
body.woocommerce-page .mdc-drawer-scrim {
    display: block;
  }
  body.woocommerce-account .wc-account-main,
body.woocommerce-page .wc-account-main {
    padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
    max-width: none;
  }
}
/* Mobile: Smaller padding */
@media (max-width: 768px) {
  body.woocommerce-account .wc-account-main,
body.woocommerce-page .wc-account-main {
    padding: var(--spacing-md, 16px);
  }
  body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-page .woocommerce-MyAccount-content {
    padding: var(--spacing-md, 16px);
    border-radius: var(--border-radius-small, 6px);
  }
}
/* Small mobile: Minimal padding for maximum content width */
@media (max-width: 480px) {
  body.woocommerce-account .wc-account-main,
body.woocommerce-page .wc-account-main {
    padding: 8px !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-page .woocommerce-MyAccount-content {
    padding: 10px !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
/* ============================================
   KONTO ENTFERNEN / DELETE ACCOUNT PAGE
   ============================================ */
.wc-delete-account-container {
  max-width: 700px;
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-lg);
}

.wc-delete-account-warning-box {
  background: linear-gradient(135deg, rgba(244, 67, 54, 0.04) 0%, rgba(244, 67, 54, 0.08) 100%);
  border: 1px solid rgba(244, 67, 54, 0.15);
  border-radius: var(--border-radius-large, 16px);
  padding: var(--spacing-xxl, 48px) var(--spacing-xl);
  text-align: center;
  margin-bottom: var(--spacing-xxl, 48px);
}
.wc-delete-account-warning-box .warning-icon {
  width: 80px;
  height: 80px;
  background: rgba(244, 67, 54, 0.1);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto var(--spacing-xl);
}
.wc-delete-account-warning-box .warning-icon .material-icons {
  font-size: 44px;
  color: var(--error-color);
}
.wc-delete-account-warning-box h2 {
  font-size: var(--font-size-h2, 28px);
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
}
.wc-delete-account-warning-box .warning-text {
  font-size: var(--font-size-body-large, 16px);
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 480px;
  margin: 0 auto;
}

.wc-delete-account-info {
  background: var(--surface-color);
  border: 1px solid var(--outline-color);
  border-radius: var(--border-radius-large, 16px);
  padding: var(--spacing-xxl, 40px);
  margin-bottom: var(--spacing-xxl, 48px);
}
.wc-delete-account-info h3 {
  font-size: var(--font-size-h4, 20px);
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
}
.wc-delete-account-info h3:not(:first-child) {
  margin-top: var(--spacing-xxl, 40px);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--outline-color);
}
.wc-delete-account-info .delete-data-list,
.wc-delete-account-info .preserve-data-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wc-delete-account-info .delete-data-list li,
.wc-delete-account-info .preserve-data-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-sm);
  font-size: var(--font-size-body, 15px);
  color: var(--text-secondary);
  border-radius: var(--border-radius-small, 8px);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.wc-delete-account-info .delete-data-list li:hover,
.wc-delete-account-info .preserve-data-list li:hover {
  background: rgba(0, 0, 0, 0.02);
}
.wc-delete-account-info .delete-data-list li .material-icons,
.wc-delete-account-info .preserve-data-list li .material-icons {
  font-size: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wc-delete-account-info .delete-data-list li .material-icons {
  color: var(--error-color);
}
.wc-delete-account-info .preserve-data-list {
  background: rgba(76, 175, 80, 0.06);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-md);
  margin-top: var(--spacing-sm);
}
.wc-delete-account-info .preserve-data-list li {
  padding: var(--spacing-sm);
}
.wc-delete-account-info .preserve-data-list li:hover {
  background: rgba(76, 175, 80, 0.08);
}
.wc-delete-account-info .preserve-data-list li .material-icons {
  color: var(--success-color);
}

/* VAST Permission Warning Box */
.wc-delete-account-vast-warning {
  background: linear-gradient(135deg, rgba(255, 152, 0, 0.08) 0%, rgba(255, 152, 0, 0.12) 100%);
  border: 2px solid var(--warning-color, #FF9800);
  border-radius: var(--border-radius-large, 16px);
  padding: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-lg);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wc-delete-account-vast-warning .vast-warning-icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 152, 0, 0.15);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wc-delete-account-vast-warning .vast-warning-icon .material-icons {
  font-size: 24px;
  color: var(--warning-color, #FF9800);
}
.wc-delete-account-vast-warning .vast-warning-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wc-delete-account-vast-warning .vast-warning-content h4 {
  font-size: var(--font-size-body-large, 16px);
  font-weight: 600;
  color: #E65100;
  margin: 0 0 var(--spacing-sm);
}
.wc-delete-account-vast-warning .vast-warning-content p {
  font-size: var(--font-size-body, 14px);
  color: var(--text-secondary);
  margin: 0 0 var(--spacing-md);
  line-height: 1.6;
}
.wc-delete-account-vast-warning .vast-elster-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
  color: var(--warning-color, #FF9800);
  font-weight: 500;
  font-size: var(--font-size-body, 14px);
  text-decoration: none;
  padding: var(--spacing-sm) var(--spacing-md);
  background: rgba(255, 152, 0, 0.1);
  border-radius: var(--border-radius-small, 8px);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wc-delete-account-vast-warning .vast-elster-link .material-icons {
  font-size: 18px;
}
.wc-delete-account-vast-warning .vast-elster-link:hover {
  background: rgba(255, 152, 0, 0.2);
  color: #E65100;
}

/* VAST Reminder in Dialog */
.delete-vast-reminder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-sm);
  background: rgba(255, 152, 0, 0.1);
  border: 1px solid rgba(255, 152, 0, 0.3);
  border-radius: var(--border-radius-medium, 8px);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.delete-vast-reminder .material-icons {
  color: var(--warning-color, #FF9800);
  font-size: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.delete-vast-reminder p {
  margin: 0;
  font-size: var(--font-size-body-small, 13px);
  color: var(--text-secondary);
  line-height: 1.5;
}

.wc-delete-account-actions {
  text-align: center;
  padding: var(--spacing-lg) 0;
}
.wc-delete-account-actions .delete-account-trigger {
  background: var(--error-color) !important;
  color: white !important;
  padding: var(--spacing-md) var(--spacing-xxl, 40px);
  font-size: var(--font-size-body, 15px);
  font-weight: 500;
  border-radius: var(--border-radius-medium, 12px);
  min-height: 52px;
  -webkit-box-shadow: 0 4px 12px rgba(244, 67, 54, 0.25);
          box-shadow: 0 4px 12px rgba(244, 67, 54, 0.25);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wc-delete-account-actions .delete-account-trigger:hover {
  background: #D32F2F !important;
  -webkit-box-shadow: 0 6px 16px rgba(244, 67, 54, 0.35);
          box-shadow: 0 6px 16px rgba(244, 67, 54, 0.35);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.wc-delete-account-actions .delete-account-trigger .mdc-button__icon {
  color: white;
  margin-right: var(--spacing-sm);
}

/* Delete Account Dialog Styles */
#delete-account-dialog.mdc-dialog--open .mdc-dialog__container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
#delete-account-dialog.mdc-dialog--open .mdc-dialog__surface {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
}
#delete-account-dialog .mdc-dialog__surface {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  max-height: 85vh !important;
  max-width: 500px !important;
  min-width: 400px !important;
  width: auto !important;
  padding: 0 !important;
  position: relative !important;
  border-radius: var(--border-radius-medium) !important;
}
#delete-account-dialog .mdc-dialog__header {
  padding: 20px 60px 16px 20px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 16px !important;
  position: relative !important;
}
#delete-account-dialog .dialog-header-icon {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 48px !important;
          flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  border-radius: 50% !important;
}
#delete-account-dialog .dialog-header-icon.delete-warning {
  background: rgba(244, 67, 54, 0.12) !important;
}
#delete-account-dialog .dialog-header-icon.delete-warning .material-icons {
  font-size: 28px !important;
  color: var(--error-color) !important;
}
#delete-account-dialog .dialog-header-content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
}
#delete-account-dialog .mdc-dialog__title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.3 !important;
  color: var(--text-primary) !important;
}
#delete-account-dialog .dialog-subtitle {
  font-size: 0.875rem !important;
  color: var(--text-secondary) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
#delete-account-dialog .dialog-close-button {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 40px !important;
  height: 40px !important;
  padding: 8px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}
#delete-account-dialog .dialog-close-button:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}
#delete-account-dialog .dialog-close-button .material-icons {
  font-size: 24px !important;
  color: #666 !important;
}
#delete-account-dialog .mdc-dialog__content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  padding: 24px !important;
  overflow-y: auto !important;
}
#delete-account-dialog .delete-warning-box {
  background: rgba(244, 67, 54, 0.06) !important;
  border: 1px solid rgba(244, 67, 54, 0.2) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-bottom: 24px !important;
}
#delete-account-dialog .delete-warning-text {
  font-size: 0.9375rem !important;
  color: var(--text-primary) !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}
#delete-account-dialog .delete-warning-text strong {
  color: var(--error-color) !important;
}
#delete-account-dialog .delete-confirm-section p {
  font-size: 0.9375rem !important;
  color: var(--text-primary) !important;
  margin: 0 0 12px 0 !important;
}
#delete-account-dialog .delete-confirm-field {
  width: 100% !important;
  margin-bottom: 8px !important;
}
#delete-account-dialog .delete-confirm-field .mdc-text-field__input {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  letter-spacing: 2px !important;
}
#delete-account-dialog .delete-confirm-hint {
  font-size: 0.8125rem !important;
  color: var(--text-secondary) !important;
  text-align: center !important;
  margin: 0 !important;
}
#delete-account-dialog .mdc-dialog__actions {
  padding: 16px 24px !important;
  border-top: 1px solid #e0e0e0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  gap: 12px !important;
}
#delete-account-dialog .mdc-dialog__button {
  min-width: 100px !important;
  height: 44px !important;
  font-size: 0.9375rem !important;
}
#delete-account-dialog .delete-confirm-button {
  background: var(--error-color) !important;
  color: white !important;
}
#delete-account-dialog .delete-confirm-button:hover:not(:disabled) {
  background: #D32F2F !important;
}
#delete-account-dialog .delete-confirm-button:disabled {
  background: #bdbdbd !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
}
#delete-account-dialog .delete-confirm-button .mdc-button__icon {
  color: white !important;
  margin-right: 8px !important;
}

/* Delete Account Notification Toast */
.delete-account-notification {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(100px) !important;
          transform: translateX(-50%) translateY(100px) !important;
  background: var(--surface-color) !important;
  border-radius: 8px !important;
  -webkit-box-shadow: var(--elevation-4) !important;
          box-shadow: var(--elevation-4) !important;
  padding: 16px 24px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 12px !important;
  z-index: 10000 !important;
  opacity: 0 !important;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease !important;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease !important;
  max-width: 90vw !important;
}
.delete-account-notification.show {
  -webkit-transform: translateX(-50%) translateY(0) !important;
          transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
}
.delete-account-notification .material-icons {
  font-size: 24px !important;
}
.delete-account-notification span {
  font-size: 0.9375rem !important;
  color: var(--text-primary) !important;
}
.delete-account-notification--success {
  border-left: 4px solid var(--success-color) !important;
}
.delete-account-notification--success .material-icons {
  color: var(--success-color) !important;
}
.delete-account-notification--error {
  border-left: 4px solid var(--error-color) !important;
}
.delete-account-notification--error .material-icons {
  color: var(--error-color) !important;
}

/* Konto entfernen Menu Item - Red styling */
.woocommerce-MyAccount-navigation a[href*=konto-entfernen] {
  color: rgba(244, 67, 54, 0.87) !important;
}
.woocommerce-MyAccount-navigation a[href*=konto-entfernen] .material-icons {
  color: rgba(244, 67, 54, 0.87) !important;
}
.woocommerce-MyAccount-navigation a[href*=konto-entfernen]:hover {
  background: rgba(244, 67, 54, 0.12) !important;
  color: #D32F2F !important;
}
.woocommerce-MyAccount-navigation a[href*=konto-entfernen]:hover .material-icons {
  color: #D32F2F !important;
}
.woocommerce-MyAccount-navigation a[href*=konto-entfernen].is-active {
  background: rgba(244, 67, 54, 0.15) !important;
  color: #D32F2F !important;
}
.woocommerce-MyAccount-navigation a[href*=konto-entfernen].is-active .material-icons {
  color: #D32F2F !important;
}

/* Responsive Design for Delete Account */
@media (max-width: 480px) {
  .wc-delete-account-container {
    padding: var(--spacing-md);
  }

  .wc-delete-account-warning-box,
.wc-delete-account-info {
    padding: var(--spacing-lg);
  }

  .wc-delete-account-warning-box .warning-icon {
    width: 48px;
    height: 48px;
  }
  .wc-delete-account-warning-box .warning-icon .material-icons {
    font-size: 28px;
  }

  #delete-account-dialog .mdc-dialog__surface {
    min-width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 16px !important;
  }
  #delete-account-dialog .mdc-dialog__header {
    padding: 16px 48px 12px 16px !important;
  }
  #delete-account-dialog .dialog-header-icon {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 40px !important;
            flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
  }
  #delete-account-dialog .dialog-header-icon .material-icons {
    font-size: 24px !important;
  }
  #delete-account-dialog .mdc-dialog__title {
    font-size: 1.125rem !important;
  }
  #delete-account-dialog .mdc-dialog__content {
    padding: 16px !important;
  }
  #delete-account-dialog .mdc-dialog__actions {
    padding: 12px 16px !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  #delete-account-dialog .mdc-dialog__actions .mdc-button {
    width: 100% !important;
  }

  .delete-account-notification {
    bottom: 16px !important;
    left: 16px !important;
    right: 16px !important;
    -webkit-transform: translateX(0) translateY(100px) !important;
            transform: translateX(0) translateY(100px) !important;
  }
  .delete-account-notification.show {
    -webkit-transform: translateX(0) translateY(0) !important;
            transform: translateX(0) translateY(0) !important;
  }
}
/* ============================================
   WOOCOMMERCE CHECKOUT PAGE - /kasse/
   Design System compliant checkout styling
   ============================================ */
/* Checkout Page Container */
body.woocommerce-checkout {
  background: var(--background-color);
  /* Main checkout container - MUCH wider layout */
  /* Override MDC Grid completely - force single column layout */
  /* Checkout Form Container - High specificity to override MDC Grid */
  /* Customer Details Section */
  /* Billing Fields */
  /* MDC Text Fields in Checkout */
  /* MDC Select (Country Dropdown) */
  /* Form Rows - Full width */
  /* Billing fields wrapper full width */
  /* MDC text fields full width */
  /* Order Review Section */
  /* Order Review Heading */
  /* Order Review Table */
  /* Payment Methods Section */
  /* Validation Errors */
  /* Notices */
}
body.woocommerce-checkout .woocommerce {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-lg);
}
@media (max-width: 768px) {
  body.woocommerce-checkout .woocommerce {
    width: 95%;
    padding: var(--spacing-lg) var(--spacing-md);
  }
}
body.woocommerce-checkout .mdc-layout-grid {
  display: block !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
body.woocommerce-checkout .mdc-layout-grid__inner {
  display: block !important;
  width: 100% !important;
}
body.woocommerce-checkout .mdc-layout-grid__cell {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  background: var(--surface-color) !important;
  border-radius: var(--border-radius-large) !important;
  -webkit-box-shadow: var(--elevation-2) !important;
          box-shadow: var(--elevation-2) !important;
  padding: var(--spacing-xl) !important;
  max-width: 100% !important;
  width: 100% !important;
}
@media (max-width: 768px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    padding: var(--spacing-lg) !important;
    border-radius: var(--border-radius-medium) !important;
  }
}
body.woocommerce-checkout #customer_details {
  margin-bottom: var(--spacing-xl);
}
body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout #customer_details .col-2 {
  width: 100%;
}
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-billing-fields h3.mdc-typography--headline3 {
  font-size: var(--font-size-h3) !important;
  font-weight: var(--font-weight-bold) !important;
  color: var(--primary-color) !important;
  margin: 0 0 var(--spacing-lg) !important;
  padding-bottom: var(--spacing-md) !important;
  border-bottom: 2px solid var(--primary-color-alpha-15) !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-md);
}
body.woocommerce-checkout .mdc-text-field {
  width: 100%;
  margin-bottom: var(--spacing-sm);
}
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--border-color);
}
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline .mdc-notched-outline__leading,
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline .mdc-notched-outline__trailing,
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: var(--primary-color);
}
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing,
body.woocommerce-checkout .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: var(--primary-color);
  border-width: 2px;
}
body.woocommerce-checkout .mdc-text-field .mdc-floating-label {
  font-family: var(--font-family);
  color: var(--text-secondary);
}
body.woocommerce-checkout .mdc-text-field .mdc-floating-label abbr.required {
  color: var(--error-color);
  text-decoration: none;
}
body.woocommerce-checkout .mdc-text-field .mdc-text-field__input {
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  color: var(--text-primary);
}
body.woocommerce-checkout .mdc-select {
  width: 100%;
  margin-bottom: var(--spacing-md);
  /* Dropdown Menu */
}
body.woocommerce-checkout .mdc-select.mdc-select--outlined .mdc-select__anchor {
  height: 56px;
}
body.woocommerce-checkout .mdc-select.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline .mdc-notched-outline__leading,
body.woocommerce-checkout .mdc-select.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--border-color);
}
body.woocommerce-checkout .mdc-select.mdc-select--outlined:hover .mdc-notched-outline .mdc-notched-outline__leading,
body.woocommerce-checkout .mdc-select.mdc-select--outlined:hover .mdc-notched-outline .mdc-notched-outline__trailing,
body.woocommerce-checkout .mdc-select.mdc-select--outlined:hover .mdc-notched-outline .mdc-notched-outline__notch, body.woocommerce-checkout .mdc-select.mdc-select--outlined.mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
body.woocommerce-checkout .mdc-select.mdc-select--outlined.mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing,
body.woocommerce-checkout .mdc-select.mdc-select--outlined.mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: var(--primary-color);
}
body.woocommerce-checkout .mdc-select .mdc-select__selected-text {
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  color: var(--text-primary);
}
body.woocommerce-checkout .mdc-select .mdc-select__dropdown-icon {
  fill: var(--text-secondary);
}
body.woocommerce-checkout .mdc-select .mdc-select__menu .mdc-list-item {
  font-family: var(--font-family);
  font-size: var(--font-size-body);
}
body.woocommerce-checkout .mdc-select .mdc-select__menu .mdc-list-item:hover {
  background: var(--primary-color-alpha-08);
}
body.woocommerce-checkout .mdc-select .mdc-select__menu .mdc-list-item.mdc-list-item--selected {
  background: var(--primary-color-alpha-15);
  color: var(--primary-color);
}
body.woocommerce-checkout .form-row {
  margin-bottom: var(--spacing-sm);
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}
body.woocommerce-checkout .form-row.form-row-first, body.woocommerce-checkout .form-row.form-row-last, body.woocommerce-checkout .form-row.form-row-wide {
  width: 100% !important;
  max-width: 100% !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > div {
  width: 100% !important;
  max-width: 100% !important;
}
body.woocommerce-checkout .mdc-text-field {
  width: 100% !important;
  max-width: 100% !important;
}
body.woocommerce-checkout .woocommerce-checkout-review-order {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--outline-color);
}
body.woocommerce-checkout h3#order_review_heading,
body.woocommerce-checkout .woocommerce-checkout h3:not(.mdc-typography--headline3) {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  color: var(--primary-color);
  margin: 0 0 var(--spacing-lg);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: var(--surface-variant-color) !important;
  border-radius: var(--border-radius-medium) !important;
  overflow: hidden !important;
  margin-bottom: var(--spacing-lg) !important;
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table thead {
  background: var(--primary-color) !important;
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table thead th {
  padding: var(--spacing-md) var(--spacing-lg) !important;
  font-size: var(--font-size-caption) !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--text-on-primary) !important;
  text-align: left !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table thead th.product-total {
  text-align: right !important;
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td {
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-body);
  color: var(--text-primary);
  border-bottom: 1px solid var(--outline-color);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td.product-name {
  font-weight: var(--font-weight-medium);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td.product-name .product-quantity {
  color: var(--text-secondary);
  font-weight: var(--font-weight-regular);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td.product-total {
  text-align: right;
  font-weight: var(--font-weight-medium);
  color: var(--primary-color);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot {
  background: var(--surface-color);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr {
  border-top: 1px solid var(--outline-color);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr th, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr td {
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-body);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr th {
  text-align: left;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr td {
  text-align: right;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total {
  background: var(--primary-color-alpha-08);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  color: var(--primary-color);
}
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount {
  color: var(--primary-color);
}
body.woocommerce-checkout #payment {
  background: var(--surface-variant-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-lg);
  /* Place Order Button */
}
body.woocommerce-checkout #payment .wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-lg);
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method {
  margin-bottom: var(--spacing-md);
  background: var(--surface-color);
  border-radius: var(--border-radius-small);
  border: 2px solid var(--outline-color);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  position: relative;
  /* Selected Payment Method */
  /* Payment Method Label - includes space for radio button */
  /* Radio Button Styling - positioned absolutely inside payment method box */
  /* Payment Method Description Box */
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method:hover {
  border-color: var(--primary-color-alpha-15);
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method.payment_method_ppcp-gateway input[type=radio]:checked + label, body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method.payment_method_ppcp-card-button-gateway input[type=radio]:checked + label,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method input[type=radio]:checked + label {
  background: var(--primary-color-alpha-08);
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  padding-left: 56px;
  /* Space for radio button */
  cursor: pointer;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method label:hover {
  background: var(--primary-color-alpha-04);
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method label img {
  height: 24px;
  width: auto;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  position: absolute !important;
  left: var(--spacing-lg);
  top: 24px;
  /* Vertically center in label area */
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-color);
  border-radius: 50%;
  margin: 0;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 2;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method input[type=radio]:checked {
  border-color: var(--primary-color);
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--primary-color);
  border-radius: 50%;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method input[type=radio]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px var(--primary-color-alpha-15);
          box-shadow: 0 0 0 3px var(--primary-color-alpha-15);
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box {
  background: var(--surface-variant-color);
  padding: var(--spacing-md) var(--spacing-lg);
  border-top: 1px solid var(--outline-color);
  /* PayPal Buttons - Centered */
  /* PayPal iframe container centering */
  /* Card fields centering */
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box p {
  margin: 0;
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  line-height: 1.5;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box .ppcp-messages-container,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box #ppc-button,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box #ppc-button-ppcp-gateway,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box #ppc-button-ppcp-card-button-gateway,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box .ppcp-button-wrapper,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box [id^=ppc-button] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  text-align: center;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box .ppcp-messages-container > *,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box #ppc-button > *,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box #ppc-button-ppcp-gateway > *,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box #ppc-button-ppcp-card-button-gateway > *,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box .ppcp-button-wrapper > *,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box [id^=ppc-button] > * {
  margin-left: auto;
  margin-right: auto;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box .paypal-buttons,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box .paypal-button-container,
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box [class*=paypal] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100%;
}
body.woocommerce-checkout #payment .wc_payment_methods .wc_payment_method .payment_box .ppcp-card-fields-container {
  max-width: 400px;
  margin: 0 auto;
}
body.woocommerce-checkout #payment .place-order {
  text-align: center;
}
body.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: var(--spacing-lg);
}
body.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  line-height: 1.5;
}
body.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a {
  color: var(--primary-color);
  text-decoration: none;
}
body.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text a:hover {
  text-decoration: underline;
}
body.woocommerce-checkout #payment .place-order #place_order {
  background: var(--primary-color);
  color: var(--text-on-primary);
  border: none;
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-md) var(--spacing-xxl);
  font-family: var(--font-family);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  min-width: 200px;
  min-height: 48px;
}
body.woocommerce-checkout #payment .place-order #place_order:hover {
  background: var(--primary-dark);
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
body.woocommerce-checkout #payment .place-order #place_order:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
body.woocommerce-checkout #payment .place-order #place_order:disabled {
  background: var(--text-disabled);
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
}
body.woocommerce-checkout .woocommerce-invalid .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading,
body.woocommerce-checkout .woocommerce-invalid .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing,
body.woocommerce-checkout .woocommerce-invalid .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: var(--error-color);
}
body.woocommerce-checkout .woocommerce-invalid .mdc-text-field .mdc-floating-label {
  color: var(--error-color);
}
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info {
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--border-radius-small);
  margin-bottom: var(--spacing-lg);
  font-size: var(--font-size-body);
}
body.woocommerce-checkout .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-info::before {
  font-family: "Material Symbols Outlined";
  margin-right: var(--spacing-sm);
}
body.woocommerce-checkout .woocommerce-error {
  background: rgba(244, 67, 54, 0.08);
  border: 1px solid var(--error-color);
  color: var(--error-color);
}
body.woocommerce-checkout .woocommerce-message {
  background: rgba(13, 115, 119, 0.08);
  border: 1px solid var(--success-color);
  color: var(--success-color);
}
body.woocommerce-checkout .woocommerce-info {
  background: rgba(33, 150, 243, 0.08);
  border: 1px solid var(--info-color);
  color: var(--info-color);
}

/* Checkout Responsive Design */
@media (max-width: 600px) {
  body.woocommerce-checkout .checkout.woocommerce-checkout {
    padding: var(--spacing-md);
  }
  body.woocommerce-checkout .woocommerce-billing-fields h3 {
    font-size: var(--font-size-h4);
  }
  body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table thead th,
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tbody td,
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot td {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-caption);
  }
  body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th, body.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    font-size: var(--font-size-body);
  }
  body.woocommerce-checkout #payment {
    padding: var(--spacing-md);
  }
  body.woocommerce-checkout #payment .wc_payment_method label {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-caption);
  }
  body.woocommerce-checkout #payment .place-order #place_order {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}
/* ============================================
   WOOCOMMERCE DASHBOARD - Card Layout
   Based on mein-konto-final.html design
   ============================================ */
.wc-dashboard {
  max-width: 900px;
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-md);
  /* Welcome Card */
  /* Section Title */
  /* Quick Links Grid */
  /* Card Styling */
  /* Card Icon */
  /* Card Content */
  /* Responsive: Single column on mobile */
}
.wc-dashboard__welcome {
  background: var(--surface-color, #ffffff);
  border-radius: 16px;
  padding: 32px;
  margin-bottom: 32px;
  border: 1.5px solid var(--border-gray, #E5E5E5);
}
.wc-dashboard__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary, #000000);
  margin: 0 0 8px 0;
}
.wc-dashboard__subtitle {
  font-size: 1rem;
  color: var(--text-secondary, #666666);
  line-height: 1.6;
  margin: 0;
}
.wc-dashboard__section-title {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-secondary, #666666);
  margin: 32px 0 16px 0;
}
.wc-dashboard__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.wc-dashboard__card {
  background: var(--surface-color, #ffffff);
  border: 1.5px solid var(--border-gray, #E5E5E5);
  border-radius: 16px;
  padding: 24px;
  text-decoration: none;
  color: var(--text-primary, #000000);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.wc-dashboard__card:hover {
  border-color: var(--secondary-color, #0D7377);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}
.wc-dashboard__card:focus {
  outline: 2px solid var(--secondary-color, #0D7377);
  outline-offset: 2px;
}
.wc-dashboard__card-icon {
  width: 48px;
  height: 48px;
  background: rgba(13, 115, 119, 0.1);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wc-dashboard__card-icon .material-icons {
  font-size: 24px;
  color: var(--secondary-color, #0D7377);
}
.wc-dashboard__card-content h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 4px 0;
  color: var(--text-primary, #000000);
}
.wc-dashboard__card-content p {
  font-size: 0.875rem;
  color: var(--text-secondary, #666666);
  margin: 0;
}
@media (max-width: 768px) {
  .wc-dashboard {
    padding: var(--spacing-md);
  }
  .wc-dashboard__welcome {
    padding: 24px;
  }
  .wc-dashboard__grid {
    grid-template-columns: 1fr;
  }
  .wc-dashboard__card {
    padding: 20px;
  }
}

/* ============================================
   VIEW ORDER - Bestelldetails Einzelansicht
   ============================================ */
.woocommerce-MyAccount-content {
  /* Order Status Header - targets the <p> with mark elements */
  /* Mark elements in order header */
  /* Order Details Section */
  /* Order Details Table */
  /* Customer Details / Billing Address */
  /* Order Updates / Notes */
  /* Order Downloads Section */
  /* StoreaBill / Germanized Pro - Invoice Downloads */
  /* Membership Section (Taxtastic Membership plugin) */
}
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p,
.woocommerce-MyAccount-content > p:first-child {
  background: var(--background-color, #F5F7FA);
  border-radius: var(--border-radius-medium, 12px);
  padding: var(--spacing-lg, 24px);
  margin-bottom: var(--spacing-lg, 24px);
  font-size: var(--font-size-body, 1rem);
  line-height: 1.6;
  color: var(--text-primary, #1A1A1A);
}
.woocommerce-MyAccount-content mark.order-number,
.woocommerce-MyAccount-content mark.order-date,
.woocommerce-MyAccount-content mark.order-status {
  background: none;
  padding: 0;
  font-weight: 600;
}
.woocommerce-MyAccount-content mark.order-number {
  color: var(--primary-color, #23036A);
}
.woocommerce-MyAccount-content mark.order-date {
  color: var(--text-primary, #1A1A1A);
}
.woocommerce-MyAccount-content mark.order-status {
  color: var(--secondary-color, #0D7377);
}
.woocommerce-MyAccount-content .woocommerce-order-details {
  margin-bottom: var(--spacing-xl, 32px);
}
.woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title {
  font-size: var(--font-size-h4, 1.25rem);
  font-weight: 600;
  color: var(--text-primary, #1A1A1A);
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-bottom: var(--spacing-sm, 8px);
  border-bottom: 2px solid var(--primary-color, #23036A);
  display: inline-block;
}
.woocommerce-MyAccount-content .woocommerce-table.order_details,
.woocommerce-MyAccount-content table.shop_table.order_details {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius-small, 6px);
  overflow: hidden;
  margin-bottom: var(--spacing-lg, 24px);
  font-size: var(--font-size-body, 1rem);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details thead th,
.woocommerce-MyAccount-content table.shop_table.order_details thead th {
  background: var(--background-color, #F5F7FA);
  padding: var(--spacing-md, 16px);
  font-weight: 600;
  font-size: var(--font-size-caption, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-secondary, #666666);
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details thead th.product-total,
.woocommerce-MyAccount-content table.shop_table.order_details thead th.product-total {
  text-align: right;
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tbody td,
.woocommerce-MyAccount-content table.shop_table.order_details tbody td {
  padding: var(--spacing-md, 16px);
  vertical-align: top;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: var(--text-primary, #1A1A1A);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tbody td.product-total,
.woocommerce-MyAccount-content table.shop_table.order_details tbody td.product-total {
  text-align: right;
  font-weight: 500;
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tbody .product-name a,
.woocommerce-MyAccount-content table.shop_table.order_details tbody .product-name a {
  color: var(--primary-color, #23036A);
  text-decoration: none;
  font-weight: 500;
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tbody .product-name a:hover,
.woocommerce-MyAccount-content table.shop_table.order_details tbody .product-name a:hover {
  text-decoration: underline;
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tbody .product-quantity,
.woocommerce-MyAccount-content table.shop_table.order_details tbody .product-quantity {
  color: var(--text-secondary, #666666);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot {
  /* Last row (Gesamt) bold */
  /* Action buttons */
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot th,
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot td,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot th,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot td {
  padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  font-size: var(--font-size-body, 1rem);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot th,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot th {
  text-align: right;
  font-weight: 500;
  color: var(--text-secondary, #666666);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot td,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot td {
  text-align: right;
  font-weight: 500;
  color: var(--text-primary, #1A1A1A);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot tr:last-child th,
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot tr:last-child td,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot tr:last-child th,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot tr:last-child td {
  font-weight: 700;
  font-size: 1.05rem;
  border-top: 2px solid rgba(0, 0, 0, 0.12);
  padding-top: var(--spacing-md, 16px);
  padding-bottom: var(--spacing-md, 16px);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot tr:last-child td,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot tr:last-child td {
  color: var(--primary-color, #23036A);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot .order-actions-button,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot .order-actions-button {
  display: inline-block;
  background: var(--primary-color, #23036A);
  color: var(--text-on-primary, #FFFFFF);
  border-radius: var(--border-radius-pill, 999px);
  padding: 8px 20px;
  font-size: var(--font-size-caption, 0.875rem);
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: var(--spacing-sm, 8px);
}
.woocommerce-MyAccount-content .woocommerce-table.order_details tfoot .order-actions-button:hover,
.woocommerce-MyAccount-content table.shop_table.order_details tfoot .order-actions-button:hover {
  background: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.woocommerce-MyAccount-content .woocommerce-customer-details {
  margin-top: var(--spacing-lg, 24px);
  /* Two-column address layout */
}
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title {
  font-size: var(--font-size-h4, 1.25rem);
  font-weight: 600;
  color: var(--text-primary, #1A1A1A);
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-bottom: var(--spacing-sm, 8px);
  border-bottom: 2px solid var(--primary-color, #23036A);
  display: inline-block;
}
.woocommerce-MyAccount-content .woocommerce-customer-details address {
  background: var(--background-color, #F5F7FA);
  border-radius: var(--border-radius-small, 6px);
  padding: var(--spacing-lg, 24px);
  font-style: normal;
  line-height: 1.8;
  color: var(--text-primary, #1A1A1A);
  font-size: var(--font-size-body, 1rem);
}
.woocommerce-MyAccount-content .woocommerce-customer-details address p {
  margin: var(--spacing-xs, 4px) 0;
}
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns--addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-lg, 24px);
}
@media (max-width: 768px) {
  .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-columns--addresses {
    grid-template-columns: 1fr;
  }
}
.woocommerce-MyAccount-content .woocommerce-OrderUpdates {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md, 16px) 0 var(--spacing-lg, 24px);
}
.woocommerce-MyAccount-content .woocommerce-OrderUpdates .woocommerce-OrderUpdate {
  background: var(--background-color, #F5F7FA);
  border-radius: var(--border-radius-small, 6px);
  padding: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-sm, 8px);
}
.woocommerce-MyAccount-content .woocommerce-OrderUpdates .woocommerce-OrderUpdate .meta {
  font-size: var(--font-size-small, 0.75rem);
  color: var(--text-secondary, #666666);
  margin-bottom: var(--spacing-xs, 4px);
}
.woocommerce-MyAccount-content .woocommerce-OrderUpdates .woocommerce-OrderUpdate .description {
  font-size: var(--font-size-body, 1rem);
  color: var(--text-primary, #1A1A1A);
  line-height: 1.6;
}
.woocommerce-MyAccount-content .woocommerce-OrderUpdates .woocommerce-OrderUpdate .description p {
  margin: 0;
}
.woocommerce-MyAccount-content .woocommerce-order-downloads {
  margin-bottom: var(--spacing-xl, 32px);
}
.woocommerce-MyAccount-content .woocommerce-order-downloads h2 {
  font-size: var(--font-size-h4, 1.25rem);
  font-weight: 600;
  color: var(--text-primary, #1A1A1A);
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-bottom: var(--spacing-sm, 8px);
  border-bottom: 2px solid var(--primary-color, #23036A);
  display: inline-block;
}
.woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius-small, 6px);
  overflow: hidden;
}
.woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table thead th {
  background: var(--background-color, #F5F7FA);
  padding: var(--spacing-md, 16px);
  font-weight: 600;
  font-size: var(--font-size-caption, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-secondary, #666666);
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table tbody td {
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: var(--text-primary, #1A1A1A);
}
.woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table a.woocommerce-MyAccount-downloads-file {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm, 8px);
  background: var(--primary-color, #23036A);
  color: var(--text-on-primary, #FFFFFF);
  border-radius: var(--border-radius-pill, 999px);
  padding: 8px 20px;
  font-size: var(--font-size-caption, 0.875rem);
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table a.woocommerce-MyAccount-downloads-file:hover {
  background: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.woocommerce-MyAccount-content .sab-documents-download {
  margin-top: var(--spacing-lg, 24px);
  margin-bottom: var(--spacing-xl, 32px);
}
.woocommerce-MyAccount-content .sab-documents-download h3 {
  font-size: var(--font-size-h4, 1.25rem);
  font-weight: 600;
  color: var(--text-primary, #1A1A1A);
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-bottom: var(--spacing-sm, 8px);
  border-bottom: 2px solid var(--primary-color, #23036A);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.woocommerce-MyAccount-content .sab-documents-download .button-document-download {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm, 8px);
  background: var(--primary-color, #23036A);
  color: var(--text-on-primary, #FFFFFF);
  border-radius: var(--border-radius-pill, 999px);
  padding: 10px 24px;
  font-size: var(--font-size-caption, 0.875rem);
  font-weight: 500;
  text-decoration: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: var(--spacing-sm, 8px);
  margin-bottom: var(--spacing-sm, 8px);
}
.woocommerce-MyAccount-content .sab-documents-download .button-document-download:hover {
  background: var(--primary-dark, #1A0250);
  color: var(--text-on-primary, #FFFFFF);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.woocommerce-MyAccount-content .woocommerce-order-memberships,
.woocommerce-MyAccount-content .my_account_memberships,
.woocommerce-MyAccount-content .woocommerce-membership-details {
  margin-top: var(--spacing-lg, 24px);
  margin-bottom: var(--spacing-xl, 32px);
}
.woocommerce-MyAccount-content .woocommerce-order-memberships h2,
.woocommerce-MyAccount-content .my_account_memberships h2,
.woocommerce-MyAccount-content .woocommerce-membership-details h2 {
  font-size: var(--font-size-h4, 1.25rem);
  font-weight: 600;
  color: var(--text-primary, #1A1A1A);
  margin: 0 0 var(--spacing-md, 16px) 0;
  padding-bottom: var(--spacing-sm, 8px);
  border-bottom: 2px solid var(--primary-color, #23036A);
  display: inline-block;
}
.woocommerce-MyAccount-content .woocommerce-order-memberships table,
.woocommerce-MyAccount-content .woocommerce-order-memberships table.shop_table,
.woocommerce-MyAccount-content .my_account_memberships table,
.woocommerce-MyAccount-content .my_account_memberships table.shop_table,
.woocommerce-MyAccount-content .woocommerce-membership-details table,
.woocommerce-MyAccount-content .woocommerce-membership-details table.shop_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius-small, 6px);
  overflow: hidden;
}
.woocommerce-MyAccount-content .woocommerce-order-memberships table thead th,
.woocommerce-MyAccount-content .woocommerce-order-memberships table.shop_table thead th,
.woocommerce-MyAccount-content .my_account_memberships table thead th,
.woocommerce-MyAccount-content .my_account_memberships table.shop_table thead th,
.woocommerce-MyAccount-content .woocommerce-membership-details table thead th,
.woocommerce-MyAccount-content .woocommerce-membership-details table.shop_table thead th {
  background: var(--background-color, #F5F7FA);
  padding: var(--spacing-md, 16px);
  font-weight: 600;
  font-size: var(--font-size-caption, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-secondary, #666666);
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.woocommerce-MyAccount-content .woocommerce-order-memberships table tbody td,
.woocommerce-MyAccount-content .woocommerce-order-memberships table.shop_table tbody td,
.woocommerce-MyAccount-content .my_account_memberships table tbody td,
.woocommerce-MyAccount-content .my_account_memberships table.shop_table tbody td,
.woocommerce-MyAccount-content .woocommerce-membership-details table tbody td,
.woocommerce-MyAccount-content .woocommerce-membership-details table.shop_table tbody td {
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: var(--text-primary, #1A1A1A);
  font-size: var(--font-size-body, 1rem);
}

/* ============================================
   ORDERS TABLE - Mobile Responsive Card Layout
   ============================================ */
@media (max-width: 600px) {
  .mdc-data-table__table-container {
    overflow: visible !important;
  }

  .woocommerce-orders-table.shop_table {
    display: block !important;
  }
  .woocommerce-orders-table.shop_table thead {
    display: none !important;
  }
  .woocommerce-orders-table.shop_table tbody {
    display: block !important;
  }
  .woocommerce-orders-table.shop_table tbody tr {
    display: block !important;
    margin-bottom: 12px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 12px 0;
    height: auto !important;
  }
  .woocommerce-orders-table.shop_table tbody td {
    display: block !important;
    padding: 4px 16px !important;
    border-bottom: none !important;
    font-size: 0.875rem;
    word-break: break-word;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
  }
  .woocommerce-orders-table.shop_table tbody td::before {
    content: attr(data-title);
    display: block;
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--text-secondary, #666);
    margin-bottom: 2px;
  }
  .woocommerce-orders-table.shop_table tbody td:empty, .woocommerce-orders-table.shop_table tbody td[data-title=""]::before {
    display: none;
  }
  .woocommerce-orders-table.shop_table .woocommerce-orders-table__cell-order-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
    padding-top: 12px;
  }
  .woocommerce-orders-table.shop_table .woocommerce-orders-table__cell-order-actions::before {
    display: none;
  }
  .woocommerce-orders-table.shop_table .woocommerce-orders-table__cell-order-actions .button {
    text-align: center;
    font-size: 0.8125rem;
    padding: 8px 12px;
  }
}
/* SHEPHERD Tour */
.shepherd-element {
  border-radius: var(--radius-small);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 30px;
  background-color: #fff;
  margin: 0 !important;
  /* CRITICAL: Shepherd Tour must appear above MDC dialogs (1000010) */
  z-index: 1000100 !important;
  position: relative !important;
  /* Required for z-index to work */
}
.shepherd-element .material-icons {
  font-size: 24px;
  color: var(--text-primary);
  cursor: pointer;
}
.shepherd-element .shepherd-cancel-icon {
  border: none;
  background: #fff;
}
.shepherd-element .shepherd-cancel-icon span {
  display: none;
}
.shepherd-element .shepherd-cancel-icon::before {
  content: "close";
  /* Material Icon Text */
  display: inline-block;
  font-family: "Material Icons";
  font-size: 24px;
  color: var(--primary-color);
  cursor: pointer;
}

/* Shepherd Tour modal overlay should be above dialogs but below the tour element */
.shepherd-modal-overlay-container {
  z-index: 1000050 !important;
  /* Between dialog (1000010) and tour (1000100) */
  display: none;
  /* Keep overlay hidden */
}

/* Wrapper - Legacy Support (bei Bedarf erweitern) */
#tooltip-wrapper {
  word-wrap: break-word;
  overflow: auto;
  overscroll-behavior-y: contain;
  height: 50vh;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  padding: 20px;
  background-color: var(--secondary-light);
  border-radius: 54px 0px 0px 54px;
  width: 100%;
  font: normal normal normal 16px/24px Ubuntu;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  opacity: 1;
  display: none;
  z-index: 999999 !important;
  /* Ensure tooltip appears above all other elements */
  position: relative !important;
  /* Ensure z-index is applied */
}

#help-wrapper {
  word-wrap: break-word;
  overflow: auto;
  overscroll-behavior-y: contain;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  height: 60vh;
  padding: 20px;
  background-color: var(--secondary-light);
  border-radius: var(--radius-small) 0px 0px var(--radius-small);
  width: 100%;
  font: normal normal normal 16px/24px Ubuntu;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  opacity: 1;
  display: none;
  position: sticky;
  top: 20px;
  /* Abstand vom oberen Rand des Containers */
  margin-bottom: 20px;
  z-index: 999998 !important;
  /* Ensure help wrapper appears above other elements but below tooltip */
}

/* Interview Dialog Help Panel Positioning + Dialog-Start Page */
body.single-dialogue.wp-singular .help-sidebar #help-wrapper,
body.page-template-dialog-start .help-drawer #help-wrapper {
  position: fixed !important;
  top: var(--header-height, 80px) !important;
  right: 0 !important;
  height: calc(100vh - var(--header-height, 80px)) !important;
  width: var(--help-width, 400px) !important;
  z-index: 999999 !important;
  border-radius: 0 !important;
  background-color: var(--secondary-color, #0D7377) !important;
  --header-height: 80px;
  --help-width: 400px;
  --secondary-color: #0D7377;
  /* CRITICAL: Hide panel by default (slide completely off-screen to the right) */
  -webkit-transform: translateX(calc(100% + 10px)) !important;
          transform: translateX(calc(100% + 10px)) !important;
  /* Add 10px buffer to ensure completely hidden */
  -webkit-transition: -webkit-transform 0.3s ease !important;
  transition: -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease !important;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
}

/* CRITICAL: Show panel when .open class is added */
body.single-dialogue.wp-singular .help-sidebar #help-wrapper.open,
body.page-template-dialog-start .help-drawer #help-wrapper.open {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
  /* Slide in from right to original position (right: 0) */
}

/* Help content area - semi-transparent background (TOOL DESIGN) */
body.single-dialogue.wp-singular .help-sidebar #help-wrapper #help,
body.page-template-dialog-start .help-drawer #help-wrapper #help {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
  padding: 16px !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  overflow-y: auto !important;
  margin-bottom: 16px !important;
}

body.single-dialogue.wp-singular .help-sidebar #help-wrapper #help p,
body.page-template-dialog-start .help-drawer #help-wrapper #help p {
  background: transparent !important;
  color: #FFFFFF !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Fix tooltip white background */
body.single-dialogue.wp-singular .help-sidebar #help-wrapper #tooltip,
body.page-template-dialog-start .help-drawer #help-wrapper #tooltip {
  background: transparent !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Fix tooltip white background for profile edit page */
body.profile-edit #tooltip {
  background: transparent !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Fix close button visibility for profile edit page */
/* CRITICAL: Button should ONLY be visible when help panel is open */
/* JavaScript controls visibility via inline display style */
body.profile-edit.xprofile.bp-user #closeHelp {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  z-index: 1000000 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  display: none !important;
  /* HIDDEN by default - JavaScript overrides this with setProperty('important') */
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 20px !important;
  cursor: pointer !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border: none !important;
  outline: none !important;
}

/* ONLY show close button when help panel is open */
body.profile-edit.xprofile.bp-user .help.show #closeHelp,
body.profile-edit.xprofile.bp-user .help.visible #closeHelp {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/* Fix close button visibility and positioning */
body.single-dialogue.wp-singular .help-sidebar #help-wrapper #closehelp,
body.page-template-dialog-start .help-drawer #help-wrapper #closehelp {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  z-index: 1000000 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 20px !important;
  cursor: pointer !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

/* =====================================================
   HELP PANEL - TOOL DESIGN (DESIGN-SYSTEM-TOOL.md lines 285-319)
   ===================================================== */
/* Help Header - nach Design-Vorlage tool-module.html: margin-bottom 16px, kein border */
#helpPanel .help-header,
.help .help-header,
.help-sidebar #help-wrapper .help-header {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

/* Help Panel Title - nach Design-Vorlage tool-module.html: font-size: 1rem (16px), gap: 8px */
#helpPanel .help-title,
.help .help-title,
.help-sidebar #help-wrapper .help-title {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 8px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
}

#helpPanel .help-title .material-symbols-outlined,
.help .help-title .material-symbols-outlined,
.help-sidebar #help-wrapper .help-title .material-symbols-outlined,
#helpPanel .help-title .bp-profile__icon,
.help .help-title .bp-profile__icon,
.help-sidebar #help-wrapper .help-title .bp-profile__icon {
  font-size: 20px !important;
  color: #FFFFFF !important;
}

#helpPanel .help-header .icon-btn,
.help .help-header .icon-btn,
.help-sidebar #help-wrapper .help-header .icon-btn,
#helpPanel .help-close-btn,
.help .help-close-btn,
.help-sidebar #help-wrapper .help-close-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
  border: none !important;
  cursor: pointer !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

#helpPanel .help-header .icon-btn:hover,
.help .help-header .icon-btn:hover,
.help-sidebar #help-wrapper .help-header .icon-btn:hover,
#helpPanel .help-close-btn:hover,
.help .help-close-btn:hover,
.help-sidebar #help-wrapper .help-close-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
}

#helpPanel .help-header .icon-btn .material-symbols-outlined,
.help .help-header .icon-btn .material-symbols-outlined,
.help-sidebar #help-wrapper .help-header .icon-btn .material-symbols-outlined {
  font-size: 16px !important;
  color: #FFFFFF !important;
}

/* Help Content Area - nach Design-Vorlage tool-module.html: halbtransparenter Hintergrund, 12px border-radius */
#helpPanel .help-content,
.help .help-content,
.help-sidebar #help-wrapper .help-content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  overflow-y: auto !important;
  padding: 16px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  margin-bottom: 16px !important;
  color: #FFFFFF !important;
}

/* Inner containers (#help, #tooltip) - KEIN eigener Kasten, nur transparent */
/* NOTE: .help-sidebar #help-wrapper #help is NOT listed here because
   in the interview, #help IS the .help-content element (not an inner container) */
#helpPanel #help,
.help #help,
#helpPanel #tooltip,
.help #tooltip,
.help-sidebar #help-wrapper #tooltip {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #FFFFFF !important;
}

/* Help Content Title - Überschriften im Content-Bereich verkleinern (Design-Vorlage) */
#helpPanel .help-content h1,
#helpPanel .help-content h2,
#helpPanel .help-content h3,
#helpPanel .help-content h4,
#helpPanel .help-content .mdc-typography--headline4,
#helpPanel #help h1,
#helpPanel #help h2,
#helpPanel #help h3,
#helpPanel #help h4,
#helpPanel #help .mdc-typography--headline4,
.help .help-content h1,
.help .help-content h2,
.help .help-content h3,
.help .help-content h4,
.help .help-content .mdc-typography--headline4,
.help #help h1,
.help #help h2,
.help #help h3,
.help #help h4,
.help #help .mdc-typography--headline4,
.help-sidebar #help-wrapper .help-content h1,
.help-sidebar #help-wrapper .help-content h2,
.help-sidebar #help-wrapper .help-content h3,
.help-sidebar #help-wrapper .help-content h4,
.help-sidebar #help-wrapper .help-content .mdc-typography--headline4 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  margin: 0 0 12px 0 !important;
  color: #FFFFFF !important;
}

#helpPanel .help-content p,
.help .help-content p,
.help-sidebar #help-wrapper .help-content p,
#helpPanel #tooltip p,
.help #tooltip p,
.help-sidebar #help-wrapper #tooltip p {
  background: transparent !important;
  color: #FFFFFF !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#helpPanel .help-content strong,
.help .help-content strong,
.help-sidebar #help-wrapper .help-content strong,
#helpPanel #tooltip strong,
.help #tooltip strong,
.help-sidebar #help-wrapper #tooltip strong {
  font-weight: 700 !important;
}

/* Help Panel Footer - nach Design-Vorlage tool-module.html: kein extra Padding */
#helpPanel .help-footer,
.help .help-footer,
.help-sidebar #help-wrapper .help-footer {
  padding: 0 !important;
}

#helpPanel .btn.btn-primary,
#helpPanel #allesKlarBtn,
#helpPanel .help-ok-btn,
.help .btn.btn-primary,
.help #allesKlarBtn,
.help .help-ok-btn {
  width: 100% !important;
  padding: 10px 16px !important;
  background-color: #23036A !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}

/* Interview help panel button — matches .btn-help-ok from BP edit.php */
.help-sidebar #help-wrapper .btn.btn-primary,
.help-sidebar #help-wrapper #allesKlarBtn,
.help-sidebar #help-wrapper .help-ok-btn {
  width: 100% !important;
  padding: 11px 16px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 99px !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  -webkit-transition: all 0.2s !important;
  transition: all 0.2s !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

#helpPanel .btn.btn-primary:hover,
#helpPanel #allesKlarBtn:hover,
#helpPanel .help-ok-btn:hover,
.help .btn.btn-primary:hover,
.help #allesKlarBtn:hover,
.help .help-ok-btn:hover {
  -webkit-transform: translateY(-1px) !important;
          transform: translateY(-1px) !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  background-color: #1A0250 !important;
}

.help-sidebar #help-wrapper .btn.btn-primary:hover,
.help-sidebar #help-wrapper #allesKlarBtn:hover,
.help-sidebar #help-wrapper .help-ok-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

#helpPanel .btn.btn-primary:active,
#helpPanel #allesKlarBtn:active,
#helpPanel .help-ok-btn:active,
.help .btn.btn-primary:active,
.help #allesKlarBtn:active,
.help .help-ok-btn:active,
.help-sidebar #help-wrapper .btn.btn-primary:active,
.help-sidebar #help-wrapper #allesKlarBtn:active,
.help-sidebar #help-wrapper .help-ok-btn:active {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}

#helpPanel .btn .material-symbols-outlined,
.help .btn .material-symbols-outlined,
.help-sidebar #help-wrapper .btn .material-symbols-outlined {
  font-size: 18px !important;
  color: #FFFFFF !important;
}

/* Interview Dialog Help Panel - Updated for new structure */
body.single-dialogue.wp-singular .help-sidebar #help-wrapper,
body.page-template-dialog-start .help-drawer #help-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  padding: 16px !important;
}

#pruefergebnis td {
  white-space: normal !important;
}

/* Steuerlexikon */
.steuerlexikon .aufzaehlung {
  padding-left: 25px;
  padding-bottom: 25px;
}
.steuerlexikon .unteraufzaehlung1 {
  padding-left: 50px;
  padding-bottom: 25px;
}
.steuerlexikon .unteraufzaehlung2 {
  padding-left: 75px;
  padding-bottom: 25px;
}

/* Info Boxes */
.kurz-knapp {
  background-color: var(--primary-color);
  background-image: url("https://taxtastic.de/wp-content/uploads/2024/06/pending_actions_24dp.svg");
  background-repeat: no-repeat;
  background-position: top 69px right 32px;
  color: #fff;
  border-radius: var(--radius-small);
  padding-right: 32px;
  padding-left: 46px;
  padding-top: 10px;
  padding-bottom: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}

.info {
  background-color: #F4F4F4;
  background-image: url("https://taxtastic.de/wp-content/uploads/2024/06/info_outline_24dp.svg");
  background-repeat: no-repeat;
  background-position: top 69px right 32px;
  color: #000;
  border-radius: var(--radius-small);
  padding-right: 32px;
  padding-left: 46px;
  padding-top: 49px;
  padding-bottom: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}

/* Tabellen */
#tabellen .mdc-button {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: var(--secondary-light);
  color: var(--surface-color);
}

/* MDC Top App Bar */
.mdc-top-app-bar__section .menu mwc-list-item:not([selected]) mwc-icon {
  display: none;
}

/* Button Container Fix */
.button-container .mdc-button.mdc-button--raised {
  background-color: var(--secondary-light);
}

/* MDC Dialog Z-Index Fix - Ensure dialogs appear above EVERYTHING including fullscreen tables */
.mdc-dialog,
.mdc-dialog.mdc-dialog--fullscreen,
body .mdc-dialog {
  z-index: 5000000 !important;
  /* Above fullscreen table modal (4000000), help system (999999), help buttons (1000000) */
  --mdc-dialog-z-index: 5000000 !important;
  /* Override CSS custom property */
}

.mdc-dialog__scrim,
body .mdc-dialog__scrim {
  z-index: 4999999 !important;
  /* Scrim slightly below dialog but above fullscreen table */
}

/* CRITICAL FIX: Scrim must NOT block clicks on dialog buttons when dialog is open */
/* Increased specificity to override other rules */
.mdc-dialog.mdc-dialog--open .mdc-dialog__scrim,
body .mdc-dialog.mdc-dialog--open .mdc-dialog__scrim,
#dialogreset.mdc-dialog--open .mdc-dialog__scrim {
  pointer-events: none !important;
  /* Allow clicks to pass through to buttons */
}

/* CRITICAL FIX: Closed dialogs MUST NOT block clicks - ensure display:none when not open */
.mdc-dialog:not(.mdc-dialog--open):not(.mdc-dialog--opening):not(.mdc-dialog--closing) {
  display: none !important;
  /* Completely hide closed dialogs to prevent click blocking */
  pointer-events: none !important;
  /* Extra safety - no pointer events on closed dialogs */
}

/**
 * BuddyPress Profile Component - Refactored Version
 *
 * Following BEM methodology with namespace prefix
 * Maximum nesting depth: 3-4 levels
 * No !important declarations
 * Component-scoped CSS variables
 *
 * Namespace: bp- (BuddyPress)
 * Block: bp-profile
 * Elements: __container, __form, __field, etc.
 * Modifiers: --wide, --editing, --required, etc.
 */
.bp-profile__icon {
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

:root {
  --bp-container-width: 95%;
  --bp-container-max-width: 1200px;
  --bp-content-width: 100%;
  --bp-content-max-width: none;
  --bp-form-spacing: 0.5rem;
  --bp-field-gap: 0.75rem;
  --bp-field-padding: 0.75rem;
  --bp-border-radius: 4px;
}
@media (max-width: 768px) {
  :root {
    --bp-container-width: 100%;
    --bp-form-spacing: 0.375rem;
    --bp-field-gap: 0.6875rem;
  }
}

.bp-profile__container {
  width: var(--bp-container-width);
  max-width: var(--bp-container-max-width);
  margin: 0 auto;
  padding: var(--bp-form-spacing);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bp-profile__container--full-width {
  max-width: 100%;
  width: 100%;
}
.bp-profile__container--centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bp-profile__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto;
}
.bp-profile__content--unified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--bp-form-spacing);
}
.bp-profile__content--unified > * {
  width: 100%;
}
.bp-profile__content--unified > .bp-profile__submenu-container:has(.bp-profile__submenu--active, .form-submenu-active) + form#profile-edit-form, .bp-profile__content--unified > .form-submenus-container:has(.bp-profile__submenu--active, .form-submenu-active) + form#profile-edit-form,
.bp-profile__content--unified > .bp-profile__submenu-container:has(.form-submenu-active) + form#profile-edit-form,
.bp-profile__content--unified > .bp-profile__submenu-container:has(.bp-profile__submenu--active, .form-submenu-active) + .bp-profile__form,
.bp-profile__content--unified > .form-submenus-container:has(.bp-profile__submenu--active, .form-submenu-active) + .bp-profile__form,
.bp-profile__content--unified > .bp-profile__submenu-container:has(.form-submenu-active) + .bp-profile__form {
  margin-top: calc(-1 * var(--bp-form-spacing)) !important;
}
.bp-profile__form {
  display: block;
  width: 100%;
}
.bp-profile__form--editing {
  background: var(--surface-color, #ffffff);
  border-radius: var(--bp-border-radius);
  padding: var(--bp-form-spacing);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.bp-profile__form--grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--bp-field-gap);
}
@media (min-width: 769px) {
  .bp-profile__form--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bp-profile__submenu, .form-submenu {
  width: 100%;
  margin-bottom: 16px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: var(--surface-color, #FFFFFF) !important;
  border-radius: var(--border-radius-medium, 12px) !important;
  -webkit-box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
          box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
  border: none !important;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1 !important;
}
.bp-profile__submenu .page-description, .form-submenu .page-description,
.bp-profile__submenu .bp-profile__form-description,
.form-submenu .bp-profile__form-description,
.bp-profile__submenu p.description,
.bp-profile__submenu .description,
.form-submenu .description {
  display: none !important;
}
.bp-profile__submenu > div, .form-submenu > div,
.bp-profile__submenu .mdc-layout-grid__cell > div,
.form-submenu .mdc-layout-grid__cell > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  min-height: 72px;
  height: 72px;
  padding: 24px 32px !important;
}
.bp-profile__submenu .submenu-action-button, .form-submenu .submenu-action-button,
.bp-profile__submenu button.mdc-icon-button,
.form-submenu button.mdc-icon-button,
.bp-profile__submenu .mdc-icon-button.material-icons,
.form-submenu .mdc-icon-button.material-icons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px !important;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  border: none;
  background: #F5F5F5;
  border-radius: var(--border-radius-small, 6px);
  color: var(--text-secondary, #666666);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bp-profile__submenu .submenu-action-button:hover, .form-submenu .submenu-action-button:hover,
.bp-profile__submenu button.mdc-icon-button:hover,
.form-submenu button.mdc-icon-button:hover,
.bp-profile__submenu .mdc-icon-button.material-icons:hover,
.form-submenu .mdc-icon-button.material-icons:hover {
  background: rgba(0, 0, 0, 0.08);
  color: var(--primary-color, #23036A);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.bp-profile__submenu .submenu-action-button .material-icons, .form-submenu .submenu-action-button .material-icons,
.bp-profile__submenu button.mdc-icon-button .material-icons,
.form-submenu button.mdc-icon-button .material-icons,
.bp-profile__submenu .mdc-icon-button.material-icons .material-icons,
.form-submenu .mdc-icon-button.material-icons .material-icons {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.bp-profile__submenu .submenu-content, .form-submenu .submenu-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.bp-profile__submenu .submenu-title, .form-submenu .submenu-title,
.bp-profile__submenu a,
.form-submenu a {
  color: var(--text-primary, #1A1A1A);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
}
.bp-profile__submenu .submenu-title:hover, .form-submenu .submenu-title:hover,
.bp-profile__submenu a:hover,
.form-submenu a:hover {
  color: var(--primary-color, #23036A);
}
.bp-profile__submenu .status-chip, .form-submenu .status-chip {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 16px;
  padding: 6px 12px !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #E0E0E0;
  color: var(--text-primary, #1A1A1A);
}
.bp-profile__submenu .status-chip .status-icon, .form-submenu .status-chip .status-icon {
  font-size: 16px;
}
.bp-profile__submenu .status-chip.status-open, .form-submenu .status-chip.status-open {
  background: #E0E0E0;
  color: var(--text-primary, #1A1A1A);
}
.bp-profile__submenu .status-chip.status-in-progress, .form-submenu .status-chip.status-in-progress {
  background: #FFF3C4;
  color: #F57C00;
}
.bp-profile__submenu .status-chip.status-completed, .form-submenu .status-chip.status-completed {
  background: #C8E6C9;
  color: #2E7D32;
}
.bp-profile__submenu:hover, .form-submenu:hover {
  -webkit-box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15)) !important;
          box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15)) !important;
}
.bp-profile__submenu--active, .form-submenu-active {
  background: var(--surface-color, #FFFFFF) !important;
  color: var(--text-primary, #1A1A1A);
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
}
.bp-profile__submenu--active:hover, .form-submenu-active:hover {
  -webkit-box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
          box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
}
.bp-profile__submenu--active .submenu-title, .form-submenu-active .submenu-title,
.bp-profile__submenu--active a,
.form-submenu-active a {
  color: var(--text-primary, #1A1A1A);
  font-weight: 600;
}
.bp-profile__submenu--active .status-chip, .form-submenu-active .status-chip {
  background: var(--primary-color, #23036A);
  color: var(--text-on-primary, #FFFFFF);
}
.bp-profile__submenu--active .submenu-action-button .material-icons, .form-submenu-active .submenu-action-button .material-icons,
.bp-profile__submenu--active button.mdc-icon-button .material-icons,
.form-submenu-active button.mdc-icon-button .material-icons,
.bp-profile__submenu--active .mdc-icon-button.material-icons .material-icons,
.form-submenu-active .mdc-icon-button.material-icons .material-icons {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.bp-profile__submenu--continuation {
  background: transparent !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
}
.bp-profile__submenu--continuation:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.bp-profile__submenu--continuation .bp-profile__submenu, .bp-profile__submenu--continuation .form-submenu {
  margin-bottom: 16px;
  padding: 0 !important;
  background: var(--surface-color, #FFFFFF) !important;
  border-radius: var(--border-radius-medium, 12px) !important;
  -webkit-box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
          box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
}
.bp-profile__submenu--continuation .bp-profile__submenu:hover, .bp-profile__submenu--continuation .form-submenu:hover {
  -webkit-box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15)) !important;
          box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15)) !important;
}
.bp-profile__submenu--continuation .bp-profile__submenu > div, .bp-profile__submenu--continuation .form-submenu > div {
  padding: 24px 32px !important;
}
.bp-profile__submenu-container, .form-submenus-container {
  width: 100%;
  margin-bottom: var(--spacing-lg, 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent !important;
}
.bp-profile__submenu-container:has(.bp-profile__submenu--active, .form-submenu-active), .form-submenus-container:has(.bp-profile__submenu--active, .form-submenu-active), .bp-profile__submenu-container:has(.form-submenu-active) {
  margin-bottom: 0 !important;
}

.bp-profile__fieldset {
  margin-bottom: var(--bp-form-spacing);
  padding: var(--bp-field-padding);
  border: 1px solid var(--border-color, #e0e0e0);
  border-radius: var(--bp-border-radius);
}
.bp-profile__fieldset-legend {
  font-weight: 500;
  padding: 0 0.5rem;
  margin-bottom: var(--bp-field-gap);
}
.bp-profile__field {
  margin-bottom: var(--bp-field-gap);
}
.bp-profile__field--required {
  position: relative;
}
.bp-profile__field--required::before {
  content: "*";
  position: absolute;
  left: -10px;
  top: 0;
  color: var(--error-color, #f44336);
  font-weight: bold;
}
.bp-profile__field--full-width {
  grid-column: 1/-1;
}
.bp-profile__field--half-width {
  grid-column: span 1;
}
.bp-profile__field--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.bp-profile__field-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.bp-profile__field-label {
  font-size: 0.875rem;
  color: var(--text-secondary);
  font-weight: 500;
}
.bp-profile__field-input {
  width: 100%;
  padding: var(--bp-field-padding);
  border: 1px solid var(--border-color, #e0e0e0);
  border-radius: var(--bp-border-radius);
  font-size: 1rem;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.bp-profile__field-input:focus {
  outline: none;
  border-color: var(--primary-color, #23036A);
  -webkit-box-shadow: 0 0 0 2px rgba(35, 3, 106, 0.1);
          box-shadow: 0 0 0 2px rgba(35, 3, 106, 0.1);
}
.bp-profile__field-input--error {
  border-color: var(--error-color, #f44336);
}
.bp-profile__field-input--success {
  border-color: var(--success-color, #0D7377);
}
.bp-profile__field-help {
  font-size: 0.75rem;
  color: var(--text-disabled);
  margin-top: 0.25rem;
}
.bp-profile__field-error {
  font-size: 0.75rem;
  color: var(--error-color, #f44336);
  margin-top: 0.25rem;
}
.bp-profile__button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  padding: 0 16px;
  border: none;
  border-radius: var(--border-radius-pill, 999px);
  font-family: "Ubuntu", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bp-profile__button .bp-profile__icon {
  margin-left: -4px;
  margin-right: 8px;
  font-size: 18px;
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.bp-profile__button:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2, 0 4px 8px rgba(0, 0, 0, 0.15));
          box-shadow: var(--elevation-2, 0 4px 8px rgba(0, 0, 0, 0.15));
}
.bp-profile__button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.bp-profile__button--primary {
  background: var(--primary-color, #23036A);
  color: white;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.bp-profile__button--primary:hover {
  background: var(--primary-dark, #1A0250);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.bp-profile__button--primary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.bp-profile__button--secondary {
  background: var(--secondary-color, #0D7377);
  color: white;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.bp-profile__button--secondary:hover {
  background: var(--secondary-dark, #085356);
  -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.bp-profile__button--secondary:active {
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.bp-profile__button--outlined {
  background: transparent;
  color: var(--primary-color, #23036A);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bp-profile__button--outlined:hover {
  background: rgba(35, 3, 106, 0.04);
  border-color: var(--primary-color, #23036A);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.bp-profile__button--outlined:active {
  background: rgba(35, 3, 106, 0.12);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.bp-profile__button--text {
  background: transparent;
  color: var(--primary-color, #23036A);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bp-profile__button--text:hover {
  background: rgba(35, 3, 106, 0.04);
}
.bp-profile__button--text:active {
  background: rgba(35, 3, 106, 0.12);
}
.bp-profile__button--danger {
  background: transparent;
  color: var(--error-color, #B00020);
  border: 1px solid var(--error-color, #B00020);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bp-profile__button--danger:hover {
  background: rgba(176, 0, 32, 0.08);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.bp-profile__button--danger:active {
  background: rgba(176, 0, 32, 0.16);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.bp-profile__button--danger .bp-profile__icon {
  color: var(--error-color, #B00020);
}
.bp-profile__button:disabled {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.bp-profile__button .bp-profile__spinner {
  display: none;
}
.bp-profile__button--loading {
  pointer-events: none;
  position: relative;
  color: transparent !important;
}
.bp-profile__button--loading .bp-profile__icon {
  opacity: 0;
}
.bp-profile__button--loading .bp-profile__spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: bp-profile-spinner 0.7s linear infinite;
          animation: bp-profile-spinner 0.7s linear infinite;
}
.bp-profile__button--loading.bp-profile__button--outlined .bp-profile__spinner {
  border-color: rgba(35, 3, 106, 0.9);
  border-right-color: transparent;
}
.bp-profile__button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--bp-field-gap);
  margin-top: var(--bp-form-spacing);
}
.bp-profile__table-field {
  width: 100%;
  overflow-x: auto;
}
.bp-profile__table-field table {
  width: 100%;
  border-collapse: collapse;
}
.bp-profile__table-field table th, .bp-profile__table-field table td {
  padding: var(--bp-field-padding);
  text-align: left;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
}
.bp-profile__table-field table th {
  font-weight: 500;
  background: var(--surface-color, #f5f5f5);
}

.page-template-profile-edit .bp-profile__container {
  padding-top: calc(var(--bp-form-spacing) * 2);
}
.page-template-profile-edit .bp-profile__form--editing .bp-profile__field {
  margin-bottom: var(--bp-field-gap);
}
.page-template-profile-edit .mdc-text-field {
  width: 100%;
}
.page-template-profile-edit .mdc-text-field__input {
  font-size: var(--font-size-body);
}
.page-template-profile-edit .mdc-text-field__label {
  background: white;
  padding: 0 4px;
}
.page-template-profile-edit .mdc-select {
  width: 100%;
}

.main {
  padding: var(--spacing-xl, 32px);
  overflow: hidden !important;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  background: transparent !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
@media (max-width: 768px) {
  .main {
    padding: var(--spacing-md, 16px);
  }
}

.page-header {
  margin-bottom: var(--spacing-xl, 32px);
}

.page-title {
  font-size: var(--font-size-h2, 2rem);
  font-weight: 700;
  margin-bottom: var(--spacing-sm, 8px);
  color: var(--text-primary, #1A1A1A);
}

.page-description {
  font-size: var(--font-size-body, 1rem);
  color: var(--text-secondary, #666666);
  max-width: 80ch;
  line-height: 1.6;
}

.card {
  background: var(--surface-color, #FFFFFF);
  border-radius: var(--border-radius-medium, 12px);
  -webkit-box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12));
          box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12));
  margin-bottom: var(--spacing-lg, 24px);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15));
          box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15));
}
.card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--spacing-lg, 24px);
  border-bottom: 1px solid #E0E0E0;
}
.card-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md, 16px);
}
.card-title {
  font-size: var(--font-size-h4, 1.25rem);
  font-weight: 500;
  margin: 0;
}
.card-content {
  padding: var(--spacing-lg, 24px);
}

.accordion {
  overflow: hidden;
}
.accordion-trigger {
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.accordion.open .accordion-trigger {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion-panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.accordion.open .accordion-panel {
  max-height: 2000px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md, 16px);
}
@media (min-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.form-grid-full {
  grid-column: 1/-1;
}

.buddypress .bp-profile #buddypress {
  margin: 0;
  padding: 0;
}
.buddypress .bp-profile #buddypress form {
  margin: 0;
  padding: 0;
}
.buddypress .bp-profile .editfield {
  margin-bottom: 0 !important;
}

form#profile-edit-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 var(--spacing-lg, 24px) 0 !important;
  background: var(--surface-color, #FFFFFF) !important;
  border-radius: var(--border-radius-medium, 12px) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -webkit-box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
          box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12)) !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  padding: var(--spacing-lg, 24px) !important;
  display: grid !important;
  row-gap: var(--bp-field-gap) !important;
  -webkit-column-gap: 0.625rem !important;
     -moz-column-gap: 0.625rem !important;
          column-gap: 0.625rem !important;
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
form#profile-edit-form:hover {
  -webkit-box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15)) !important;
          box-shadow: var(--elevation-3, 0 8px 16px rgba(0, 0, 0, 0.15)) !important;
}
@media (min-width: 769px) {
  form#profile-edit-form {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  }
}
@media (min-width: 769px) {
  form#profile-edit-form {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
form#profile-edit-form .editfield,
form#profile-edit-form .field-wrapper,
form#profile-edit-form .form-field,
form#profile-edit-form div.field {
  grid-column: span 1 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
form#profile-edit-form .editfield.field-type-textarea, form#profile-edit-form .editfield.field-type-richtext, form#profile-edit-form .editfield.field-type-selectbox, form#profile-edit-form .editfield.field-type-table, form#profile-edit-form .editfield[data-field-type=textarea], form#profile-edit-form .editfield[data-field-type=richtext], form#profile-edit-form .editfield[data-field-type=table],
form#profile-edit-form .field-wrapper.field-type-textarea,
form#profile-edit-form .field-wrapper.field-type-richtext,
form#profile-edit-form .field-wrapper.field-type-selectbox,
form#profile-edit-form .field-wrapper.field-type-table,
form#profile-edit-form .field-wrapper[data-field-type=textarea],
form#profile-edit-form .field-wrapper[data-field-type=richtext],
form#profile-edit-form .field-wrapper[data-field-type=table],
form#profile-edit-form .form-field.field-type-textarea,
form#profile-edit-form .form-field.field-type-richtext,
form#profile-edit-form .form-field.field-type-selectbox,
form#profile-edit-form .form-field.field-type-table,
form#profile-edit-form .form-field[data-field-type=textarea],
form#profile-edit-form .form-field[data-field-type=richtext],
form#profile-edit-form .form-field[data-field-type=table],
form#profile-edit-form div.field.field-type-textarea,
form#profile-edit-form div.field.field-type-richtext,
form#profile-edit-form div.field.field-type-selectbox,
form#profile-edit-form div.field.field-type-table,
form#profile-edit-form div.field[data-field-type=textarea],
form#profile-edit-form div.field[data-field-type=richtext],
form#profile-edit-form div.field[data-field-type=table] {
  grid-column: span 2 !important;
}
@media (max-width: 768px) {
  form#profile-edit-form .editfield.field-type-textarea, form#profile-edit-form .editfield.field-type-richtext, form#profile-edit-form .editfield.field-type-selectbox, form#profile-edit-form .editfield.field-type-table, form#profile-edit-form .editfield[data-field-type=textarea], form#profile-edit-form .editfield[data-field-type=richtext], form#profile-edit-form .editfield[data-field-type=table],
form#profile-edit-form .field-wrapper.field-type-textarea,
form#profile-edit-form .field-wrapper.field-type-richtext,
form#profile-edit-form .field-wrapper.field-type-selectbox,
form#profile-edit-form .field-wrapper.field-type-table,
form#profile-edit-form .field-wrapper[data-field-type=textarea],
form#profile-edit-form .field-wrapper[data-field-type=richtext],
form#profile-edit-form .field-wrapper[data-field-type=table],
form#profile-edit-form .form-field.field-type-textarea,
form#profile-edit-form .form-field.field-type-richtext,
form#profile-edit-form .form-field.field-type-selectbox,
form#profile-edit-form .form-field.field-type-table,
form#profile-edit-form .form-field[data-field-type=textarea],
form#profile-edit-form .form-field[data-field-type=richtext],
form#profile-edit-form .form-field[data-field-type=table],
form#profile-edit-form div.field.field-type-textarea,
form#profile-edit-form div.field.field-type-richtext,
form#profile-edit-form div.field.field-type-selectbox,
form#profile-edit-form div.field.field-type-table,
form#profile-edit-form div.field[data-field-type=textarea],
form#profile-edit-form div.field[data-field-type=richtext],
form#profile-edit-form div.field[data-field-type=table] {
    grid-column: span 1 !important;
  }
}
form#profile-edit-form .editfield .mdc-text-field,
form#profile-edit-form .editfield .mdc-text-field--outlined,
form#profile-edit-form .editfield .mdc-select,
form#profile-edit-form .editfield .mdc-select--outlined,
form#profile-edit-form .field-wrapper .mdc-text-field,
form#profile-edit-form .field-wrapper .mdc-text-field--outlined,
form#profile-edit-form .field-wrapper .mdc-select,
form#profile-edit-form .field-wrapper .mdc-select--outlined,
form#profile-edit-form .form-field .mdc-text-field,
form#profile-edit-form .form-field .mdc-text-field--outlined,
form#profile-edit-form .form-field .mdc-select,
form#profile-edit-form .form-field .mdc-select--outlined,
form#profile-edit-form div.field .mdc-text-field,
form#profile-edit-form div.field .mdc-text-field--outlined,
form#profile-edit-form div.field .mdc-select,
form#profile-edit-form div.field .mdc-select--outlined {
  width: 100% !important;
  max-width: 100% !important;
}
form#profile-edit-form .editfield .mdc-text-field__input,
form#profile-edit-form .editfield .mdc-select__anchor,
form#profile-edit-form .field-wrapper .mdc-text-field__input,
form#profile-edit-form .field-wrapper .mdc-select__anchor,
form#profile-edit-form .form-field .mdc-text-field__input,
form#profile-edit-form .form-field .mdc-select__anchor,
form#profile-edit-form div.field .mdc-text-field__input,
form#profile-edit-form div.field .mdc-select__anchor {
  width: 100% !important;
  max-width: 100% !important;
}
form#profile-edit-form .editfield input[type=text],
form#profile-edit-form .editfield input[type=email],
form#profile-edit-form .editfield input[type=number],
form#profile-edit-form .editfield input[type=tel],
form#profile-edit-form .editfield input[type=url],
form#profile-edit-form .editfield textarea,
form#profile-edit-form .editfield select,
form#profile-edit-form .field-wrapper input[type=text],
form#profile-edit-form .field-wrapper input[type=email],
form#profile-edit-form .field-wrapper input[type=number],
form#profile-edit-form .field-wrapper input[type=tel],
form#profile-edit-form .field-wrapper input[type=url],
form#profile-edit-form .field-wrapper textarea,
form#profile-edit-form .field-wrapper select,
form#profile-edit-form .form-field input[type=text],
form#profile-edit-form .form-field input[type=email],
form#profile-edit-form .form-field input[type=number],
form#profile-edit-form .form-field input[type=tel],
form#profile-edit-form .form-field input[type=url],
form#profile-edit-form .form-field textarea,
form#profile-edit-form .form-field select,
form#profile-edit-form div.field input[type=text],
form#profile-edit-form div.field input[type=email],
form#profile-edit-form div.field input[type=number],
form#profile-edit-form div.field input[type=tel],
form#profile-edit-form div.field input[type=url],
form#profile-edit-form div.field textarea,
form#profile-edit-form div.field select {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
form#profile-edit-form .editfield fieldset,
form#profile-edit-form .field-wrapper fieldset,
form#profile-edit-form .form-field fieldset,
form#profile-edit-form div.field fieldset {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
form#profile-edit-form .editfield.field_type_table,
form#profile-edit-form .editfield.field_type_declarativetable,
form#profile-edit-form .field_type_table,
form#profile-edit-form .field_type_declarativetable,
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(.mdc-data-table),
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]),
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(.declarative-table-container) {
  grid-column: span 2 !important;
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 768px) {
  form#profile-edit-form .editfield.field_type_table,
form#profile-edit-form .editfield.field_type_declarativetable,
form#profile-edit-form .field_type_table,
form#profile-edit-form .field_type_declarativetable,
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(.mdc-data-table),
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]),
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(.declarative-table-container) {
    grid-column: span 1 !important;
  }
}
form#profile-edit-form .declarative-table-container {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}
form#profile-edit-form .dt-cards-container {
  display: none;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding-bottom: 12px !important;
  -webkit-overflow-scrolling: touch !important;
}
form#profile-edit-form .dt-cards-container.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
form#profile-edit-form .dt-cards-container .dt-card {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  min-width: 280px !important;
  max-width: 320px !important;
}
form#profile-edit-form .dt-table-scroll-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  padding-bottom: 8px !important;
}
form#profile-edit-form .editfield.field_type_declarativetable {
  overflow: hidden !important;
  min-width: 0 !important;
}
form#profile-edit-form .editfield.field_type_declarativetable fieldset {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  display: block !important;
  overflow: hidden !important;
}
form#profile-edit-form .editfield.field_type_declarativetable .declarative-table-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow: hidden !important;
}
form#profile-edit-form .editfield.field_type_declarativetable .dt-cards-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
form#profile-edit-form .editfield.field_type_declarativetable .dt-cards-container {
  overflow-x: auto !important;
  overflow-y: visible !important;
}
form#profile-edit-form .editfield.field_type_declarativetable .dt-table-scroll-wrapper {
  overflow-x: auto !important;
  overflow-y: visible !important;
}
form#profile-edit-form .editfield.field_type_textarea {
  grid-column: span 2 !important;
}
@media (max-width: 768px) {
  form#profile-edit-form .editfield.field_type_textarea {
    grid-column: span 1 !important;
  }
}
form#profile-edit-form .form-card-header,
form#profile-edit-form .bp-profile__form-header {
  grid-column: span 2 !important;
  margin-bottom: 16px !important;
}
@media (max-width: 768px) {
  form#profile-edit-form .form-card-header,
form#profile-edit-form .bp-profile__form-header {
    grid-column: span 1 !important;
  }
}
form#profile-edit-form .bp-profile__validation-error {
  grid-column: 1/-1 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 14px 20px;
  margin-bottom: 16px;
  background: #fef2f2;
  border: 1px solid #fca5a5;
  border-left: 4px solid #ef4444;
  border-radius: 8px;
  color: #991b1b;
  font-size: 14px;
  line-height: 1.5;
  -webkit-animation: bp-validation-error-fade-in 0.3s ease;
          animation: bp-validation-error-fade-in 0.3s ease;
}
form#profile-edit-form .bp-profile__validation-error-icon {
  color: #ef4444;
  font-size: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
form#profile-edit-form .bp-profile__validation-error-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@-webkit-keyframes bp-validation-error-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bp-validation-error-fade-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
form#profile-edit-form .profile-action-bar,
form#profile-edit-form .bp-profile__actions {
  grid-column: 1/-1 !important;
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: var(--spacing-md, 16px) !important;
  margin-top: var(--spacing-xl, 32px) !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}
form#profile-edit-form .editfield fieldset,
form#profile-edit-form .field-wrapper fieldset,
form#profile-edit-form .form-field fieldset,
form#profile-edit-form div.field fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
form#profile-edit-form fieldset {
  border: none;
}
form#profile-edit-form .mdc-text-field--outlined .mdc-line-ripple {
  display: none;
}
form#profile-edit-form .mdc-select--outlined .mdc-select__anchor {
  border-radius: 4px;
}
form#profile-edit-form .datebox-grid-container {
  width: 100% !important;
  display: block !important;
}
form#profile-edit-form .datebox-grid-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: var(--spacing-md, 16px) !important;
  width: 100% !important;
}
@media (max-width: 768px) {
  form#profile-edit-form .datebox-grid-inner {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-sm, 12px) !important;
  }
}
form#profile-edit-form .datebox-day-container,
form#profile-edit-form .datebox-month-container,
form#profile-edit-form .datebox-year-container {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
form#profile-edit-form .datebox-day-container .mdc-select,
form#profile-edit-form .datebox-month-container .mdc-select,
form#profile-edit-form .datebox-year-container .mdc-select {
  width: 100% !important;
}
form#profile-edit-form .datebox-day-container .mdc-select__anchor,
form#profile-edit-form .datebox-month-container .mdc-select__anchor,
form#profile-edit-form .datebox-year-container .mdc-select__anchor {
  width: 100% !important;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  gap: var(--spacing-md, 16px) !important;
  grid-auto-flow: dense !important;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner script {
  display: none !important;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-6:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-6:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-6 .field-label {
  font-weight: 500;
  font-size: 14px;
  color: var(--color-text-primary, rgba(0, 0, 0, 0.87));
  margin-bottom: var(--spacing-sm, 8px);
  display: block;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-2:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-4:nth-child(5) {
  grid-column: 1;
  grid-row: 3;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-2:nth-child(7) {
  grid-column: 2;
  grid-row: 2;
}
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-4:nth-child(9) {
  grid-column: 2;
  grid-row: 3;
}
@media (max-width: 768px) {
  form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-auto-flow: row !important;
  }
  form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-6,
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-2,
form#profile-edit-form .field_type_vonbis .datebox-selects .mdc-layout-grid__inner .mdc-layout-grid__cell--span-4 {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
form#profile-edit-form .field_type_radio .radio-button-options,
form#profile-edit-form .field_type_radio .input-options {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: var(--spacing-sm, 12px) !important;
  width: 100% !important;
}
form#profile-edit-form .field_type_radio .option-label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  padding: var(--spacing-md, 16px) !important;
  background: var(--surface-color, #ffffff) !important;
  border: 2px solid var(--outline-variant, #E0E0E0) !important;
  border-radius: var(--radius-md, 12px) !important;
  cursor: pointer !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
  line-height: 1.5 !important;
  font-size: 1rem !important;
  color: var(--text-primary, rgba(0, 0, 0, 0.87)) !important;
  position: relative !important;
}
form#profile-edit-form .field_type_radio .option-label input[type=radio] {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 2px var(--spacing-sm, 12px) 0 0 !important;
  accent-color: var(--primary-color, #23036A) !important;
  cursor: pointer !important;
}
form#profile-edit-form .field_type_radio .option-label:hover {
  border-color: var(--primary-color, #23036A) !important;
  background: var(--primary-surface, rgba(35, 3, 106, 0.04)) !important;
}
form#profile-edit-form .field_type_radio .option-label:has(input[type=radio]:checked) {
  border-color: var(--primary-color, #23036A) !important;
  background: var(--primary-surface, rgba(35, 3, 106, 0.08)) !important;
  -webkit-box-shadow: 0 2px 8px rgba(35, 3, 106, 0.15) !important;
          box-shadow: 0 2px 8px rgba(35, 3, 106, 0.15) !important;
}
form#profile-edit-form .field_type_radio .option-label:has(input[type=radio]:checked)::after {
  content: "✓";
  position: absolute;
  right: var(--spacing-md, 16px);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--primary-color, #23036A);
  font-size: 1.25rem;
  font-weight: 600;
}
form#profile-edit-form .field_type_radio .description {
  background: var(--info-surface, rgba(33, 150, 243, 0.08)) !important;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px) !important;
  border-radius: var(--radius-sm, 8px) !important;
  margin-bottom: var(--spacing-md, 16px) !important;
  color: var(--primary-color, #23036A) !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  border-left: 3px solid var(--primary-color, #23036A) !important;
}
form#profile-edit-form .field_type_radio.editfield {
  grid-column: 1/-1 !important;
}
form#profile-edit-form .tooltips,
form#profile-edit-form .tooltip-icon-custom,
form#profile-edit-form i.tooltips {
  cursor: pointer !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined" !important;
  font-size: 18px;
  color: var(--primary-color, #23036A);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 8px;
  z-index: 4;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  border-radius: 50%;
  padding: 0;
  pointer-events: all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
form#profile-edit-form .tooltips::before,
form#profile-edit-form .tooltip-icon-custom::before,
form#profile-edit-form i.tooltips::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  z-index: -1;
}
form#profile-edit-form .tooltips:hover,
form#profile-edit-form .tooltip-icon-custom:hover,
form#profile-edit-form i.tooltips:hover {
  color: var(--primary-dark, #1A0250);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background: transparent;
}
form#profile-edit-form .tooltips:hover::before,
form#profile-edit-form .tooltip-icon-custom:hover::before,
form#profile-edit-form i.tooltips:hover::before {
  background: rgba(35, 3, 106, 0.08);
}
form#profile-edit-form .tooltips:active,
form#profile-edit-form .tooltip-icon-custom:active,
form#profile-edit-form i.tooltips:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
form#profile-edit-form .tooltips:focus, form#profile-edit-form .tooltips[role=button]:focus-visible,
form#profile-edit-form .tooltip-icon-custom:focus,
form#profile-edit-form .tooltip-icon-custom[role=button]:focus-visible,
form#profile-edit-form i.tooltips:focus,
form#profile-edit-form i.tooltips[role=button]:focus-visible {
  outline: 2px solid var(--primary-color, #23036A);
  outline-offset: 2px;
}
form#profile-edit-form .help-icon-integrated .mdc-text-field + .tooltips,
form#profile-edit-form .help-icon-integrated .mdc-text-field + .tooltip-icon-custom,
form#profile-edit-form .help-icon-integrated .mdc-text-field + i.tooltips,
form#profile-edit-form .help-icon-integrated .mdc-select + .tooltips,
form#profile-edit-form .help-icon-integrated .mdc-select + .tooltip-icon-custom {
  position: relative !important;
  float: right !important;
  margin-top: -42px !important;
  margin-right: 12px !important;
  margin-bottom: 14px !important;
  margin-left: -28px !important;
  z-index: 4 !important;
}
form#profile-edit-form .help-icon-integrated .mdc-text-field + .tooltips:hover,
form#profile-edit-form .help-icon-integrated .mdc-text-field + .tooltip-icon-custom:hover,
form#profile-edit-form .help-icon-integrated .mdc-text-field + i.tooltips:hover,
form#profile-edit-form .help-icon-integrated .mdc-select + .tooltips:hover,
form#profile-edit-form .help-icon-integrated .mdc-select + .tooltip-icon-custom:hover {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
form#profile-edit-form .help-icon-integrated .mdc-text-field + .tooltips:active,
form#profile-edit-form .help-icon-integrated .mdc-text-field + .tooltip-icon-custom:active,
form#profile-edit-form .help-icon-integrated .mdc-text-field + i.tooltips:active,
form#profile-edit-form .help-icon-integrated .mdc-select + .tooltips:active,
form#profile-edit-form .help-icon-integrated .mdc-select + .tooltip-icon-custom:active {
  -webkit-transform: scale(0.95) !important;
          transform: scale(0.95) !important;
}
form#profile-edit-form .help-icon-integrated fieldset .tooltips,
form#profile-edit-form .help-icon-integrated fieldset .tooltip-icon-custom,
form#profile-edit-form .help-icon-integrated fieldset i.tooltips {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 12px !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  margin: auto 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
}
form#profile-edit-form .help-icon-integrated fieldset .tooltips:hover,
form#profile-edit-form .help-icon-integrated fieldset .tooltip-icon-custom:hover,
form#profile-edit-form .help-icon-integrated fieldset i.tooltips:hover {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
form#profile-edit-form .help-icon-integrated fieldset .tooltips:active,
form#profile-edit-form .help-icon-integrated fieldset .tooltip-icon-custom:active,
form#profile-edit-form .help-icon-integrated fieldset i.tooltips:active {
  -webkit-transform: scale(0.95) !important;
          transform: scale(0.95) !important;
}
form#profile-edit-form .help-icon-integrated h2 i.tooltips,
form#profile-edit-form .help-icon-integrated h2 i.tooltip-icon-custom,
form#profile-edit-form .help-icon-integrated h3 i.tooltips,
form#profile-edit-form .help-icon-integrated h3 i.tooltip-icon-custom,
form#profile-edit-form .help-icon-integrated h4 i.tooltips,
form#profile-edit-form .help-icon-integrated h4 i.tooltip-icon-custom,
form#profile-edit-form .help-icon-integrated h2 .tooltips,
form#profile-edit-form .help-icon-integrated h2 .tooltip-icon-custom,
form#profile-edit-form .help-icon-integrated h3 .tooltips,
form#profile-edit-form .help-icon-integrated h3 .tooltip-icon-custom,
form#profile-edit-form .help-icon-integrated h4 .tooltips,
form#profile-edit-form .help-icon-integrated h4 .tooltip-icon-custom,
form#profile-edit-form h2 i.tooltips,
form#profile-edit-form h2 i.tooltip-icon-custom,
form#profile-edit-form h3 i.tooltips,
form#profile-edit-form h3 i.tooltip-icon-custom,
form#profile-edit-form h4 i.tooltips,
form#profile-edit-form h4 i.tooltip-icon-custom,
form#profile-edit-form h2 .tooltips,
form#profile-edit-form h2 .tooltip-icon-custom,
form#profile-edit-form h3 .tooltips,
form#profile-edit-form h3 .tooltip-icon-custom,
form#profile-edit-form h4 .tooltips,
form#profile-edit-form h4 .tooltip-icon-custom {
  position: relative !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  vertical-align: middle !important;
  top: auto !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
  margin-left: 8px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  letter-spacing: normal !important;
  -webkit-font-feature-settings: "liga" 1 !important;
          font-feature-settings: "liga" 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  padding: 0 !important;
  -webkit-transform: translateY(-1px) translateX(-5px) !important;
          transform: translateY(-1px) translateX(-5px) !important;
}
form#profile-edit-form .help-icon-integrated h2 i.tooltips:hover,
form#profile-edit-form .help-icon-integrated h2 i.tooltip-icon-custom:hover,
form#profile-edit-form .help-icon-integrated h3 i.tooltips:hover,
form#profile-edit-form .help-icon-integrated h3 i.tooltip-icon-custom:hover,
form#profile-edit-form .help-icon-integrated h4 i.tooltips:hover,
form#profile-edit-form .help-icon-integrated h4 i.tooltip-icon-custom:hover,
form#profile-edit-form .help-icon-integrated h2 .tooltips:hover,
form#profile-edit-form .help-icon-integrated h2 .tooltip-icon-custom:hover,
form#profile-edit-form .help-icon-integrated h3 .tooltips:hover,
form#profile-edit-form .help-icon-integrated h3 .tooltip-icon-custom:hover,
form#profile-edit-form .help-icon-integrated h4 .tooltips:hover,
form#profile-edit-form .help-icon-integrated h4 .tooltip-icon-custom:hover,
form#profile-edit-form h2 i.tooltips:hover,
form#profile-edit-form h2 i.tooltip-icon-custom:hover,
form#profile-edit-form h3 i.tooltips:hover,
form#profile-edit-form h3 i.tooltip-icon-custom:hover,
form#profile-edit-form h4 i.tooltips:hover,
form#profile-edit-form h4 i.tooltip-icon-custom:hover,
form#profile-edit-form h2 .tooltips:hover,
form#profile-edit-form h2 .tooltip-icon-custom:hover,
form#profile-edit-form h3 .tooltips:hover,
form#profile-edit-form h3 .tooltip-icon-custom:hover,
form#profile-edit-form h4 .tooltips:hover,
form#profile-edit-form h4 .tooltip-icon-custom:hover {
  -webkit-transform: scale(1.1) translateY(-1px) translateX(-5px) !important;
          transform: scale(1.1) translateY(-1px) translateX(-5px) !important;
  background: rgba(35, 3, 106, 0.12) !important;
}
form#profile-edit-form .help-icon-integrated h2 i.tooltips:active,
form#profile-edit-form .help-icon-integrated h2 i.tooltip-icon-custom:active,
form#profile-edit-form .help-icon-integrated h3 i.tooltips:active,
form#profile-edit-form .help-icon-integrated h3 i.tooltip-icon-custom:active,
form#profile-edit-form .help-icon-integrated h4 i.tooltips:active,
form#profile-edit-form .help-icon-integrated h4 i.tooltip-icon-custom:active,
form#profile-edit-form .help-icon-integrated h2 .tooltips:active,
form#profile-edit-form .help-icon-integrated h2 .tooltip-icon-custom:active,
form#profile-edit-form .help-icon-integrated h3 .tooltips:active,
form#profile-edit-form .help-icon-integrated h3 .tooltip-icon-custom:active,
form#profile-edit-form .help-icon-integrated h4 .tooltips:active,
form#profile-edit-form .help-icon-integrated h4 .tooltip-icon-custom:active,
form#profile-edit-form h2 i.tooltips:active,
form#profile-edit-form h2 i.tooltip-icon-custom:active,
form#profile-edit-form h3 i.tooltips:active,
form#profile-edit-form h3 i.tooltip-icon-custom:active,
form#profile-edit-form h4 i.tooltips:active,
form#profile-edit-form h4 i.tooltip-icon-custom:active,
form#profile-edit-form h2 .tooltips:active,
form#profile-edit-form h2 .tooltip-icon-custom:active,
form#profile-edit-form h3 .tooltips:active,
form#profile-edit-form h3 .tooltip-icon-custom:active,
form#profile-edit-form h4 .tooltips:active,
form#profile-edit-form h4 .tooltip-icon-custom:active {
  -webkit-transform: scale(0.95) translateY(-1px) translateX(-5px) !important;
          transform: scale(0.95) translateY(-1px) translateX(-5px) !important;
}
form#profile-edit-form .editfield {
  position: relative;
}
form#profile-edit-form .mdc-select__help-icon {
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 18px;
  color: var(--primary-color, #23036A);
  cursor: help;
  pointer-events: auto;
  z-index: 2;
  -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, color 0.2s ease;
  transition: transform 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease;
}
form#profile-edit-form .mdc-select__help-icon:hover {
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1);
}
form#profile-edit-form .mdc-select__help-icon:active {
  -webkit-transform: translateY(-50%) scale(0.95);
          transform: translateY(-50%) scale(0.95);
}
form#profile-edit-form .mdc-select__help-icon:focus, form#profile-edit-form .mdc-select__help-icon[role=button]:focus-visible {
  outline: 2px solid var(--primary-color, #23036A);
  outline-offset: 2px;
}
form#profile-edit-form .mdc-select__anchor:has(.mdc-select__help-icon) .mdc-select__dropdown-icon {
  right: 40px;
}
form#profile-edit-form .mdc-text-field__help-icon {
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  font-size: 18px;
  color: var(--primary-color, #23036A);
  cursor: help;
  pointer-events: auto;
  z-index: 2;
  -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease;
  transition: color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, color 0.2s ease;
  transition: transform 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease;
}
form#profile-edit-form .mdc-text-field__help-icon:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
form#profile-edit-form .mdc-text-field__help-icon:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
form#profile-edit-form .mdc-text-field__help-icon:focus, form#profile-edit-form .mdc-text-field__help-icon[role=button]:focus-visible {
  outline: 2px solid var(--primary-color, #23036A);
  outline-offset: 2px;
}
form#profile-edit-form .mdc-text-field--with-help-icon .mdc-text-field__input {
  padding-right: 40px;
}
form#profile-edit-form .mdc-select__menu,
form#profile-edit-form .mdc-menu-surface,
form#profile-edit-form .mdc-select .mdc-menu-surface {
  z-index: 3500000 !important;
  background-color: #FFFFFF !important;
}
form#profile-edit-form .bp-profile__submenu,
form#profile-edit-form .form-submenu {
  z-index: 1 !important;
}
form#profile-edit-form fieldset,
form#profile-edit-form .editfield fieldset,
form#profile-edit-form .field-wrapper fieldset,
form#profile-edit-form .form-field fieldset {
  z-index: auto !important;
  position: static !important;
}

.bp-u-hidden {
  display: none;
}
.bp-u-visible {
  display: block;
}
.bp-u-text-center {
  text-align: center;
}
.bp-u-mt-lg {
  margin-top: var(--bp-form-spacing);
}
.bp-u-mb-lg {
  margin-bottom: var(--bp-form-spacing);
}

@media (max-width: 768px) {
  .bp-profile__form--grid {
    grid-template-columns: 1fr;
  }
  .bp-profile__field--half-width {
    grid-column: 1/-1;
  }
  .bp-profile__button-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bp-profile__button-group .bp-profile__button {
    width: 100%;
  }

  form#profile-edit-form {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: var(--spacing-md, 16px) !important;
    gap: var(--spacing-md, 16px) !important;
  }
  form#profile-edit-form .editfield,
form#profile-edit-form .field-wrapper,
form#profile-edit-form .form-field,
form#profile-edit-form div.field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  form#profile-edit-form .editfield .mdc-text-field,
form#profile-edit-form .editfield .mdc-text-field--outlined,
form#profile-edit-form .editfield .mdc-text-field--filled,
form#profile-edit-form .field-wrapper .mdc-text-field,
form#profile-edit-form .field-wrapper .mdc-text-field--outlined,
form#profile-edit-form .field-wrapper .mdc-text-field--filled,
form#profile-edit-form .form-field .mdc-text-field,
form#profile-edit-form .form-field .mdc-text-field--outlined,
form#profile-edit-form .form-field .mdc-text-field--filled,
form#profile-edit-form div.field .mdc-text-field,
form#profile-edit-form div.field .mdc-text-field--outlined,
form#profile-edit-form div.field .mdc-text-field--filled {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  form#profile-edit-form .editfield .mdc-text-field__input,
form#profile-edit-form .field-wrapper .mdc-text-field__input,
form#profile-edit-form .form-field .mdc-text-field__input,
form#profile-edit-form div.field .mdc-text-field__input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  form#profile-edit-form .editfield .mdc-select,
form#profile-edit-form .editfield .mdc-select--outlined,
form#profile-edit-form .field-wrapper .mdc-select,
form#profile-edit-form .field-wrapper .mdc-select--outlined,
form#profile-edit-form .form-field .mdc-select,
form#profile-edit-form .form-field .mdc-select--outlined,
form#profile-edit-form div.field .mdc-select,
form#profile-edit-form div.field .mdc-select--outlined {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  form#profile-edit-form .editfield .mdc-select__anchor,
form#profile-edit-form .field-wrapper .mdc-select__anchor,
form#profile-edit-form .form-field .mdc-select__anchor,
form#profile-edit-form div.field .mdc-select__anchor {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  form#profile-edit-form .editfield input[type=text],
form#profile-edit-form .editfield input[type=email],
form#profile-edit-form .editfield input[type=number],
form#profile-edit-form .editfield input[type=tel],
form#profile-edit-form .editfield input[type=url],
form#profile-edit-form .editfield textarea,
form#profile-edit-form .editfield select,
form#profile-edit-form .field-wrapper input[type=text],
form#profile-edit-form .field-wrapper input[type=email],
form#profile-edit-form .field-wrapper input[type=number],
form#profile-edit-form .field-wrapper input[type=tel],
form#profile-edit-form .field-wrapper input[type=url],
form#profile-edit-form .field-wrapper textarea,
form#profile-edit-form .field-wrapper select,
form#profile-edit-form .form-field input[type=text],
form#profile-edit-form .form-field input[type=email],
form#profile-edit-form .form-field input[type=number],
form#profile-edit-form .form-field input[type=tel],
form#profile-edit-form .form-field input[type=url],
form#profile-edit-form .form-field textarea,
form#profile-edit-form .form-field select,
form#profile-edit-form div.field input[type=text],
form#profile-edit-form div.field input[type=email],
form#profile-edit-form div.field input[type=number],
form#profile-edit-form div.field input[type=tel],
form#profile-edit-form div.field input[type=url],
form#profile-edit-form div.field textarea,
form#profile-edit-form div.field select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  form#profile-edit-form .editfield fieldset,
form#profile-edit-form .field-wrapper fieldset,
form#profile-edit-form .form-field fieldset,
form#profile-edit-form div.field fieldset {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
  form#profile-edit-form .datebox-grid-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  form#profile-edit-form .datebox-grid-inner {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-sm, 12px) !important;
    width: 100% !important;
  }
  form#profile-edit-form .datebox-day-container,
form#profile-edit-form .datebox-month-container,
form#profile-edit-form .datebox-year-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  form#profile-edit-form .datebox-day-container .mdc-select,
form#profile-edit-form .datebox-month-container .mdc-select,
form#profile-edit-form .datebox-year-container .mdc-select {
    width: 100% !important;
    max-width: 100% !important;
  }
  form#profile-edit-form .profile-action-bar,
form#profile-edit-form .bp-profile__actions {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    gap: 16px !important;
    margin-top: var(--spacing-lg, 24px) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--spacing-xl, 32px)) !important;
    margin-bottom: var(--spacing-xl, 32px) !important;
  }
  form#profile-edit-form .profile-action-bar button,
form#profile-edit-form .profile-action-bar .mdc-button,
form#profile-edit-form .profile-action-bar input[type=submit],
form#profile-edit-form .profile-action-bar input[type=button],
form#profile-edit-form .bp-profile__actions button,
form#profile-edit-form .bp-profile__actions .mdc-button,
form#profile-edit-form .bp-profile__actions input[type=submit],
form#profile-edit-form .bp-profile__actions input[type=button] {
    width: 100% !important;
    min-width: unset !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    min-height: 48px !important;
  }

  .bp-profile__submenu,
.form-submenu {
    border-radius: 4px !important;
    margin-bottom: 12px !important;
  }
  .bp-profile__submenu > div,
.bp-profile__submenu .mdc-layout-grid__cell > div,
.form-submenu > div,
.form-submenu .mdc-layout-grid__cell > div {
    min-height: 40px !important;
    max-height: 56px !important;
    height: auto !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    border-radius: 4px !important;
  }
  .bp-profile__submenu .submenu-action-button,
.bp-profile__submenu button.mdc-icon-button,
.bp-profile__submenu .mdc-icon-button.material-icons,
.form-submenu .submenu-action-button,
.form-submenu button.mdc-icon-button,
.form-submenu .mdc-icon-button.material-icons {
    display: none !important;
  }
  .bp-profile__submenu .submenu-content,
.form-submenu .submenu-content {
    gap: 8px !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .bp-profile__submenu .submenu-title,
.bp-profile__submenu a,
.form-submenu .submenu-title,
.form-submenu a {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
  }
  .bp-profile__submenu .status-chip,
.form-submenu .status-chip {
    padding: 3px 8px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    line-height: 1.2 !important;
  }
  .bp-profile__submenu .status-chip .status-icon,
.form-submenu .status-chip .status-icon {
    font-size: 13px !important;
  }

  .bp-profile__submenu--active,
.form-submenu-active {
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
  }
  .bp-profile__submenu--active > div,
.form-submenu-active > div {
    min-height: 40px !important;
    max-height: 56px !important;
    padding: 8px 12px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    border-radius: 4px 4px 0 0 !important;
  }

  .bp-profile__submenu-container,
.form-submenus-container {
    gap: 12px !important;
    margin-bottom: var(--spacing-md, 16px) !important;
  }

  .bp-profile__submenu--continuation {
    padding: 0 !important;
  }
  .bp-profile__submenu--continuation .bp-profile__submenu, .bp-profile__submenu--continuation .form-submenu {
    border-radius: 4px !important;
  }
  .bp-profile__submenu--continuation .bp-profile__submenu > div, .bp-profile__submenu--continuation .form-submenu > div,
.bp-profile__submenu--continuation .bp-profile__submenu .mdc-layout-grid__cell > div,
.bp-profile__submenu--continuation .form-submenu .mdc-layout-grid__cell > div {
    padding: 8px 12px !important;
    min-height: 40px !important;
    max-height: 56px !important;
    border-radius: 4px !important;
  }

  form#profile-edit-form {
    gap: 8px !important;
    padding: 12px !important;
  }
}
[data-theme=dark] .bp-profile__form--editing {
  background: var(--surface-dark, #1e1e1e);
}
[data-theme=dark] .bp-profile__field-input {
  background: var(--surface-dark, #1e1e1e);
  border-color: var(--border-dark, #333);
  color: var(--text-primary-dark);
}
[data-theme=dark] .bp-profile__field-input:focus {
  border-color: var(--primary-light);
}

#helpCloseButton,
.help-close-btn {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: white;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#helpCloseButton .bp-profile__icon,
.help-close-btn .bp-profile__icon {
  font-size: 20px;
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined";
  line-height: 1;
}
#helpCloseButton:hover,
.help-close-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}
#helpCloseButton:active,
.help-close-btn:active {
  background: rgba(255, 255, 255, 0.2);
}

body.profile-edit form#profile-edit-form .mdc-select__menu .mdc-deprecated-list,
body.profile-edit form#profile-edit-form .mdc-menu-surface .mdc-deprecated-list {
  background-color: #FFFFFF !important;
}
body.profile-edit form#profile-edit-form .mdc-select .mdc-select__menu .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected),
body.profile-edit form#profile-edit-form .mdc-select .mdc-menu-surface .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected) {
  background-color: transparent !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
body.profile-edit form#profile-edit-form .mdc-select .mdc-select__menu .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected) .mdc-deprecated-list-item__text,
body.profile-edit form#profile-edit-form .mdc-select .mdc-menu-surface .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected) .mdc-deprecated-list-item__text {
  color: rgba(0, 0, 0, 0.87) !important;
}
body.profile-edit form#profile-edit-form .mdc-select .mdc-select__menu .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected) .mdc-deprecated-list-item__graphic,
body.profile-edit form#profile-edit-form .mdc-select .mdc-menu-surface .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected) .mdc-deprecated-list-item__graphic {
  color: rgba(0, 0, 0, 0.54) !important;
}
body.profile-edit form#profile-edit-form .mdc-select .mdc-select__menu .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):hover,
body.profile-edit form#profile-edit-form .mdc-select .mdc-menu-surface .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
body.profile-edit form#profile-edit-form .mdc-select .mdc-select__menu .mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.profile-edit form#profile-edit-form .mdc-select .mdc-menu-surface .mdc-deprecated-list-item.mdc-deprecated-list-item--selected {
  background-color: rgba(35, 3, 106, 0.08) !important;
  color: var(--primary-color, #23036A) !important;
}
body.profile-edit form#profile-edit-form .mdc-select .mdc-select__menu .mdc-deprecated-list-item.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__text,
body.profile-edit form#profile-edit-form .mdc-select .mdc-menu-surface .mdc-deprecated-list-item.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__text {
  color: var(--primary-color, #23036A) !important;
}

.mdc-dialog {
  z-index: 3000000 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  pointer-events: none !important;
}
.mdc-dialog.mdc-dialog--open, .mdc-dialog.mdc-dialog--opening {
  pointer-events: auto !important;
}

.mdc-dialog__scrim {
  z-index: 2999999 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.32) !important;
  pointer-events: none !important;
}

.mdc-dialog--open .mdc-dialog__scrim {
  pointer-events: auto !important;
}

.mdc-dialog__container {
  z-index: 3000001 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

.mdc-dialog--open .mdc-dialog__container {
  pointer-events: none !important;
}

.mdc-dialog__surface {
  z-index: 3000002 !important;
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  max-width: 880px !important;
  max-height: calc(100vh - 160px) !important;
  margin: auto !important;
  background: var(--surface-color, #FFFFFF) !important;
  border-radius: var(--border-radius-medium, 12px) !important;
  -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.mdc-dialog--open .mdc-dialog__surface {
  pointer-events: auto !important;
}

.mdc-dialog__header {
  z-index: 2003 !important;
  padding: var(--spacing-lg, 24px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.mdc-dialog__title {
  font-size: var(--font-size-h4, 1.25rem) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  color: var(--text-primary, #1A1A1A) !important;
}

.mdc-dialog__content {
  z-index: 2003 !important;
  padding: var(--spacing-lg, 24px) !important;
  overflow-x: hidden !important;
  /* FIXED: Prevent horizontal overflow in dialog */
  overflow-y: auto !important;
  /* FIXED: Allow vertical scrolling for long content */
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  max-height: calc(100vh - 200px) !important;
  /* FIXED: Ensure content fits in viewport */
  /* Unified teal scrollbar - uses global styles from _design-tokens.scss */
  /* Dialog-specific overrides for visibility */
  scrollbar-width: thin !important;
  /* Firefox */
  scrollbar-color: var(--secondary-light, #14A085) var(--secondary-color, #0D7377) !important;
  /* Firefox - teal style */
  /* WebKit/Chromium scrollbar styling - teal theme */
}
.mdc-dialog__content::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  background: var(--secondary-color, #0D7377) !important;
}
.mdc-dialog__content::-webkit-scrollbar-track {
  background: var(--secondary-color, #0D7377) !important;
  border-radius: 1ex !important;
}
.mdc-dialog__content::-webkit-scrollbar-thumb {
  background: var(--secondary-light, #14A085) !important;
  border-radius: 1ex !important;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75) !important;
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75) !important;
}
.mdc-dialog__content::-webkit-scrollbar-thumb:hover {
  background: #17b596 !important;
}
.mdc-dialog__content::-webkit-scrollbar-corner {
  background: var(--secondary-color, #0D7377) !important;
}
.mdc-dialog__content .mdc-text-field {
  margin-bottom: var(--spacing-md, 16px) !important;
  max-width: 100% !important;
  /* FIXED: Prevent text fields from overflowing */
}
.mdc-dialog__content .mdc-text-field input, .mdc-dialog__content .mdc-text-field textarea {
  max-width: 100% !important;
  /* FIXED: Ensure inputs respect container width */
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.mdc-dialog__actions {
  z-index: 2003 !important;
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  gap: var(--spacing-md, 16px) !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.mdc-dialog__button {
  min-width: 64px;
  height: 36px;
  padding: 0 16px;
  border: none;
  border-radius: var(--border-radius-pill, 999px);
  font-family: "Ubuntu", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mdc-dialog__button:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2, 0 4px 8px rgba(0, 0, 0, 0.15));
          box-shadow: var(--elevation-2, 0 4px 8px rgba(0, 0, 0, 0.15));
}
.mdc-dialog__button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mdc-dialog--fullscreen .mdc-dialog__surface {
  max-width: min(1200px, 100vw - 80px) !important;
  max-height: calc(100vh - 80px) !important;
  width: 1200px !important;
  height: auto !important;
  margin: auto !important;
}

@media (max-width: 768px) {
  .mdc-dialog__surface {
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 32px) !important;
    margin: 16px !important;
  }

  .mdc-dialog--fullscreen .mdc-dialog__surface {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
}
[class*=modal][class*="7"]:not([class*=modal] [class*=modal]) {
  z-index: 4000000 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  overflow: auto !important;
  overflow-x: auto !important;
  display: block !important;
}
[class*=modal][class*="7"] .mdc-data-table__table-container {
  overflow-x: auto !important;
  max-width: 100% !important;
}
[class*=modal][class*="7"] .mdc-data-table__table {
  min-width: -webkit-max-content !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}

button[id*=close-button] {
  display: none !important;
}

button[id*=open-button] {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.bp-person-chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm, 8px);
  margin-bottom: var(--spacing-lg, 24px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bp-person-chip .bp-person-chip__button,
.bp-person-chip .mdc-evolution-chip__action {
  background-color: var(--neutral-bg, #E0E0E0) !important;
  color: var(--text-primary, #1A1A1A) !important;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 16px !important;
  padding: 6px 12px !important;
  min-height: 41px !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 8px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
.bp-person-chip .bp-person-chip__button:hover,
.bp-person-chip .mdc-evolution-chip__action:hover {
  background-color: #BDBDBD !important;
  -webkit-transform: translateY(-1px) !important;
          transform: translateY(-1px) !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}
.bp-person-chip .bp-person-chip__button:active,
.bp-person-chip .mdc-evolution-chip__action:active {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.bp-person-chip .bp-person-chip__button:focus,
.bp-person-chip .mdc-evolution-chip__action:focus {
  outline: 2px solid var(--primary-color, #23036A) !important;
  outline-offset: 2px !important;
}
.bp-person-chip .mdc-evolution-chip__icon {
  font-size: 24px !important;
  color: currentColor !important;
}
.bp-person-chip.bp-person-chip--selected .bp-person-chip__button,
.bp-person-chip.bp-person-chip--selected .mdc-evolution-chip__action, .bp-person-chip.selected .bp-person-chip__button,
.bp-person-chip.selected .mdc-evolution-chip__action {
  background-color: var(--primary-color, #23036A) !important;
  color: var(--text-on-primary, #FFFFFF) !important;
}
.bp-person-chip.bp-person-chip--selected .bp-person-chip__button:hover,
.bp-person-chip.bp-person-chip--selected .mdc-evolution-chip__action:hover, .bp-person-chip.selected .bp-person-chip__button:hover,
.bp-person-chip.selected .mdc-evolution-chip__action:hover {
  background-color: var(--primary-dark, #1A0250) !important;
  -webkit-transform: translateY(-1px) !important;
          transform: translateY(-1px) !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}
.bp-person-chip.bp-person-chip--selected .mdc-evolution-chip__icon, .bp-person-chip.selected .mdc-evolution-chip__icon {
  color: var(--text-on-primary, #FFFFFF) !important;
}

@media (max-width: 768px) {
  .bp-person-chips {
    gap: var(--spacing-sm, 8px);
    margin-bottom: var(--spacing-md, 16px);
  }

  .bp-person-chip .bp-person-chip__button,
.bp-person-chip .mdc-evolution-chip__action {
    min-height: 44px !important;
    padding: 8px 12px !important;
  }
}
.buddypress-template-default .bp-profile__content .mdc-data-table,
.page-template-default .bp-profile__content .mdc-data-table {
  display: block !important;
  width: 100%;
  background: var(--surface-color, #FFFFFF);
  border-radius: var(--border-radius-medium, 12px);
  overflow: hidden;
  -webkit-box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12));
          box-shadow: var(--elevation-1, 0 2px 4px rgba(0, 0, 0, 0.12));
}
.buddypress-template-default .bp-profile__content .mdc-data-table__table-container,
.page-template-default .bp-profile__content .mdc-data-table__table-container {
  width: 100%;
  overflow-x: auto;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__table,
.page-template-default .bp-profile__content .mdc-data-table__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row,
.page-template-default .bp-profile__content .mdc-data-table__row {
  position: relative;
  height: 58px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row:hover,
.page-template-default .bp-profile__content .mdc-data-table__row:hover {
  background: rgba(35, 3, 106, 0.08) !important;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row:last-child,
.page-template-default .bp-profile__content .mdc-data-table__row:last-child {
  border-bottom: none;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row--selected,
.page-template-default .bp-profile__content .mdc-data-table__row--selected {
  background: rgba(35, 3, 106, 0.12) !important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(35, 3, 106, 0.2), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0 0 1px rgba(35, 3, 106, 0.2), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row--selected:hover,
.page-template-default .bp-profile__content .mdc-data-table__row--selected:hover {
  background: rgba(35, 3, 106, 0.16) !important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(35, 3, 106, 0.3), 0 2px 4px rgba(0, 0, 0, 0.12);
          box-shadow: inset 0 0 0 1px rgba(35, 3, 106, 0.3), 0 2px 4px rgba(0, 0, 0, 0.12);
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell,
.page-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell {
  font-weight: 500 !important;
  color: var(--primary-dark, #1A0250) !important;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell:first-child,
.page-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell:first-child {
  position: relative;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell:first-child::before,
.page-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--primary-color, #23036A);
  border-radius: 4px 0 0 4px;
  pointer-events: none;
  z-index: 1;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-icon-button,
.page-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-icon-button {
  color: var(--primary-color, #23036A) !important;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-icon-button:hover,
.page-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-icon-button:hover {
  background: rgba(35, 3, 106, 0.12);
}
.buddypress-template-default .bp-profile__content .mdc-data-table__cell,
.page-template-default .bp-profile__content .mdc-data-table__cell {
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
  vertical-align: middle;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__cell:nth-child(1),
.page-template-default .bp-profile__content .mdc-data-table__cell:nth-child(1) {
  text-align: left !important;
  min-width: 200px !important;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__cell:nth-child(2),
.page-template-default .bp-profile__content .mdc-data-table__cell:nth-child(2) {
  text-align: right !important;
  white-space: nowrap;
  width: 1% !important;
  min-width: 120px !important;
  max-width: 150px !important;
  padding-right: 24px;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button,
.page-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button {
  width: 40px;
  height: 40px;
  padding: 8px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  vertical-align: middle;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button:hover,
.page-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button:hover {
  background: rgba(0, 0, 0, 0.08);
  color: var(--primary-color, #23036A);
}
.buddypress-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button.material-icons,
.page-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button.material-icons {
  font-size: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.buddypress-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button .mdc-icon-button__ripple,
.page-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button .mdc-icon-button__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 768px) {
  .buddypress-template-default .bp-profile__content .mdc-data-table__row--selected::before,
.page-template-default .bp-profile__content .mdc-data-table__row--selected::before {
    width: 3px;
  }
  .buddypress-template-default .bp-profile__content .mdc-data-table__cell,
.page-template-default .bp-profile__content .mdc-data-table__cell {
    padding: 12px 8px;
  }
  .buddypress-template-default .bp-profile__content .mdc-data-table .mdc-icon-button,
.page-template-default .bp-profile__content .mdc-data-table .mdc-icon-button {
    width: 36px;
    height: 36px;
    padding: 6px;
  }
  .buddypress-template-default .bp-profile__content .mdc-data-table .mdc-icon-button.material-icons,
.page-template-default .bp-profile__content .mdc-data-table .mdc-icon-button.material-icons {
    font-size: 20px;
  }
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table {
  background: var(--surface-dark, #1E1E1E);
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__row,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__row {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__row:hover,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__row:hover {
  background: rgba(74, 46, 124, 0.12) !important;
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__row--selected,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__row--selected {
  background: rgba(74, 46, 124, 0.16) !important;
  -webkit-box-shadow: inset 0 0 0 1px rgba(74, 46, 124, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0 1px rgba(74, 46, 124, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__row--selected::before,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__row--selected::before {
  background: var(--primary-light, #4A2E7C);
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__row--selected:hover,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__row--selected:hover {
  background: rgba(74, 46, 124, 0.2) !important;
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-data-table__cell {
  color: var(--primary-light, #4A2E7C) !important;
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-icon-button,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__row--selected .mdc-icon-button {
  color: var(--primary-light, #4A2E7C) !important;
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__cell,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__cell {
  color: rgba(255, 255, 255, 0.87);
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button {
  color: rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .buddypress-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button:hover,
[data-theme=dark] .page-template-default .bp-profile__content .mdc-data-table__cell .mdc-icon-button:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--primary-light, #4A2E7C);
}

.bp-profile__field-label {
  display: block;
  min-height: 24px;
  font-family: var(--font-family, "Ubuntu", sans-serif);
  font-size: 15.2px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 4px;
  line-height: 1.4;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bp-profile__field-label.bp-profile__field-label--focused {
  color: var(--primary, #6200EA);
}
.bp-profile__field-label.bp-profile__field-label--required::after {
  content: " *";
  color: #B00020;
  font-weight: 500;
  display: inline !important;
}

.bp-profile__label-subtext {
  font-size: 12.8px;
  line-height: 1.35;
  color: #666666;
  font-weight: 300;
  margin-top: 3px;
  display: block;
}

.bp-profile__field-help,
.description {
  min-height: 32px;
  margin-top: 8px;
  padding: 6px 10px;
  background: #E8F5F6;
  border-radius: 6px;
  font-size: 12.8px;
  line-height: 1.35;
  color: #0D7377;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font-family, "Ubuntu", sans-serif);
}
.bp-profile__field-help:empty,
.description:empty {
  display: none;
}
.bp-profile__field-help:has(ol, ul),
.description:has(ol, ul) {
  display: block;
}
.bp-profile__field-help:has(ol, ul) ol, .bp-profile__field-help:has(ol, ul) ul,
.description:has(ol, ul) ol,
.description:has(ol, ul) ul {
  margin: 4px 0 0 0;
  padding-left: 20px;
}
.bp-profile__field-help:has(ol, ul) li,
.description:has(ol, ul) li {
  margin-bottom: 2px;
}

.mdc-text-field--no-label .mdc-notched-outline__notch {
  display: none;
}
.mdc-text-field--no-label .mdc-notched-outline__leading, .mdc-text-field--no-label .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--no-label .mdc-text-field__input {
  padding-top: 14px;
  padding-bottom: 14px;
}
.mdc-text-field--no-label.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--no-label.mdc-text-field--focused .mdc-notched-outline__trailing, .mdc-text-field--no-label.mdc-text-field--focused .mdc-notched-outline__notch {
  border-color: var(--primary, #6200EA);
  border-width: 2px;
}
.mdc-text-field--no-label.mdc-text-field--invalid .mdc-notched-outline__leading, .mdc-text-field--no-label.mdc-text-field--invalid .mdc-notched-outline__trailing, .mdc-text-field--no-label.mdc-text-field--invalid .mdc-notched-outline__notch {
  border-color: var(--error, #B00020);
}
.mdc-text-field--no-label.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--no-label.mdc-text-field--disabled .mdc-notched-outline__trailing, .mdc-text-field--no-label.mdc-text-field--disabled .mdc-notched-outline__notch {
  border-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--no-label.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.38);
}

.bp-profile .editfield .bp-profile__field-label + .mdc-text-field,
.bp-profile .field-wrapper .bp-profile__field-label + .mdc-text-field {
  margin-top: 0;
}
.bp-profile .editfield fieldset,
.bp-profile .field-wrapper fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.bp-profile .editfield fieldset > .bp-profile__field-label,
.bp-profile .field-wrapper fieldset > .bp-profile__field-label {
  margin-bottom: 0.5rem;
}
.bp-profile .editfield fieldset > .mdc-text-field,
.bp-profile .field-wrapper fieldset > .mdc-text-field {
  width: 100%;
}

.field-error .mdc-text-field .mdc-notched-outline__leading, .field-error .mdc-text-field .mdc-notched-outline__trailing, .field-error .mdc-text-field .mdc-notched-outline__notch,
.field-error .mdc-select .mdc-notched-outline__leading,
.field-error .mdc-select .mdc-notched-outline__trailing,
.field-error .mdc-select .mdc-notched-outline__notch {
  border-color: var(--error, #B00020) !important;
  border-width: 2px;
}
.field-error .mdc-floating-label,
.field-error .bp-profile__field-label {
  color: var(--error, #B00020) !important;
}

.field-input--invalid {
  border-color: var(--error, #B00020) !important;
  background-color: rgba(176, 0, 32, 0.04) !important;
}
.field-input--invalid:focus {
  border-color: var(--error, #B00020) !important;
  -webkit-box-shadow: 0 0 0 1px var(--error, #B00020) !important;
          box-shadow: 0 0 0 1px var(--error, #B00020) !important;
}

.field-error-text {
  display: block;
  color: var(--error, #B00020);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.0333333em;
  margin-top: 4px;
  padding-left: 16px;
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  -webkit-animation: fieldErrorFadeIn 0.2s ease-out;
          animation: fieldErrorFadeIn 0.2s ease-out;
}

@-webkit-keyframes fieldErrorFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fieldErrorFadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.mdc-select--invalid .mdc-select__anchor {
  border-color: var(--error, #B00020) !important;
}
.mdc-select--invalid .mdc-notched-outline__leading, .mdc-select--invalid .mdc-notched-outline__trailing, .mdc-select--invalid .mdc-notched-outline__notch {
  border-color: var(--error, #B00020) !important;
  border-width: 2px;
}
.mdc-select--invalid .mdc-floating-label {
  color: var(--error, #B00020) !important;
}
.mdc-select--invalid .mdc-select__dropdown-icon {
  fill: var(--error, #B00020) !important;
}

.mdc-dialog .field-error-text {
  padding-left: 0;
  margin-top: 6px;
}
.mdc-dialog .field-error {
  margin-bottom: 8px;
}

.tool_admin_edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  margin: 12px 0;
  background-color: #f5f5f5;
  border-left: 4px solid #0073aa;
  border-radius: 4px;
}
.tool_admin_edit a,
.tool_admin_edit button {
  padding: 6px 12px;
  border-radius: var(--border-radius-pill, 999px);
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #ccc;
  background: white;
  color: #333;
}
.tool_admin_edit a:hover,
.tool_admin_edit button:hover {
  background: #0073aa;
  color: white;
  border-color: #0073aa;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tool_admin_edit a:active,
.tool_admin_edit button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tool_admin_edit a:disabled,
.tool_admin_edit button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: #e0e0e0;
}
.tool_admin_edit a:disabled:hover,
.tool_admin_edit button:disabled:hover {
  background: #e0e0e0;
  color: #333;
  border-color: #ccc;
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tool_admin_edit .bp-admin-tooltip-btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  font-weight: 500;
  padding: 8px 14px;
}
.tool_admin_edit .bp-admin-tooltip-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
          box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
}
.tool_admin_edit .bp-admin-tooltip-btn[data-tooltip-exists="1"] {
  background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
}
.tool_admin_edit .bp-admin-tooltip-btn[data-tooltip-exists="1"]:hover:not(:disabled) {
  background: linear-gradient(135deg, #38a169 0%, #48bb78 100%);
  -webkit-box-shadow: 0 4px 8px rgba(72, 187, 120, 0.3);
          box-shadow: 0 4px 8px rgba(72, 187, 120, 0.3);
}
@media (max-width: 768px) {
  .tool_admin_edit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .tool_admin_edit a,
.tool_admin_edit button {
    width: 100%;
    text-align: center;
  }
}

.field-label + .vonbis-layout-container + .description,
.vonbis-layout-container ~ .description {
  display: none !important;
}

.vonbis-layout-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .vonbis-layout-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.vonbis-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px .vonbis-section -title;
  gap-font-family: var(--mdc-typography-subtitle1-font-family, Roboto, sans-serif);
  gap-font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  gap-font-weight: var(--mdc-typography-subtitle1-font-weight, 500);
  gap-line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  gap-letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  gap-color: rgba(0, 0, 0, 0.87);
  gap-margin: 0 0 8px 0;
  gap-padding-bottom: 8px;
  gap-border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.vonbis-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.vonbis-field-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.vonbis-field-row > [class*=mdc-layout-grid__cell] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  max-width: none;
  width: auto !important;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vonbis-field-row > .mdc-select,
.vonbis-field-row > [class*=mdc-layout-grid__cell] > .mdc-select {
  width: 100%;
}
@media (max-width: 480px) {
  .vonbis-field-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .vonbis-field-row > .mdc-select,
.vonbis-field-row > [class*=mdc-layout-grid__cell] {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.bp-sum-fields-container {
  margin-top: 24px;
  margin-bottom: 16px;
}

.bp-sum-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 28px;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
  background: var(--surface, #FFFFFF);
  -webkit-animation: bp-sum-slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) backwards;
          animation: bp-sum-slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}
.bp-sum-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(13, 115, 119, 0.04);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.bp-sum-row:hover::before {
  opacity: 1;
}
.bp-sum-row:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 28px;
  right: 28px;
  height: 1px;
  background: var(--border-color, #E5E5E5);
  opacity: 0.5;
}
.bp-sum-row:nth-child(1) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
.bp-sum-row:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.bp-sum-row:nth-child(3) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.bp-sum-row:nth-child(4) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.bp-sum-row:nth-child(5) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.bp-sum-row:nth-child(6) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.bp-sum-row:nth-child(7) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
@media (max-width: 768px) {
  .bp-sum-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
  }
  .bp-sum-row::after {
    left: 20px;
    right: 20px;
  }
}

.bp-sum-label {
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  letter-spacing: 0.01em;
  line-height: 1.5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
}
@media (max-width: 768px) {
  .bp-sum-label {
    font-size: 0.95rem;
  }
}

.bp-sum-label-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.08) 0%, rgba(13, 115, 119, 0.12) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.bp-sum-row:hover .bp-sum-label-icon {
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.12) 0%, rgba(13, 115, 119, 0.16) 100%);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.bp-sum-label-icon .material-icons {
  font-size: 20px;
  color: var(--secondary-color, #0D7377);
}

.bp-sum-label-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bp-sum-value {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--secondary-color, #0D7377);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  letter-spacing: -0.01em;
  white-space: nowrap;
  z-index: 1;
  font-variant-numeric: tabular-nums;
  -webkit-animation: bp-sum-countUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
          animation: bp-sum-countUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}
@media (max-width: 768px) {
  .bp-sum-value {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.2rem;
  }
}

.bp-sum-info-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.bp-sum-info-btn::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: var(--secondary-color, #0D7377);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.bp-sum-info-btn:hover::before {
  opacity: 0.08;
}
.bp-sum-info-btn:active::before {
  opacity: 0.16;
}
.bp-sum-info-btn .material-icons {
  font-size: 20px;
  color: #666666;
  -webkit-transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.bp-sum-info-btn:hover .material-icons {
  color: var(--secondary-color, #0D7377);
}

.bp-sum-divider {
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, var(--border-color, #E5E5E5)), color-stop(80%, var(--border-color, #E5E5E5)), to(transparent));
  background: linear-gradient(90deg, transparent 0%, var(--border-color, #E5E5E5) 20%, var(--border-color, #E5E5E5) 80%, transparent 100%);
  margin: 16px 28px;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .bp-sum-divider {
    margin: 12px 20px;
  }
}

.bp-sum-row--highlight {
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.04) 0%, rgba(13, 115, 119, 0.08) 100%);
  margin: 12px 16px;
  border-radius: 12px;
  padding: 24px 28px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
}
.bp-sum-row--highlight::after {
  display: none;
}
.bp-sum-row--highlight .bp-sum-label {
  font-weight: 500;
}
.bp-sum-row--highlight .bp-sum-value {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary-color, #23036A);
}
@media (max-width: 768px) {
  .bp-sum-row--highlight .bp-sum-value {
    font-size: 1.5rem;
  }
}
.bp-sum-row--highlight .bp-sum-label-icon {
  background: linear-gradient(135deg, var(--secondary-color, #0D7377) 0%, #14A085 100%);
  -webkit-box-shadow: 0 2px 8px rgba(13, 115, 119, 0.3);
          box-shadow: 0 2px 8px rgba(13, 115, 119, 0.3);
}
.bp-sum-row--highlight .bp-sum-label-icon .material-icons {
  color: white;
}

@-webkit-keyframes bp-sum-slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bp-sum-slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bp-sum-countUp {
  from {
    opacity: 0.5;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bp-sum-countUp {
  from {
    opacity: 0.5;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.bp-sum-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 24px;
  background: var(--surface, #FFFFFF);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-animation: bp-sum-slideInUp 0.3s ease-out backwards;
          animation: bp-sum-slideInUp 0.3s ease-out backwards;
}
.bp-sum-row::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(13, 115, 119, 0.04);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.bp-sum-row:hover::before {
  opacity: 1;
}
.bp-sum-row::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 24px;
  right: 24px;
  height: 1px;
  background: var(--border-color, #E5E5E5);
  opacity: 0.4;
}
.bp-sum-row:last-child::after {
  display: none;
}
.bp-sum-row__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.bp-sum-row__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.08) 0%, rgba(13, 115, 119, 0.12) 100%);
  border-radius: 10px;
  color: var(--secondary-color, #0D7377);
  font-size: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.bp-sum-row__icon.material-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bp-sum-row:hover .bp-sum-row__icon {
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.12) 0%, rgba(13, 115, 119, 0.18) 100%);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.bp-sum-row__label {
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bp-sum-row__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 24px;
  position: relative;
  z-index: 5;
}
.bp-sum-row__value {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--secondary-color, #0D7377);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.bp-sum-row__currency {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--secondary-color, #0D7377);
  opacity: 0.9;
}
.bp-sum-row__help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: #666666;
  font-size: 20px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-left: 8px;
  position: relative;
  z-index: 10;
}
.bp-sum-row__help.material-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bp-sum-row__help:hover {
  background: rgba(0, 0, 0, 0.04);
  color: var(--secondary-color, #0D7377);
}
.bp-sum-row__help:focus {
  outline: none;
  background: rgba(13, 115, 119, 0.12);
}
.bp-sum-row--highlight {
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.06) 0%, rgba(13, 115, 119, 0.1) 100%);
  margin: 16px 0;
  padding: 20px 28px;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 12px rgba(13, 115, 119, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(13, 115, 119, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(13, 115, 119, 0.12);
}
.bp-sum-row--highlight::after {
  display: none;
}
.bp-sum-row--highlight::before {
  border-radius: 16px;
}
.bp-sum-row--highlight .bp-sum-row__icon {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #0D7377 0%, #14A085 100%);
  color: white;
  font-size: 22px;
  -webkit-box-shadow: 0 4px 12px rgba(13, 115, 119, 0.35);
          box-shadow: 0 4px 12px rgba(13, 115, 119, 0.35);
  border-radius: 12px;
}
.bp-sum-row--highlight:hover .bp-sum-row__icon {
  background: linear-gradient(135deg, #0a5f62 0%, #0D7377 100%);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.bp-sum-row--highlight .bp-sum-row__label {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1a1a2e;
}
.bp-sum-row--highlight .bp-sum-row__value {
  font-size: 2rem;
  font-weight: 700;
  color: #0066B3 !important;
  letter-spacing: -0.02em;
}
.bp-sum-row--highlight .bp-sum-row__currency {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0066B3 !important;
  opacity: 0.9;
}
.bp-sum-row--highlight .bp-sum-row__help {
  color: rgba(13, 115, 119, 0.6);
}
.bp-sum-row--highlight .bp-sum-row__help:hover {
  color: #0D7377;
  background: rgba(13, 115, 119, 0.1);
}
@media (max-width: 768px) {
  .bp-sum-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    padding: 16px 20px;
  }
  .bp-sum-row::after {
    left: 20px;
    right: 20px;
  }
  .bp-sum-row__right {
    margin-left: 0;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .bp-sum-row__value {
    font-size: 1.2rem;
  }
  .bp-sum-row__currency {
    font-size: 1.2rem;
  }
  .bp-sum-row--highlight {
    margin: 12px 0;
    padding: 16px 20px;
  }
  .bp-sum-row--highlight .bp-sum-row__value {
    font-size: 1.6rem;
  }
  .bp-sum-row--highlight .bp-sum-row__currency {
    font-size: 1.25rem;
  }
}

form#profile-edit-form .editfield.editfield--sum-row,
form#profile-edit-form .editfield--sum-row {
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
form#profile-edit-form .editfield.editfield--sum-row fieldset,
form#profile-edit-form .editfield--sum-row fieldset {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  width: 100% !important;
  background: transparent !important;
}

form#profile-edit-form .editfield:has(.bp-sum-row) {
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
form#profile-edit-form .editfield:has(.bp-sum-row) fieldset {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  width: 100% !important;
  background: transparent !important;
}

.bp-sum-row {
  width: 100% !important;
  max-width: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

form#profile-edit-form .editfield[data-field-disabled="1"],
form#profile-edit-form .editfield[data-field-highlight="1"],
form#profile-edit-form .editfield.bp-field-readonly {
  grid-column: 1/-1 !important;
  width: 100% !important;
}

.bp-profile__field--sum,
.editfield[data-field-disabled="1"],
.editfield.bp-field-readonly {
  display: block;
  padding: 20px 28px;
  background: var(--surface, #FFFFFF);
  position: relative;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0;
  margin: 0;
  -webkit-animation: bp-sum-slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) backwards;
          animation: bp-sum-slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}
.bp-profile__field--sum fieldset,
.editfield[data-field-disabled="1"] fieldset,
.editfield.bp-field-readonly fieldset {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 16px;
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.bp-profile__field--sum::before,
.editfield[data-field-disabled="1"]::before,
.editfield.bp-field-readonly::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(13, 115, 119, 0.04);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  border-radius: inherit;
}
.bp-profile__field--sum:hover::before,
.editfield[data-field-disabled="1"]:hover::before,
.editfield.bp-field-readonly:hover::before {
  opacity: 1;
}
.bp-profile__field--sum:not(:last-child)::after,
.editfield[data-field-disabled="1"]:not(:last-child)::after,
.editfield.bp-field-readonly:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 28px;
  right: 28px;
  height: 1px;
  background: var(--border-color, #E5E5E5);
  opacity: 0.5;
}
.bp-profile__field--sum .bp-profile__field-label,
.editfield[data-field-disabled="1"] .bp-profile__field-label,
.editfield.bp-field-readonly .bp-profile__field-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0.01em;
  line-height: 1.5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: auto;
  padding-top: 0;
  margin-bottom: 0;
  z-index: 1;
}
.bp-profile__field--sum .bp-profile__field-label::before,
.editfield[data-field-disabled="1"] .bp-profile__field-label::before,
.editfield.bp-field-readonly .bp-profile__field-label::before {
  content: "calculate";
  font-family: "Material Icons";
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.08) 0%, rgba(13, 115, 119, 0.12) 100%);
  border-radius: 10px;
  color: var(--secondary-color, #0D7377);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.bp-profile__field--sum .bp-profile__field-label.bp-profile__field-label--required::after,
.editfield[data-field-disabled="1"] .bp-profile__field-label.bp-profile__field-label--required::after,
.editfield.bp-field-readonly .bp-profile__field-label.bp-profile__field-label--required::after {
  display: none;
}
.bp-profile__field--sum:hover .bp-profile__field-label::before,
.editfield[data-field-disabled="1"]:hover .bp-profile__field-label::before,
.editfield.bp-field-readonly:hover .bp-profile__field-label::before {
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.12) 0%, rgba(13, 115, 119, 0.16) 100%);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.bp-profile__field--sum .mdc-text-field,
.editfield[data-field-disabled="1"] .mdc-text-field,
.editfield.bp-field-readonly .mdc-text-field {
  background: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: auto !important;
  min-height: auto !important;
  padding: 0 !important;
  z-index: 1;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  gap: 8px !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: auto !important;
}
.bp-profile__field--sum .mdc-text-field .mdc-notched-outline,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-notched-outline,
.editfield.bp-field-readonly .mdc-text-field .mdc-notched-outline {
  display: none !important;
}
.bp-profile__field--sum .mdc-text-field .mdc-text-field__input,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__input,
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__input {
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  color: var(--secondary-color, #0D7377) !important;
  text-align: right !important;
  padding: 0 !important;
  height: auto !important;
  line-height: 1.4 !important;
  background: transparent !important;
  border: none !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  white-space: nowrap;
  cursor: default;
  width: auto !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
.bp-profile__field--sum .mdc-text-field .mdc-text-field__input::-webkit-inner-spin-button, .bp-profile__field--sum .mdc-text-field .mdc-text-field__input::-webkit-outer-spin-button,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__input::-webkit-inner-spin-button,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__input::-webkit-outer-spin-button,
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__input::-webkit-inner-spin-button,
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bp-profile__field--sum .mdc-text-field .mdc-text-field__input[type=number],
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__input[type=number],
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__input[type=number] {
  -moz-appearance: textfield;
}
.bp-profile__field--sum .mdc-text-field .mdc-text-field__icon--trailing,
.bp-profile__field--sum .mdc-text-field .mdc-text-field__icon--trailing.material-icons,
.bp-profile__field--sum .mdc-text-field i.mdc-text-field__icon--trailing,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__icon--trailing,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__icon--trailing.material-icons,
.editfield[data-field-disabled="1"] .mdc-text-field i.mdc-text-field__icon--trailing,
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__icon--trailing,
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__icon--trailing.material-icons,
.editfield.bp-field-readonly .mdc-text-field i.mdc-text-field__icon--trailing {
  color: var(--secondary-color, #0D7377) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  position: static !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
.bp-profile__field--sum .mdc-text-field .mdc-text-field__help-icon,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__help-icon,
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__help-icon {
  position: static !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin-left: 0 !important;
  -ms-flex-item-align: center !important;
      align-self: center !important;
}
.bp-profile__field--sum .description,
.bp-profile__field--sum p.description,
.editfield[data-field-disabled="1"] .description,
.editfield[data-field-disabled="1"] p.description,
.editfield.bp-field-readonly .description,
.editfield.bp-field-readonly p.description {
  display: none !important;
}
@media (max-width: 768px) {
  .bp-profile__field--sum,
.editfield[data-field-disabled="1"],
.editfield.bp-field-readonly {
    padding: 16px 20px;
  }
  .bp-profile__field--sum::after,
.editfield[data-field-disabled="1"]::after,
.editfield.bp-field-readonly::after {
    left: 20px;
    right: 20px;
  }
  .bp-profile__field--sum fieldset,
.editfield[data-field-disabled="1"] fieldset,
.editfield.bp-field-readonly fieldset {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    gap: 12px;
  }
  .bp-profile__field--sum .bp-profile__field-label,
.editfield[data-field-disabled="1"] .bp-profile__field-label,
.editfield.bp-field-readonly .bp-profile__field-label {
    font-size: 0.95rem;
  }
  .bp-profile__field--sum .mdc-text-field,
.editfield[data-field-disabled="1"] .mdc-text-field,
.editfield.bp-field-readonly .mdc-text-field {
    width: 100% !important;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 100% !important;
            flex: 1 1 100% !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .bp-profile__field--sum .mdc-text-field .mdc-text-field__input,
.editfield[data-field-disabled="1"] .mdc-text-field .mdc-text-field__input,
.editfield.bp-field-readonly .mdc-text-field .mdc-text-field__input {
    font-size: 1.2rem !important;
  }
}

.bp-profile__field--sum-highlight,
.editfield[data-field-highlight="1"] {
  background: linear-gradient(135deg, rgba(13, 115, 119, 0.04) 0%, rgba(13, 115, 119, 0.08) 100%) !important;
  margin: 12px 16px;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
}
.bp-profile__field--sum-highlight::after,
.editfield[data-field-highlight="1"]::after {
  display: none !important;
}
.bp-profile__field--sum-highlight .bp-profile__field-label,
.editfield[data-field-highlight="1"] .bp-profile__field-label {
  font-weight: 500;
}
.bp-profile__field--sum-highlight .bp-profile__field-label::before,
.editfield[data-field-highlight="1"] .bp-profile__field-label::before {
  background: linear-gradient(135deg, var(--secondary-color, #0D7377) 0%, #14A085 100%);
  -webkit-box-shadow: 0 2px 8px rgba(13, 115, 119, 0.3);
          box-shadow: 0 2px 8px rgba(13, 115, 119, 0.3);
  color: white;
}
.bp-profile__field--sum-highlight:hover .bp-profile__field-label::before,
.editfield[data-field-highlight="1"]:hover .bp-profile__field-label::before {
  background: linear-gradient(135deg, var(--secondary-color, #0D7377) 0%, #14A085 100%);
}
.bp-profile__field--sum-highlight .mdc-text-field .mdc-text-field__input,
.editfield[data-field-highlight="1"] .mdc-text-field .mdc-text-field__input {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--primary-color, #23036A) !important;
}
.bp-profile__field--sum-highlight .mdc-text-field .mdc-text-field__icon--trailing,
.editfield[data-field-highlight="1"] .mdc-text-field .mdc-text-field__icon--trailing {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--primary-color, #23036A) !important;
}
@media (max-width: 768px) {
  .bp-profile__field--sum-highlight .mdc-text-field .mdc-text-field__input,
.editfield[data-field-highlight="1"] .mdc-text-field .mdc-text-field__input {
    font-size: 1.5rem !important;
  }
  .bp-profile__field--sum-highlight .mdc-text-field .mdc-text-field__icon--trailing,
.editfield[data-field-highlight="1"] .mdc-text-field .mdc-text-field__icon--trailing {
    font-size: 1.5rem !important;
  }
}

.bp-jahr-status {
  background: var(--surface-color, #FFFFFF);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.bp-jahr-status__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bp-jahr-status__jahr {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary-color, #23036A);
  line-height: 1;
}
.bp-jahr-status__betrag-label {
  font-size: 0.875rem;
  color: var(--text-secondary, #666666);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  line-height: 1;
}
.bp-jahr-status__betrag {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary-color, #0D7377);
  line-height: 1;
}
.bp-jahr-status__betrag--negativ {
  color: var(--error-color, #F44336);
}
.bp-jahr-status__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.bp-jahr-status__fortschritt-text {
  font-size: 0.875rem;
  color: var(--text-secondary, #666666);
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.bp-jahr-status__fortschritt-text .material-icons {
  font-size: 18px;
  color: var(--success-color, #0D7377);
}
.bp-jahr-status__fortschritt-text--complete {
  color: var(--success-color, #0D7377);
  font-weight: 500;
}
@media (max-width: 768px) {
  .bp-jahr-status {
    padding: 16px;
  }
  .bp-jahr-status__top {
    gap: 12px;
  }
  .bp-jahr-status__jahr {
    font-size: 1.5rem;
  }
  .bp-jahr-status__betrag {
    font-size: 1.25rem;
  }
}

.bp-fortschritt-bar {
  width: 100%;
  height: 8px;
  background: var(--border-gray, #E5E5E5);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}
.bp-fortschritt-bar__fill {
  height: 100%;
  border-radius: 999px;
  -webkit-transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.bp-fortschritt-bar__fill::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3));
  border-radius: 999px;
}
.bp-fortschritt-bar__fill--incomplete {
  background: var(--warning-color, #FF9800);
}
.bp-fortschritt-bar__fill--complete {
  background: var(--success-color, #0D7377);
}

.tx-hinweis {
  padding: var(--bp-field-padding, 0.75rem) 1rem;
  border-radius: var(--bp-border-radius, 4px);
  margin: 0.5rem 0 1rem;
  border-left: 4px solid;
  background: var(--surface-variant, #f5f5f5);
}
.tx-hinweis strong {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.tx-hinweis p {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-secondary, #666);
}
.tx-hinweis p:last-child {
  margin-bottom: 0;
}
.tx-hinweis__tipp {
  background: rgba(255, 255, 255, 0.7);
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  margin-top: 0.75rem;
  font-size: 0.85rem;
}
.tx-hinweis__tipp strong {
  display: inline;
  font-size: inherit;
  margin-bottom: 0;
}
.tx-hinweis--warning {
  background: rgba(255, 152, 0, 0.08);
  border-left-color: var(--warning-color, #FF9800);
}
.tx-hinweis--warning strong {
  color: #e65100;
}
.tx-hinweis--warning .tx-hinweis__tipp {
  background: rgba(255, 152, 0, 0.05);
}
.tx-hinweis--info {
  background: rgba(33, 150, 243, 0.08);
  border-left-color: var(--info-color, #2196F3);
}
.tx-hinweis--info strong {
  color: #1565c0;
}
.tx-hinweis--info .tx-hinweis__tipp {
  background: rgba(33, 150, 243, 0.05);
}
.tx-hinweis--error {
  background: rgba(244, 67, 54, 0.08);
  border-left-color: var(--error-color, #f44336);
}
.tx-hinweis--error strong {
  color: #c62828;
}
.tx-hinweis--success {
  background: rgba(13, 115, 119, 0.08);
  border-left-color: var(--success-color, #0D7377);
}
.tx-hinweis--success strong {
  color: #0D7377;
}

@-webkit-keyframes bp-profile-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes bp-profile-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/**
 * BuddyPress Profile Grid Layout
 * Based on WooCommerce Account Grid Pattern (_woocommerce.scss)
 * Clean implementation following DESIGN-IMPLEMENTATION-RULES.md
 */
/* ============================================
   BUDDYPRESS PROFILE GRID LAYOUT
   Layout System - CSS Grid with Fixed Navigation
   Based on woocommerce-nav-toggle.js pattern
   ============================================ */
/* Grid Container for BuddyPress Profile Pages */
body.buddypress,
body.bp-user,
body.profile-edit,
body.xprofile {
  /* Reserve space for fixed header */
  padding-top: var(--header-height, 80px);
  /* Container */
  /* Grid Layout with Collapsible Navigation States */
  /* Left Navigation Column - Fixed Width */
  /* Navigation Header with Toggle Button */
  /* Navigation Toggle Button */
  /* Collapsed State - Hide text labels, show only icons */
  /* Hidden State - Navigation completely hidden, no blue bar */
  /* Main Content Column - Flexible Width */
}
body.buddypress .bp-profile-container,
body.bp-user .bp-profile-container,
body.profile-edit .bp-profile-container,
body.xprofile .bp-profile-container {
  padding: 0;
  margin: 0;
  max-width: none;
  width: 100%;
}
body.buddypress .bp-profile-grid,
body.bp-user .bp-profile-grid,
body.profile-edit .bp-profile-grid,
body.xprofile .bp-profile-grid {
  display: grid;
  grid-template-columns: var(--nav-width, 280px) 1fr;
  grid-template-areas: "nav main";
  min-height: 100vh;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  -webkit-transition: grid-template-columns 0.3s ease;
  transition: grid-template-columns 0.3s ease;
  transition: grid-template-columns 0.3s ease, -ms-grid-columns 0.3s ease;
  /* Collapsed State - Icons only (72px) */
  /* Hidden State - Navigation completely hidden */
}
body.buddypress .bp-profile-grid.nav-collapsed,
body.bp-user .bp-profile-grid.nav-collapsed,
body.profile-edit .bp-profile-grid.nav-collapsed,
body.xprofile .bp-profile-grid.nav-collapsed {
  grid-template-columns: var(--nav-width-collapsed, 72px) 1fr;
}
body.buddypress .bp-profile-grid.nav-hidden,
body.bp-user .bp-profile-grid.nav-hidden,
body.profile-edit .bp-profile-grid.nav-hidden,
body.xprofile .bp-profile-grid.nav-hidden {
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}
body.buddypress .bp-profile-nav,
body.bp-user .bp-profile-nav,
body.profile-edit .bp-profile-nav,
body.xprofile .bp-profile-nav {
  grid-area: nav;
  background: var(--primary-color, #23036A);
  position: sticky;
  top: var(--header-height, 80px);
  height: calc(100vh - var(--header-height, 80px));
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
  -webkit-transition: width 0.3s ease, padding 0.3s ease;
  transition: width 0.3s ease, padding 0.3s ease;
  /* Remove MDC drawer modal behavior on desktop */
}
body.buddypress .bp-profile-nav .mdc-drawer,
body.bp-user .bp-profile-nav .mdc-drawer,
body.profile-edit .bp-profile-nav .mdc-drawer,
body.xprofile .bp-profile-nav .mdc-drawer {
  position: relative;
  width: 100%;
  display: block;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
  background: transparent;
  border: none;
  overflow-x: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: auto;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content {
  padding: 0;
  overflow-x: hidden;
  /* Section-based nesting - Indentation and font-size scaling */
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  padding: 12px 14px;
  margin-right: 8px;
  border-radius: var(--border-radius-small);
  background: transparent !important;
  color: rgba(255, 255, 255, 0.87);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: var(--spacing-xs);
  text-decoration: none;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  /* Icon styling - Optimized icon size matching tool-module.html */
  /* Text styling - clean white text with ellipsis overflow */
  /* Hover State - BuddyPress style with subtle transform */
  /* Selected State - Override MDC default primary-color background */
  /* Active State - BuddyPress active styling */
  /* Focus State - no outline, only background */
  /* Remove ripple effect (mdc-deprecated-list-item__ripple no longer needed) */
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a i {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic:last-child,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a i:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic:last-child,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a i:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic:last-child,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a i:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .material-icons:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item i:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .material-icons:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .bp-profile__icon:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item i:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .material-icons:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .bp-profile__icon:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item i:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .material-icons:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .bp-profile__icon:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item i:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .material-icons:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .bp-profile__icon:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-list-item__graphic:last-child,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a i:last-child {
  margin-left: auto !important;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon) {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
  text-decoration: none;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover i {
  color: #ffffff;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:hover span:not(.material-icons):not(.bp-profile__icon) {
  color: #ffffff;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--selected, body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--selected,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--selected,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--selected,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--selected,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--selected {
  background: transparent !important;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active, body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item, body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated, body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active i, body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item i, body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated i, body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated i,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .material-icons,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .bp-profile__icon,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-list-item__graphic,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated i,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .material-icons,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .bp-profile__icon,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-list-item__graphic,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated i,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .material-icons,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .bp-profile__icon,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-list-item__graphic,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated i,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .material-icons,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .bp-profile__icon,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated .mdc-list-item__graphic,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated i {
  color: #ffffff;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon), body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon), body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon), body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.is-active span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon) {
  color: #ffffff;
  font-weight: var(--font-weight-medium);
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:focus,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:focus,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:focus,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:focus,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a:focus,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:focus,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:focus,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:focus,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:focus,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a:focus,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:focus,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:focus,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:focus,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:focus,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a:focus,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item:focus,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item:focus,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item:focus,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item:focus,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.08);
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__ripple,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__ripple,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__ripple,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__ripple,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__ripple,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__ripple,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__ripple,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__ripple,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__ripple,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content .mdc-list-item .mdc-deprecated-list-item__ripple,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a.mdc-list-item .mdc-deprecated-list-item__ripple,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content a .mdc-deprecated-list-item__ripple {
  display: none;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section .mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section a.mdc-list-item {
  padding-left: 30px !important;
  font-size: 13px !important;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section .mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section a.mdc-list-item {
  padding-left: 46px !important;
  font-size: 12px !important;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section .mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section a.mdc-list-item {
  padding-left: 62px !important;
  font-size: 12px !important;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-deprecated-list-item,
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-deprecated-list-item,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-deprecated-list-item,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section .mdc-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-deprecated-list-item,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content section section section section a.mdc-list-item {
  padding-left: 78px !important;
  font-size: 12px !important;
}
body.buddypress .nav-header,
body.bp-user .nav-header,
body.profile-edit .nav-header,
body.xprofile .nav-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 var(--spacing-md, 16px) 0;
  margin-bottom: var(--spacing-md, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body.buddypress .nav-header span,
body.bp-user .nav-header span,
body.profile-edit .nav-header span,
body.xprofile .nav-header span {
  color: rgba(255, 255, 255, 0.87);
  font-size: var(--font-size-h6, 18px);
  font-weight: var(--font-weight-medium, 500);
}
body.buddypress .nav-toggle,
body.bp-user .nav-toggle,
body.profile-edit .nav-toggle,
body.xprofile .nav-toggle {
  background: var(--secondary-color, #0D7377);
  color: var(--text-on-secondary, #FFFFFF);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
}
body.buddypress .nav-toggle:hover,
body.bp-user .nav-toggle:hover,
body.profile-edit .nav-toggle:hover,
body.xprofile .nav-toggle:hover {
  background: var(--secondary-color-dark, #0A5A5D);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
body.buddypress .nav-toggle:active,
body.bp-user .nav-toggle:active,
body.profile-edit .nav-toggle:active,
body.xprofile .nav-toggle:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
body.buddypress .nav-toggle .material-icons,
body.buddypress .nav-toggle .bp-profile__icon,
body.bp-user .nav-toggle .material-icons,
body.bp-user .nav-toggle .bp-profile__icon,
body.profile-edit .nav-toggle .material-icons,
body.profile-edit .nav-toggle .bp-profile__icon,
body.xprofile .nav-toggle .material-icons,
body.xprofile .nav-toggle .bp-profile__icon {
  font-size: 24px;
  color: var(--text-on-secondary, #FFFFFF);
}
body.buddypress .nav-collapsed .bp-profile-nav,
body.bp-user .nav-collapsed .bp-profile-nav,
body.profile-edit .nav-collapsed .bp-profile-nav,
body.xprofile .nav-collapsed .bp-profile-nav {
  padding: var(--spacing-md, 16px) var(--spacing-xs, 8px);
}
body.buddypress .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons):not(.bp-profile__icon),
body.bp-user .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons):not(.bp-profile__icon),
body.profile-edit .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons):not(.bp-profile__icon),
body.xprofile .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons):not(.bp-profile__icon) {
  display: none;
}
body.buddypress .nav-collapsed .nav-toggle,
body.bp-user .nav-collapsed .nav-toggle,
body.profile-edit .nav-collapsed .nav-toggle,
body.xprofile .nav-collapsed .nav-toggle {
  margin: 0 auto;
}
body.buddypress .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content a,
body.bp-user .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content a,
body.profile-edit .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content a,
body.xprofile .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 8px;
  margin-right: 4px;
}
body.buddypress .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.buddypress .nav-collapsed .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.bp-user .nav-collapsed .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.profile-edit .nav-collapsed .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
body.xprofile .nav-collapsed .mdc-drawer__content a span:not(.material-icons):not(.bp-profile__icon) {
  display: none;
}
body.buddypress .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.buddypress .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.buddypress .nav-collapsed .mdc-drawer__content a .material-icons,
body.buddypress .nav-collapsed .mdc-drawer__content a .bp-profile__icon,
body.bp-user .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.bp-user .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.bp-user .nav-collapsed .mdc-drawer__content a .material-icons,
body.bp-user .nav-collapsed .mdc-drawer__content a .bp-profile__icon,
body.profile-edit .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.profile-edit .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.profile-edit .nav-collapsed .mdc-drawer__content a .material-icons,
body.profile-edit .nav-collapsed .mdc-drawer__content a .bp-profile__icon,
body.xprofile .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .material-icons,
body.xprofile .nav-collapsed .mdc-drawer__content .mdc-deprecated-list-item .bp-profile__icon,
body.xprofile .nav-collapsed .mdc-drawer__content a .material-icons,
body.xprofile .nav-collapsed .mdc-drawer__content a .bp-profile__icon {
  margin: 0;
}
body.buddypress .nav-collapsed .mdc-drawer__content section .mdc-deprecated-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section .mdc-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section a.mdc-deprecated-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section a.mdc-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section .mdc-deprecated-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section .mdc-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section a.mdc-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section section .mdc-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.buddypress .nav-collapsed .mdc-drawer__content section section section a.mdc-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section .mdc-deprecated-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section .mdc-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section a.mdc-deprecated-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section a.mdc-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section .mdc-deprecated-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section .mdc-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section a.mdc-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section section .mdc-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.bp-user .nav-collapsed .mdc-drawer__content section section section a.mdc-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section .mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section .mdc-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section a.mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section a.mdc-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section .mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section .mdc-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section a.mdc-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section section .mdc-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .mdc-drawer__content section section section a.mdc-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section .mdc-deprecated-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section .mdc-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section a.mdc-deprecated-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section a.mdc-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section .mdc-deprecated-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section .mdc-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section a.mdc-deprecated-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section a.mdc-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section section .mdc-deprecated-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section section .mdc-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section section a.mdc-deprecated-list-item,
body.xprofile .nav-collapsed .mdc-drawer__content section section section a.mdc-list-item {
  padding-left: 8px !important;
  padding-right: 8px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.buddypress .nav-hidden .bp-profile-nav,
body.bp-user .nav-hidden .bp-profile-nav,
body.profile-edit .nav-hidden .bp-profile-nav,
body.xprofile .nav-hidden .bp-profile-nav {
  display: none;
}
body.buddypress .bp-profile-main,
body.bp-user .bp-profile-main,
body.profile-edit .bp-profile-main,
body.xprofile .bp-profile-main {
  grid-area: main;
  padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
  overflow-y: auto;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 1;
}
body.buddypress .bp-profile-main .main,
body.bp-user .bp-profile-main .main,
body.profile-edit .bp-profile-main .main,
body.xprofile .bp-profile-main .main {
  background: var(--surface-color, #FFFFFF);
  border-radius: var(--border-radius-medium, 12px);
  padding: var(--spacing-lg, 24px);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  min-height: 400px;
}

/* ============================================
   MDC DRAWER SCRIM - Modal Overlay
   ============================================ */
/* Scrim overlay for mobile drawer (MDC-compliant) */
.mdc-drawer-scrim {
  display: none;
  position: fixed;
  top: var(--header-height, 80px);
  left: 0;
  width: 100%;
  height: calc(100% - var(--header-height, 80px));
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-drawer-scrim.mdc-drawer-scrim--open {
  opacity: 1;
  visibility: visible;
}

/* ============================================
   RESPONSIVE GRID LAYOUT - Mobile
   ============================================ */
/* Tablet and below: Collapse to single column */
@media (max-width: 1024px) {
  body.buddypress,
body.bp-user,
body.profile-edit,
body.xprofile {
    /* Hide desktop navigation structure, but allow MDC drawer child to be visible */
    /* MDC Drawer Modal (Mobile) - MDC-compliant */
    /* Scrim is visible on mobile */
    /* Main content full width on mobile */
  }
  body.buddypress .bp-profile-grid,
body.bp-user .bp-profile-grid,
body.profile-edit .bp-profile-grid,
body.xprofile .bp-profile-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" !important;
  }
  body.buddypress .bp-profile-nav,
body.bp-user .bp-profile-nav,
body.profile-edit .bp-profile-nav,
body.xprofile .bp-profile-nav {
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
  body.buddypress .bp-profile-nav.mobile-menu-open,
body.bp-user .bp-profile-nav.mobile-menu-open,
body.profile-edit .bp-profile-nav.mobile-menu-open,
body.xprofile .bp-profile-nav.mobile-menu-open {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.buddypress .bp-profile-nav:has(.nav.mobile-menu-open),
body.bp-user .bp-profile-nav:has(.nav.mobile-menu-open),
body.profile-edit .bp-profile-nav:has(.nav.mobile-menu-open),
body.xprofile .bp-profile-nav:has(.nav.mobile-menu-open) {
    position: relative !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.buddypress .bp-profile-nav .mdc-drawer,
body.bp-user .bp-profile-nav .mdc-drawer,
body.profile-edit .bp-profile-nav .mdc-drawer,
body.xprofile .bp-profile-nav .mdc-drawer {
    pointer-events: auto !important;
  }
  body.buddypress .bp-profile-nav .nav.mobile-menu-open,
body.bp-user .bp-profile-nav .nav.mobile-menu-open,
body.profile-edit .bp-profile-nav .nav.mobile-menu-open,
body.xprofile .bp-profile-nav .nav.mobile-menu-open {
    position: fixed !important;
    top: var(--header-height, 80px) !important;
    left: 0 !important;
    width: 280px !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    background: var(--primary-color) !important;
    z-index: 101 !important;
    padding: 16px !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    pointer-events: auto !important;
    display: block !important;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal,
body.bp-user .mdc-drawer.mdc-drawer--modal,
body.profile-edit .mdc-drawer.mdc-drawer--modal,
body.xprofile .mdc-drawer.mdc-drawer--modal {
    position: fixed;
    top: var(--header-height, 80px);
    left: 0;
    height: calc(100vh - var(--header-height, 80px));
    width: 280px;
    background: var(--primary-color);
    z-index: 101 !important;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-100%) !important;
            transform: translateX(-100%) !important;
    -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    /* Drawer content scrolling */
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal.mdc-drawer--open,
body.bp-user .mdc-drawer.mdc-drawer--modal.mdc-drawer--open,
body.profile-edit .mdc-drawer.mdc-drawer--modal.mdc-drawer--open,
body.xprofile .mdc-drawer.mdc-drawer--modal.mdc-drawer--open {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening,
body.bp-user .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening,
body.profile-edit .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening,
body.xprofile .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-duration: 0.225s;
            transition-duration: 0.225s;
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing,
body.bp-user .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing,
body.profile-edit .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing,
body.xprofile .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition-duration: 0.195s;
            transition-duration: 0.195s;
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal .mdc-drawer__content,
body.bp-user .mdc-drawer.mdc-drawer--modal .mdc-drawer__content,
body.profile-edit .mdc-drawer.mdc-drawer--modal .mdc-drawer__content,
body.xprofile .mdc-drawer.mdc-drawer--modal .mdc-drawer__content {
    padding: var(--spacing-md, 16px);
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  body.buddypress .mdc-drawer-scrim,
body.bp-user .mdc-drawer-scrim,
body.profile-edit .mdc-drawer-scrim,
body.xprofile .mdc-drawer-scrim {
    display: block;
  }
  body.buddypress .bp-profile-main,
body.bp-user .bp-profile-main,
body.profile-edit .bp-profile-main,
body.xprofile .bp-profile-main {
    padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
    max-width: none;
  }
}
/* Mobile: Smaller padding */
@media (max-width: 768px) {
  body.buddypress .bp-profile-main,
body.bp-user .bp-profile-main,
body.profile-edit .bp-profile-main,
body.xprofile .bp-profile-main {
    padding: var(--spacing-md, 16px);
  }
  body.buddypress .bp-profile-main .main,
body.bp-user .bp-profile-main .main,
body.profile-edit .bp-profile-main .main,
body.xprofile .bp-profile-main .main {
    padding: var(--spacing-md, 16px);
    border-radius: var(--border-radius-small, 6px);
  }
}
/* ============================================
   MDC TOOLTIP - Navigation Text Overflow
   Material Design Tooltip for truncated text
   ============================================ */
.bp-nav-tooltip {
  position: fixed;
  background: rgba(97, 97, 97, 0.92);
  color: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: var(--font-weight-medium, 500);
  white-space: nowrap;
  pointer-events: none;
  z-index: 200;
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.bp-nav-tooltip.bp-nav-tooltip--visible {
  opacity: 1;
}
.bp-nav-tooltip::before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
}
.bp-nav-tooltip[data-placement=right]::before {
  left: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-right-color: rgba(97, 97, 97, 0.92);
}
.bp-nav-tooltip[data-placement=left]::before {
  right: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-left-color: rgba(97, 97, 97, 0.92);
}
.bp-nav-tooltip[data-placement=top]::before {
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top-color: rgba(97, 97, 97, 0.92);
}
.bp-nav-tooltip[data-placement=bottom]::before {
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom-color: rgba(97, 97, 97, 0.92);
}

.bp-intro-card {
  background: #EEF2F7;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 28px;
  -webkit-box-shadow: 0 2px 12px rgba(35, 3, 106, 0.08);
          box-shadow: 0 2px 12px rgba(35, 3, 106, 0.08);
}
.bp-intro-card__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: rgba(35, 3, 106, 0.08);
  color: var(--primary-color, #23036A);
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 10px;
}
.bp-intro-card__badge .material-icons {
  font-size: 14px;
}
.bp-intro-card__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--primary-color, #23036A);
  line-height: 1.3;
  margin-bottom: 12px;
}
.bp-intro-card__content {
  font-size: 0.9rem;
  line-height: 1.65;
  color: #374151;
  margin-bottom: 16px;
}
.bp-intro-card__content p {
  margin: 0 0 8px;
}
.bp-intro-card__content p:last-child {
  margin-bottom: 0;
}
.bp-intro-card__content strong {
  color: var(--primary-color, #23036A);
  font-weight: 500;
}
.bp-intro-card__content ul {
  margin: 8px 0;
  padding-left: 20px;
}
.bp-intro-card__content li {
  margin-bottom: 4px;
}
.bp-intro-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.bp-intro-card__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: none;
  border: 1.5px solid var(--primary-color, #23036A);
  border-radius: 99px;
  color: var(--primary-color, #23036A);
  font-size: 0.82rem;
  font-weight: 500;
  padding: 8px 18px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: inherit;
}
.bp-intro-card__btn .material-icons {
  font-size: 16px;
}
.bp-intro-card__btn:hover {
  background: var(--primary-color, #23036A);
  color: #fff;
}
.bp-intro-card__note {
  font-size: 0.78rem;
  color: var(--text-muted, #6B7280);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.bp-intro-card__note .material-icons {
  font-size: 14px;
  color: var(--secondary-color, #0D7377);
}

#helpPanel .help-accordion,
.help .help-accordion {
  margin-bottom: 2px;
}
#helpPanel .help-accordion .help-acc-trigger,
.help .help-accordion .help-acc-trigger {
  width: 100%;
  background: none;
  border: none;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 24px;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 500;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: left;
}
#helpPanel .help-accordion .help-acc-trigger:hover,
.help .help-accordion .help-acc-trigger:hover {
  background: rgba(255, 255, 255, 0.06);
}
#helpPanel .help-accordion .help-acc-trigger .material-icons,
.help .help-accordion .help-acc-trigger .material-icons {
  font-size: 18px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  color: rgba(255, 255, 255, 0.6);
}
#helpPanel .help-accordion.open .help-acc-trigger .material-icons,
.help .help-accordion.open .help-acc-trigger .material-icons {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#helpPanel .help-accordion .help-acc-panel,
.help .help-accordion .help-acc-panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.35s ease;
  transition: max-height 0.35s ease;
}
#helpPanel .help-accordion.open .help-acc-panel,
.help .help-accordion.open .help-acc-panel {
  max-height: 2000px;
}
#helpPanel .help-accordion .help-acc-content,
.help .help-accordion .help-acc-content {
  padding: 4px 24px 16px;
}
#helpPanel .help-bottom-btn,
.help .help-bottom-btn {
  padding: 16px 24px;
  position: sticky;
  bottom: 0;
  background: var(--secondary-color, #0D7377);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#helpPanel .btn-help-ok,
.help .btn-help-ok {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.12);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  color: white;
  border-radius: 99px;
  padding: 11px 16px;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#helpPanel .btn-help-ok .material-icons,
.help .btn-help-ok .material-icons {
  font-size: 18px;
}
#helpPanel .btn-help-ok:hover,
.help .btn-help-ok:hover {
  background: rgba(255, 255, 255, 0.2);
}

/**
 * MDC Text Field Fixes - ABSOLUTE MINIMUM
 *
 * ONLY 3 CRITICAL LIBRARY BUGS:
 * 1. Display flex Bug (breaks vertical text alignment)
 * 2. Line ripple in outlined (should only be in filled)
 * 3. Number field labels clipped (textOverflow bug)
 *
 * EVERYTHING ELSE: Trust MDC Library!
 */
.mdc-text-field--outlined .mdc-text-field__input {
  display: block !important;
}

.mdc-text-field--outlined .mdc-line-ripple {
  display: none !important;
}

.mdc-text-field--outlined .mdc-floating-label {
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

.mdc-select-helper-text {
  display: block;
  margin: 0;
  padding: 4px 16px 0;
  font-size: 12px;
  line-height: 1.25;
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.6));
}
.mdc-select-helper-text--validation-msg {
  color: var(--mdc-theme-error, #b00020);
  opacity: 1;
}

.mdc-select--invalid .mdc-notched-outline__leading,
.mdc-select--invalid .mdc-notched-outline__notch,
.mdc-select--invalid .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #b00020) !important;
}
.mdc-select--invalid .mdc-floating-label {
  color: var(--mdc-theme-error, #b00020) !important;
}
.mdc-select--invalid .mdc-select__dropdown-icon {
  fill: var(--mdc-theme-error, #b00020);
}

.mdc-switch--error .mdc-switch__track {
  border-color: var(--mdc-theme-error, #b00020) !important;
  background-color: rgba(176, 0, 32, 0.12) !important;
}

.mdc-switch-helper-text {
  display: block;
  margin: 8px 0 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.25;
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.6));
}
.mdc-switch-helper-text--validation-msg {
  color: var(--mdc-theme-error, #b00020);
}

/*
 * Profile Material Design System
 * Based on WooCommerce Implementation (1:1 copy adapted for BuddyPress)
 * Version: September 2025
 */
/* ============================================
   BUDDYPRESS NAVIGATION - MDC DRAWER HYBRID
   Desktop: Regular nav, Mobile: MDC Modal Drawer
   ============================================ */
.app-container .mdc-drawer-scrim {
  display: none;
  position: fixed;
  top: var(--header-height, 80px);
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-height, 80px));
  background: rgba(0, 0, 0, 0.32);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1024px) {
  .app-container .mdc-drawer-scrim {
    display: block;
  }
}
@media (min-width: 1025px) {
  .app-container .nav.mdc-drawer {
    position: relative !important;
    -webkit-transform: none !important;
            transform: none !important;
    width: auto !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
    z-index: 50 !important;
  }
  .app-container .nav.mdc-drawer .mdc-drawer__content {
    height: auto !important;
    overflow: visible !important;
  }
}
@media (max-width: 1024px) {
  .app-container .nav.mdc-drawer {
    position: fixed !important;
    top: var(--header-height, 80px) !important;
    left: 0 !important;
    width: 280px !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    -webkit-transform: translateX(-100%) !important;
            transform: translateX(-100%) !important;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 101 !important;
    background: var(--surface-color, #fff) !important;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  }
  .app-container .nav.mdc-drawer.mdc-drawer--open {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
}
.app-container .nav.mdc-drawer .submenu,
.app-container .nav.mdc-drawer ul ul {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.app-container .nav.mdc-drawer .expanded > .submenu,
.app-container .nav.mdc-drawer .expanded > ul {
  max-height: 500px;
}
.app-container .nav.mdc-drawer .has-submenu,
.app-container .nav.mdc-drawer .mdc-deprecated-list-item--submenu {
  position: relative;
}
.app-container .nav.mdc-drawer .has-submenu::after,
.app-container .nav.mdc-drawer .mdc-deprecated-list-item--submenu::after {
  content: "expand_more";
  font-family: "Material Icons";
  position: absolute;
  right: 16px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.app-container .nav.mdc-drawer .has-submenu.expanded::after,
.app-container .nav.mdc-drawer .mdc-deprecated-list-item--submenu.expanded::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ============================================
   BUDDYPRESS PROFILE GRID LAYOUT
   Based on WooCommerce .wc-account-grid
   ============================================ */
body.buddypress,
body.bp-user,
body.profile-edit,
body.xprofile {
  /* Left Navigation Column - Fixed Width */
  /* Navigation Header with Toggle Button */
  /* Navigation Toggle Button */
  /* Main Content Column */
  /* Collapsed State - Hide text labels, show only icons */
  /* Hidden State - Navigation completely hidden, no blue bar */
  /* Scrim is hidden on desktop - 1:1 from WooCommerce */
}
body.buddypress .bp-profile-container,
body.bp-user .bp-profile-container,
body.profile-edit .bp-profile-container,
body.xprofile .bp-profile-container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
body.buddypress .bp-profile-grid,
body.bp-user .bp-profile-grid,
body.profile-edit .bp-profile-grid,
body.xprofile .bp-profile-grid {
  display: grid;
  grid-template-columns: var(--nav-width, 280px) 1fr;
  grid-template-areas: "nav main";
  min-height: 100vh;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  -webkit-transition: grid-template-columns 0.3s ease;
  transition: grid-template-columns 0.3s ease;
  transition: grid-template-columns 0.3s ease, -ms-grid-columns 0.3s ease;
  /* Collapsed State - Icons only (72px) */
  /* Hidden State - Navigation completely hidden */
}
body.buddypress .bp-profile-grid.nav-collapsed,
body.bp-user .bp-profile-grid.nav-collapsed,
body.profile-edit .bp-profile-grid.nav-collapsed,
body.xprofile .bp-profile-grid.nav-collapsed {
  grid-template-columns: var(--nav-width-collapsed, 72px) 1fr;
}
body.buddypress .bp-profile-grid.nav-hidden,
body.bp-user .bp-profile-grid.nav-hidden,
body.profile-edit .bp-profile-grid.nav-hidden,
body.xprofile .bp-profile-grid.nav-hidden {
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}
body.buddypress .bp-profile-nav,
body.bp-user .bp-profile-nav,
body.profile-edit .bp-profile-nav,
body.xprofile .bp-profile-nav {
  grid-area: nav;
  background: var(--primary-color, #23036A);
  position: sticky;
  top: var(--header-height, 80px);
  height: calc(100vh - var(--header-height, 80px));
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
  -webkit-transition: width 0.3s ease, padding 0.3s ease;
  transition: width 0.3s ease, padding 0.3s ease;
  /* Remove MDC drawer modal behavior on desktop */
}
body.buddypress .bp-profile-nav .mdc-drawer,
body.bp-user .bp-profile-nav .mdc-drawer,
body.profile-edit .bp-profile-nav .mdc-drawer,
body.xprofile .bp-profile-nav .mdc-drawer {
  position: relative;
  width: 100%;
  display: block;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
  background: transparent;
  border: none;
  overflow-x: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: auto;
}
body.buddypress .bp-profile-nav .mdc-drawer .mdc-drawer__content,
body.bp-user .bp-profile-nav .mdc-drawer .mdc-drawer__content,
body.profile-edit .bp-profile-nav .mdc-drawer .mdc-drawer__content,
body.xprofile .bp-profile-nav .mdc-drawer .mdc-drawer__content {
  padding: 0;
  overflow-x: hidden;
}
body.buddypress .nav-header,
body.bp-user .nav-header,
body.profile-edit .nav-header,
body.xprofile .nav-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 var(--spacing-md, 16px) 0;
  margin-bottom: var(--spacing-md, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body.buddypress .nav-header span,
body.bp-user .nav-header span,
body.profile-edit .nav-header span,
body.xprofile .nav-header span {
  color: rgba(255, 255, 255, 0.87);
  font-size: var(--font-size-h6, 18px);
  font-weight: var(--font-weight-medium, 500);
}
body.buddypress .nav-toggle,
body.bp-user .nav-toggle,
body.profile-edit .nav-toggle,
body.xprofile .nav-toggle {
  background: var(--secondary-color, #0D7377);
  color: var(--text-on-secondary, #FFFFFF);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0;
}
body.buddypress .nav-toggle:hover,
body.bp-user .nav-toggle:hover,
body.profile-edit .nav-toggle:hover,
body.xprofile .nav-toggle:hover {
  background: var(--secondary-color-dark, #0A5A5D);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
body.buddypress .nav-toggle:active,
body.bp-user .nav-toggle:active,
body.profile-edit .nav-toggle:active,
body.xprofile .nav-toggle:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
body.buddypress .nav-toggle .material-icons,
body.bp-user .nav-toggle .material-icons,
body.profile-edit .nav-toggle .material-icons,
body.xprofile .nav-toggle .material-icons {
  font-size: 24px;
  color: var(--text-on-secondary, #FFFFFF);
}
body.buddypress .bp-profile-main,
body.bp-user .bp-profile-main,
body.profile-edit .bp-profile-main,
body.xprofile .bp-profile-main {
  grid-area: main;
  background: var(--background-color, #F5F5F5);
  padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
  overflow-y: auto;
  min-height: 100vh;
}
body.buddypress .nav-collapsed .bp-profile-nav,
body.bp-user .nav-collapsed .bp-profile-nav,
body.profile-edit .nav-collapsed .bp-profile-nav,
body.xprofile .nav-collapsed .bp-profile-nav {
  padding: 16px 8px;
}
body.buddypress .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons),
body.bp-user .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons),
body.profile-edit .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons),
body.xprofile .nav-collapsed .nav-header > span:not(.nav-toggle):not(.material-icons) {
  display: none;
}
body.buddypress .nav-collapsed .nav-toggle,
body.bp-user .nav-collapsed .nav-toggle,
body.profile-edit .nav-collapsed .nav-toggle,
body.xprofile .nav-collapsed .nav-toggle {
  margin: 0 auto;
}
body.buddypress .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 8px;
  margin-right: 4px;
}
body.buddypress .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,
body.buddypress .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__meta,
body.buddypress .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon):not(.mdc-deprecated-list-item__ripple),
body.bp-user .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,
body.bp-user .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__meta,
body.bp-user .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon):not(.mdc-deprecated-list-item__ripple),
body.profile-edit .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,
body.profile-edit .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__meta,
body.profile-edit .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon):not(.mdc-deprecated-list-item__ripple),
body.xprofile .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,
body.xprofile .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__meta,
body.xprofile .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon):not(.mdc-deprecated-list-item__ripple) {
  display: none;
}
body.buddypress .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .material-icons,
body.buddypress .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .bp-profile__icon,
body.buddypress .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.bp-user .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .material-icons,
body.bp-user .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .bp-profile__icon,
body.bp-user .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.profile-edit .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .material-icons,
body.profile-edit .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .bp-profile__icon,
body.profile-edit .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
body.xprofile .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .material-icons,
body.xprofile .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .bp-profile__icon,
body.xprofile .nav-collapsed .buddypress-profile-navigation a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic {
  margin: 0;
}
body.buddypress .nav-collapsed .buddypress-profile-navigation section .mdc-deprecated-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section .mdc-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section a.mdc-deprecated-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section a.mdc-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section .mdc-deprecated-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section .mdc-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section a.mdc-deprecated-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section a.mdc-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section section .mdc-deprecated-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section section .mdc-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section section a.mdc-deprecated-list-item,
body.buddypress .nav-collapsed .buddypress-profile-navigation section section section a.mdc-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section .mdc-deprecated-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section .mdc-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section a.mdc-deprecated-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section a.mdc-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section .mdc-deprecated-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section .mdc-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section a.mdc-deprecated-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section a.mdc-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section section .mdc-deprecated-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section section .mdc-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section section a.mdc-deprecated-list-item,
body.bp-user .nav-collapsed .buddypress-profile-navigation section section section a.mdc-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section .mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section .mdc-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section a.mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section a.mdc-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section .mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section .mdc-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section a.mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section a.mdc-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section section .mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section section .mdc-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section section a.mdc-deprecated-list-item,
body.profile-edit .nav-collapsed .buddypress-profile-navigation section section section a.mdc-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section .mdc-deprecated-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section .mdc-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section a.mdc-deprecated-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section a.mdc-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section .mdc-deprecated-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section .mdc-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section a.mdc-deprecated-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section a.mdc-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section section .mdc-deprecated-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section section .mdc-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section section a.mdc-deprecated-list-item,
body.xprofile .nav-collapsed .buddypress-profile-navigation section section section a.mdc-list-item {
  padding-left: 8px !important;
  padding-right: 8px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.buddypress .nav-hidden .bp-profile-nav,
body.bp-user .nav-hidden .bp-profile-nav,
body.profile-edit .nav-hidden .bp-profile-nav,
body.xprofile .nav-hidden .bp-profile-nav {
  display: none;
}
body.buddypress .mdc-drawer-scrim,
body.bp-user .mdc-drawer-scrim,
body.profile-edit .mdc-drawer-scrim,
body.xprofile .mdc-drawer-scrim {
  display: none;
  position: fixed;
  top: var(--header-height, 80px);
  left: 0;
  width: 100%;
  height: calc(100vh - var(--header-height, 80px));
  background: rgba(0, 0, 0, 0.32);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
body.buddypress .mdc-drawer-scrim.mdc-drawer-scrim--open,
body.bp-user .mdc-drawer-scrim.mdc-drawer-scrim--open,
body.profile-edit .mdc-drawer-scrim.mdc-drawer-scrim--open,
body.xprofile .mdc-drawer-scrim.mdc-drawer-scrim--open {
  opacity: 1;
  visibility: visible;
}

/* ============================================
   MOBILE RESPONSIVE DESIGN
   ============================================ */
@media (max-width: 1024px) {
  body.buddypress,
body.bp-user,
body.profile-edit,
body.xprofile {
    /* Hide desktop navigation structure, but allow MDC drawer child to be visible */
    /* MDC Drawer Modal (Mobile) - MDC-compliant */
    /* Scrim is visible on mobile */
    /* Main content full width on mobile */
  }
  body.buddypress .bp-profile-grid,
body.bp-user .bp-profile-grid,
body.profile-edit .bp-profile-grid,
body.xprofile .bp-profile-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "main" !important;
  }
  body.buddypress .bp-profile-nav,
body.bp-user .bp-profile-nav,
body.profile-edit .bp-profile-nav,
body.xprofile .bp-profile-nav {
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
  body.buddypress .bp-profile-nav .mdc-drawer,
body.bp-user .bp-profile-nav .mdc-drawer,
body.profile-edit .bp-profile-nav .mdc-drawer,
body.xprofile .bp-profile-nav .mdc-drawer {
    pointer-events: auto !important;
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal,
body.bp-user .mdc-drawer.mdc-drawer--modal,
body.profile-edit .mdc-drawer.mdc-drawer--modal,
body.xprofile .mdc-drawer.mdc-drawer--modal {
    position: fixed;
    top: var(--header-height, 80px);
    left: 0;
    height: calc(100vh - var(--header-height, 80px));
    width: 280px;
    background: var(--primary-color);
    z-index: 101;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-100%) !important;
            transform: translateX(-100%) !important;
    -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    /* Drawer content scrolling */
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal.mdc-drawer--open,
body.bp-user .mdc-drawer.mdc-drawer--modal.mdc-drawer--open,
body.profile-edit .mdc-drawer.mdc-drawer--modal.mdc-drawer--open,
body.xprofile .mdc-drawer.mdc-drawer--modal.mdc-drawer--open {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening,
body.bp-user .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening,
body.profile-edit .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening,
body.xprofile .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-duration: 0.225s;
            transition-duration: 0.225s;
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing,
body.bp-user .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing,
body.profile-edit .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing,
body.xprofile .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition-duration: 0.195s;
            transition-duration: 0.195s;
  }
  body.buddypress .mdc-drawer.mdc-drawer--modal .mdc-drawer__content,
body.bp-user .mdc-drawer.mdc-drawer--modal .mdc-drawer__content,
body.profile-edit .mdc-drawer.mdc-drawer--modal .mdc-drawer__content,
body.xprofile .mdc-drawer.mdc-drawer--modal .mdc-drawer__content {
    padding: var(--spacing-md, 16px);
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  body.buddypress .mdc-drawer-scrim,
body.bp-user .mdc-drawer-scrim,
body.profile-edit .mdc-drawer-scrim,
body.xprofile .mdc-drawer-scrim {
    display: block;
  }
  body.buddypress .bp-profile-main,
body.bp-user .bp-profile-main,
body.profile-edit .bp-profile-main,
body.xprofile .bp-profile-main {
    padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
    max-width: none;
  }
}
/* Mobile: Smaller padding */
@media (max-width: 768px) {
  body.buddypress .bp-profile-main,
body.bp-user .bp-profile-main,
body.profile-edit .bp-profile-main,
body.xprofile .bp-profile-main {
    padding: var(--spacing-md, 16px);
  }
}
/* ============================================ */
/* LEGACY PROFILE APP CONTAINER (DEPRECATED)  */
/* ============================================ */
/* CRITICAL: Disable transitions during page load to prevent layout shift */
.profile-app-container {
  display: grid;
  grid-template-columns: var(--nav-width) 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "nav main";
  min-height: 100vh;
  gap: 0;
  background: var(--background-color);
  font-family: "Ubuntu", sans-serif;
  /* Disable transitions initially - will be enabled by JavaScript after load */
  -webkit-transition: none !important;
  transition: none !important;
  /* Enable transitions after page-loaded class is added */
  /* Mobile Layout */
}
.profile-app-container.page-loaded {
  -webkit-transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1), grid-template-areas 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1), grid-template-areas 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: grid-template-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1), grid-template-areas 0.3s cubic-bezier(0.4, 0, 0.2, 1), -ms-grid-columns 0.3s cubic-bezier(0.4, 0, 0.2, 1), -ms-grid-template-areas 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.profile-app-container.help-open {
  grid-template-columns: var(--nav-width) 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "nav main help";
}
.profile-app-container.nav-collapsed {
  grid-template-columns: var(--nav-width-collapsed) 1fr;
}
.profile-app-container.nav-collapsed.help-open {
  grid-template-columns: var(--nav-width-collapsed) 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "nav main help";
}
.profile-app-container.nav-hidden {
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}
.profile-app-container.nav-hidden.help-open {
  grid-template-columns: 1fr var(--help-width);
  grid-template-rows: 1fr;
  /* CRITICAL: Explicitly set 1 row to prevent implicit second row */
  grid-template-areas: "main help";
}
@media (max-width: 1024px) {
  .profile-app-container, .profile-app-container.nav-collapsed, .profile-app-container.nav-hidden, .profile-app-container.help-open, .profile-app-container.nav-collapsed.help-open, .profile-app-container.nav-hidden.help-open {
    grid-template-columns: 1fr;
    grid-template-areas: "header" "main";
  }
}

/* ============================================ */
/* TOOLBAR - TARGET DESIGN IMPLEMENTATION      */
/* ============================================ */
.profile-toolbar,
.toolbar {
  grid-area: header;
  background: var(--surface-color);
  border-bottom: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 var(--spacing-md);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  z-index: 40;
}

.profile-toolbar-left,
.toolbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
}

.profile-toolbar-right,
.toolbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
}

.profile-logo,
.logo {
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--primary-color);
}

.profile-subtitle,
.subtitle {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin-left: var(--spacing-sm);
}

.tax-estimate {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin-left: var(--spacing-md);
}

.estimate-badge {
  background: var(--surface-elevated);
  border: 1px solid #E0E0E0;
  border-bottom-width: 2px;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-small);
  font-weight: 500;
}

/* Profile Menu - Target Design */
.profile-menu-container {
  position: relative;
}

.profile-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-4);
          box-shadow: var(--elevation-4);
  min-width: 200px;
  padding: var(--spacing-sm) 0;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-menu.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.profile-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  color: var(--text-primary);
}
.profile-menu-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.profile-menu-item .material-symbols-outlined {
  font-size: 20px;
  color: var(--text-secondary);
}

.profile-menu-divider {
  height: 1px;
  background: #E0E0E0;
  margin: var(--spacing-sm) 0;
}

/* ============================================ */
/* NAVIGATION - TARGET DESIGN                  */
/* ============================================ */
.profile-navigation,
.nav {
  grid-area: nav;
  background: var(--primary-color);
  color: var(--text-on-primary);
  overflow-y: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.profile-nav-header,
.nav-header {
  padding: var(--spacing-md);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.profile-nav-toggle,
.nav-toggle {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-nav-toggle:hover,
.nav-toggle:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
}

.profile-nav-items,
.nav-items {
  padding: var(--spacing-md);
  /* Section-based nesting - Indentation and font-size scaling */
}
.profile-nav-items a,
.profile-nav-items .mdc-deprecated-list-item,
.profile-nav-items a.mdc-deprecated-list-item,
.profile-nav-items .mdc-list-item,
.profile-nav-items a.mdc-list-item,
.nav-items a,
.nav-items .mdc-deprecated-list-item,
.nav-items a.mdc-deprecated-list-item,
.nav-items .mdc-list-item,
.nav-items a.mdc-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  padding: 12px 14px;
  margin-right: 8px;
  border-radius: var(--border-radius-small);
  background: transparent !important;
  color: rgba(255, 255, 255, 0.87);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: var(--spacing-xs);
  text-decoration: none;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  /* Icon styling - Optimized icon size matching tool-module.html */
  /* Text styling - clean white text with ellipsis overflow */
  /* Hover State - BuddyPress style with subtle transform */
  /* Selected State - Override MDC default primary-color background */
  /* Active State - BuddyPress active styling */
  /* Focus State - no outline, only background */
  /* Remove ripple effect (mdc-deprecated-list-item__ripple no longer needed) */
}
.profile-nav-items a .material-icons,
.profile-nav-items a .bp-profile__icon,
.profile-nav-items a .mdc-deprecated-list-item__graphic,
.profile-nav-items a .mdc-list-item__graphic,
.profile-nav-items a i,
.profile-nav-items .mdc-deprecated-list-item .material-icons,
.profile-nav-items .mdc-deprecated-list-item .bp-profile__icon,
.profile-nav-items .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item .mdc-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item i,
.profile-nav-items a.mdc-deprecated-list-item .material-icons,
.profile-nav-items a.mdc-deprecated-list-item .bp-profile__icon,
.profile-nav-items a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item .mdc-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item i,
.profile-nav-items .mdc-list-item .material-icons,
.profile-nav-items .mdc-list-item .bp-profile__icon,
.profile-nav-items .mdc-list-item .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-list-item .mdc-list-item__graphic,
.profile-nav-items .mdc-list-item i,
.profile-nav-items a.mdc-list-item .material-icons,
.profile-nav-items a.mdc-list-item .bp-profile__icon,
.profile-nav-items a.mdc-list-item .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-list-item .mdc-list-item__graphic,
.profile-nav-items a.mdc-list-item i,
.nav-items a .material-icons,
.nav-items a .bp-profile__icon,
.nav-items a .mdc-deprecated-list-item__graphic,
.nav-items a .mdc-list-item__graphic,
.nav-items a i,
.nav-items .mdc-deprecated-list-item .material-icons,
.nav-items .mdc-deprecated-list-item .bp-profile__icon,
.nav-items .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
.nav-items .mdc-deprecated-list-item .mdc-list-item__graphic,
.nav-items .mdc-deprecated-list-item i,
.nav-items a.mdc-deprecated-list-item .material-icons,
.nav-items a.mdc-deprecated-list-item .bp-profile__icon,
.nav-items a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-deprecated-list-item .mdc-list-item__graphic,
.nav-items a.mdc-deprecated-list-item i,
.nav-items .mdc-list-item .material-icons,
.nav-items .mdc-list-item .bp-profile__icon,
.nav-items .mdc-list-item .mdc-deprecated-list-item__graphic,
.nav-items .mdc-list-item .mdc-list-item__graphic,
.nav-items .mdc-list-item i,
.nav-items a.mdc-list-item .material-icons,
.nav-items a.mdc-list-item .bp-profile__icon,
.nav-items a.mdc-list-item .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-list-item .mdc-list-item__graphic,
.nav-items a.mdc-list-item i {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.profile-nav-items a .material-icons:last-child,
.profile-nav-items a .bp-profile__icon:last-child,
.profile-nav-items a .mdc-deprecated-list-item__graphic:last-child,
.profile-nav-items a .mdc-list-item__graphic:last-child,
.profile-nav-items a i:last-child,
.profile-nav-items .mdc-deprecated-list-item .material-icons:last-child,
.profile-nav-items .mdc-deprecated-list-item .bp-profile__icon:last-child,
.profile-nav-items .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
.profile-nav-items .mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
.profile-nav-items .mdc-deprecated-list-item i:last-child,
.profile-nav-items a.mdc-deprecated-list-item .material-icons:last-child,
.profile-nav-items a.mdc-deprecated-list-item .bp-profile__icon:last-child,
.profile-nav-items a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
.profile-nav-items a.mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
.profile-nav-items a.mdc-deprecated-list-item i:last-child,
.profile-nav-items .mdc-list-item .material-icons:last-child,
.profile-nav-items .mdc-list-item .bp-profile__icon:last-child,
.profile-nav-items .mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
.profile-nav-items .mdc-list-item .mdc-list-item__graphic:last-child,
.profile-nav-items .mdc-list-item i:last-child,
.profile-nav-items a.mdc-list-item .material-icons:last-child,
.profile-nav-items a.mdc-list-item .bp-profile__icon:last-child,
.profile-nav-items a.mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
.profile-nav-items a.mdc-list-item .mdc-list-item__graphic:last-child,
.profile-nav-items a.mdc-list-item i:last-child,
.nav-items a .material-icons:last-child,
.nav-items a .bp-profile__icon:last-child,
.nav-items a .mdc-deprecated-list-item__graphic:last-child,
.nav-items a .mdc-list-item__graphic:last-child,
.nav-items a i:last-child,
.nav-items .mdc-deprecated-list-item .material-icons:last-child,
.nav-items .mdc-deprecated-list-item .bp-profile__icon:last-child,
.nav-items .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
.nav-items .mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
.nav-items .mdc-deprecated-list-item i:last-child,
.nav-items a.mdc-deprecated-list-item .material-icons:last-child,
.nav-items a.mdc-deprecated-list-item .bp-profile__icon:last-child,
.nav-items a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic:last-child,
.nav-items a.mdc-deprecated-list-item .mdc-list-item__graphic:last-child,
.nav-items a.mdc-deprecated-list-item i:last-child,
.nav-items .mdc-list-item .material-icons:last-child,
.nav-items .mdc-list-item .bp-profile__icon:last-child,
.nav-items .mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
.nav-items .mdc-list-item .mdc-list-item__graphic:last-child,
.nav-items .mdc-list-item i:last-child,
.nav-items a.mdc-list-item .material-icons:last-child,
.nav-items a.mdc-list-item .bp-profile__icon:last-child,
.nav-items a.mdc-list-item .mdc-deprecated-list-item__graphic:last-child,
.nav-items a.mdc-list-item .mdc-list-item__graphic:last-child,
.nav-items a.mdc-list-item i:last-child {
  margin-left: auto !important;
}
.profile-nav-items a span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items a span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-deprecated-list-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-list-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-list-item span:not(.material-icons):not(.bp-profile__icon) {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  color: rgba(255, 255, 255, 0.87);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.profile-nav-items a:hover,
.profile-nav-items .mdc-deprecated-list-item:hover,
.profile-nav-items a.mdc-deprecated-list-item:hover,
.profile-nav-items .mdc-list-item:hover,
.profile-nav-items a.mdc-list-item:hover,
.nav-items a:hover,
.nav-items .mdc-deprecated-list-item:hover,
.nav-items a.mdc-deprecated-list-item:hover,
.nav-items .mdc-list-item:hover,
.nav-items a.mdc-list-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
  text-decoration: none;
}
.profile-nav-items a:hover .material-icons,
.profile-nav-items a:hover .bp-profile__icon,
.profile-nav-items a:hover .mdc-deprecated-list-item__graphic,
.profile-nav-items a:hover .mdc-list-item__graphic,
.profile-nav-items a:hover i,
.profile-nav-items .mdc-deprecated-list-item:hover .material-icons,
.profile-nav-items .mdc-deprecated-list-item:hover .bp-profile__icon,
.profile-nav-items .mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item:hover .mdc-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item:hover i,
.profile-nav-items a.mdc-deprecated-list-item:hover .material-icons,
.profile-nav-items a.mdc-deprecated-list-item:hover .bp-profile__icon,
.profile-nav-items a.mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item:hover .mdc-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item:hover i,
.profile-nav-items .mdc-list-item:hover .material-icons,
.profile-nav-items .mdc-list-item:hover .bp-profile__icon,
.profile-nav-items .mdc-list-item:hover .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-list-item:hover .mdc-list-item__graphic,
.profile-nav-items .mdc-list-item:hover i,
.profile-nav-items a.mdc-list-item:hover .material-icons,
.profile-nav-items a.mdc-list-item:hover .bp-profile__icon,
.profile-nav-items a.mdc-list-item:hover .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-list-item:hover .mdc-list-item__graphic,
.profile-nav-items a.mdc-list-item:hover i,
.nav-items a:hover .material-icons,
.nav-items a:hover .bp-profile__icon,
.nav-items a:hover .mdc-deprecated-list-item__graphic,
.nav-items a:hover .mdc-list-item__graphic,
.nav-items a:hover i,
.nav-items .mdc-deprecated-list-item:hover .material-icons,
.nav-items .mdc-deprecated-list-item:hover .bp-profile__icon,
.nav-items .mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
.nav-items .mdc-deprecated-list-item:hover .mdc-list-item__graphic,
.nav-items .mdc-deprecated-list-item:hover i,
.nav-items a.mdc-deprecated-list-item:hover .material-icons,
.nav-items a.mdc-deprecated-list-item:hover .bp-profile__icon,
.nav-items a.mdc-deprecated-list-item:hover .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-deprecated-list-item:hover .mdc-list-item__graphic,
.nav-items a.mdc-deprecated-list-item:hover i,
.nav-items .mdc-list-item:hover .material-icons,
.nav-items .mdc-list-item:hover .bp-profile__icon,
.nav-items .mdc-list-item:hover .mdc-deprecated-list-item__graphic,
.nav-items .mdc-list-item:hover .mdc-list-item__graphic,
.nav-items .mdc-list-item:hover i,
.nav-items a.mdc-list-item:hover .material-icons,
.nav-items a.mdc-list-item:hover .bp-profile__icon,
.nav-items a.mdc-list-item:hover .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-list-item:hover .mdc-list-item__graphic,
.nav-items a.mdc-list-item:hover i {
  color: #ffffff;
}
.profile-nav-items a:hover span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
.nav-items a:hover span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-deprecated-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-list-item:hover span:not(.material-icons):not(.bp-profile__icon) {
  color: #ffffff;
}
.profile-nav-items a.mdc-deprecated-list-item--selected, .profile-nav-items a.mdc-list-item--selected,
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--selected,
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--selected,
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--selected,
.profile-nav-items .mdc-list-item.mdc-list-item--selected,
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--selected,
.profile-nav-items a.mdc-list-item.mdc-list-item--selected,
.nav-items a.mdc-deprecated-list-item--selected,
.nav-items a.mdc-list-item--selected,
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
.nav-items .mdc-deprecated-list-item.mdc-list-item--selected,
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
.nav-items a.mdc-deprecated-list-item.mdc-list-item--selected,
.nav-items .mdc-list-item.mdc-deprecated-list-item--selected,
.nav-items .mdc-list-item.mdc-list-item--selected,
.nav-items a.mdc-list-item.mdc-deprecated-list-item--selected,
.nav-items a.mdc-list-item.mdc-list-item--selected {
  background: transparent !important;
}
.profile-nav-items a.is-active, .profile-nav-items a.current-menu-item, .profile-nav-items a.mdc-deprecated-list-item--activated, .profile-nav-items a.mdc-list-item--activated,
.profile-nav-items .mdc-deprecated-list-item.is-active,
.profile-nav-items .mdc-deprecated-list-item.current-menu-item,
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--activated,
.profile-nav-items a.mdc-deprecated-list-item.is-active,
.profile-nav-items a.mdc-deprecated-list-item.current-menu-item,
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--activated,
.profile-nav-items .mdc-list-item.is-active,
.profile-nav-items .mdc-list-item.current-menu-item,
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--activated,
.profile-nav-items .mdc-list-item.mdc-list-item--activated,
.profile-nav-items a.mdc-list-item.is-active,
.profile-nav-items a.mdc-list-item.current-menu-item,
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--activated,
.profile-nav-items a.mdc-list-item.mdc-list-item--activated,
.nav-items a.is-active,
.nav-items a.current-menu-item,
.nav-items a.mdc-deprecated-list-item--activated,
.nav-items a.mdc-list-item--activated,
.nav-items .mdc-deprecated-list-item.is-active,
.nav-items .mdc-deprecated-list-item.current-menu-item,
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
.nav-items .mdc-deprecated-list-item.mdc-list-item--activated,
.nav-items a.mdc-deprecated-list-item.is-active,
.nav-items a.mdc-deprecated-list-item.current-menu-item,
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated,
.nav-items a.mdc-deprecated-list-item.mdc-list-item--activated,
.nav-items .mdc-list-item.is-active,
.nav-items .mdc-list-item.current-menu-item,
.nav-items .mdc-list-item.mdc-deprecated-list-item--activated,
.nav-items .mdc-list-item.mdc-list-item--activated,
.nav-items a.mdc-list-item.is-active,
.nav-items a.mdc-list-item.current-menu-item,
.nav-items a.mdc-list-item.mdc-deprecated-list-item--activated,
.nav-items a.mdc-list-item.mdc-list-item--activated {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff;
}
.profile-nav-items a.is-active .material-icons,
.profile-nav-items a.is-active .bp-profile__icon,
.profile-nav-items a.is-active .mdc-deprecated-list-item__graphic,
.profile-nav-items a.is-active .mdc-list-item__graphic,
.profile-nav-items a.is-active i, .profile-nav-items a.current-menu-item .material-icons,
.profile-nav-items a.current-menu-item .bp-profile__icon,
.profile-nav-items a.current-menu-item .mdc-deprecated-list-item__graphic,
.profile-nav-items a.current-menu-item .mdc-list-item__graphic,
.profile-nav-items a.current-menu-item i, .profile-nav-items a.mdc-deprecated-list-item--activated .material-icons,
.profile-nav-items a.mdc-deprecated-list-item--activated .bp-profile__icon,
.profile-nav-items a.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item--activated i, .profile-nav-items a.mdc-list-item--activated .material-icons,
.profile-nav-items a.mdc-list-item--activated .bp-profile__icon,
.profile-nav-items a.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-list-item--activated .mdc-list-item__graphic,
.profile-nav-items a.mdc-list-item--activated i,
.profile-nav-items .mdc-deprecated-list-item.is-active .material-icons,
.profile-nav-items .mdc-deprecated-list-item.is-active .bp-profile__icon,
.profile-nav-items .mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.is-active i,
.profile-nav-items .mdc-deprecated-list-item.current-menu-item .material-icons,
.profile-nav-items .mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
.profile-nav-items .mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.current-menu-item i,
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--activated i,
.profile-nav-items a.mdc-deprecated-list-item.is-active .material-icons,
.profile-nav-items a.mdc-deprecated-list-item.is-active .bp-profile__icon,
.profile-nav-items a.mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.is-active i,
.profile-nav-items a.mdc-deprecated-list-item.current-menu-item .material-icons,
.profile-nav-items a.mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
.profile-nav-items a.mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.current-menu-item i,
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--activated i,
.profile-nav-items .mdc-list-item.is-active .material-icons,
.profile-nav-items .mdc-list-item.is-active .bp-profile__icon,
.profile-nav-items .mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-list-item.is-active .mdc-list-item__graphic,
.profile-nav-items .mdc-list-item.is-active i,
.profile-nav-items .mdc-list-item.current-menu-item .material-icons,
.profile-nav-items .mdc-list-item.current-menu-item .bp-profile__icon,
.profile-nav-items .mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-list-item.current-menu-item .mdc-list-item__graphic,
.profile-nav-items .mdc-list-item.current-menu-item i,
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--activated i,
.profile-nav-items .mdc-list-item.mdc-list-item--activated .material-icons,
.profile-nav-items .mdc-list-item.mdc-list-item--activated .bp-profile__icon,
.profile-nav-items .mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items .mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.profile-nav-items .mdc-list-item.mdc-list-item--activated i,
.profile-nav-items a.mdc-list-item.is-active .material-icons,
.profile-nav-items a.mdc-list-item.is-active .bp-profile__icon,
.profile-nav-items a.mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-list-item.is-active .mdc-list-item__graphic,
.profile-nav-items a.mdc-list-item.is-active i,
.profile-nav-items a.mdc-list-item.current-menu-item .material-icons,
.profile-nav-items a.mdc-list-item.current-menu-item .bp-profile__icon,
.profile-nav-items a.mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-list-item.current-menu-item .mdc-list-item__graphic,
.profile-nav-items a.mdc-list-item.current-menu-item i,
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--activated i,
.profile-nav-items a.mdc-list-item.mdc-list-item--activated .material-icons,
.profile-nav-items a.mdc-list-item.mdc-list-item--activated .bp-profile__icon,
.profile-nav-items a.mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.profile-nav-items a.mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.profile-nav-items a.mdc-list-item.mdc-list-item--activated i,
.nav-items a.is-active .material-icons,
.nav-items a.is-active .bp-profile__icon,
.nav-items a.is-active .mdc-deprecated-list-item__graphic,
.nav-items a.is-active .mdc-list-item__graphic,
.nav-items a.is-active i,
.nav-items a.current-menu-item .material-icons,
.nav-items a.current-menu-item .bp-profile__icon,
.nav-items a.current-menu-item .mdc-deprecated-list-item__graphic,
.nav-items a.current-menu-item .mdc-list-item__graphic,
.nav-items a.current-menu-item i,
.nav-items a.mdc-deprecated-list-item--activated .material-icons,
.nav-items a.mdc-deprecated-list-item--activated .bp-profile__icon,
.nav-items a.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.nav-items a.mdc-deprecated-list-item--activated i,
.nav-items a.mdc-list-item--activated .material-icons,
.nav-items a.mdc-list-item--activated .bp-profile__icon,
.nav-items a.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-list-item--activated .mdc-list-item__graphic,
.nav-items a.mdc-list-item--activated i,
.nav-items .mdc-deprecated-list-item.is-active .material-icons,
.nav-items .mdc-deprecated-list-item.is-active .bp-profile__icon,
.nav-items .mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
.nav-items .mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
.nav-items .mdc-deprecated-list-item.is-active i,
.nav-items .mdc-deprecated-list-item.current-menu-item .material-icons,
.nav-items .mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
.nav-items .mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.nav-items .mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
.nav-items .mdc-deprecated-list-item.current-menu-item i,
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
.nav-items .mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
.nav-items .mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
.nav-items .mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items .mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.nav-items .mdc-deprecated-list-item.mdc-list-item--activated i,
.nav-items a.mdc-deprecated-list-item.is-active .material-icons,
.nav-items a.mdc-deprecated-list-item.is-active .bp-profile__icon,
.nav-items a.mdc-deprecated-list-item.is-active .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.is-active .mdc-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.is-active i,
.nav-items a.mdc-deprecated-list-item.current-menu-item .material-icons,
.nav-items a.mdc-deprecated-list-item.current-menu-item .bp-profile__icon,
.nav-items a.mdc-deprecated-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.current-menu-item .mdc-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.current-menu-item i,
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .material-icons,
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated i,
.nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .material-icons,
.nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .bp-profile__icon,
.nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.nav-items a.mdc-deprecated-list-item.mdc-list-item--activated i,
.nav-items .mdc-list-item.is-active .material-icons,
.nav-items .mdc-list-item.is-active .bp-profile__icon,
.nav-items .mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
.nav-items .mdc-list-item.is-active .mdc-list-item__graphic,
.nav-items .mdc-list-item.is-active i,
.nav-items .mdc-list-item.current-menu-item .material-icons,
.nav-items .mdc-list-item.current-menu-item .bp-profile__icon,
.nav-items .mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.nav-items .mdc-list-item.current-menu-item .mdc-list-item__graphic,
.nav-items .mdc-list-item.current-menu-item i,
.nav-items .mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
.nav-items .mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.nav-items .mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items .mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.nav-items .mdc-list-item.mdc-deprecated-list-item--activated i,
.nav-items .mdc-list-item.mdc-list-item--activated .material-icons,
.nav-items .mdc-list-item.mdc-list-item--activated .bp-profile__icon,
.nav-items .mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items .mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.nav-items .mdc-list-item.mdc-list-item--activated i,
.nav-items a.mdc-list-item.is-active .material-icons,
.nav-items a.mdc-list-item.is-active .bp-profile__icon,
.nav-items a.mdc-list-item.is-active .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-list-item.is-active .mdc-list-item__graphic,
.nav-items a.mdc-list-item.is-active i,
.nav-items a.mdc-list-item.current-menu-item .material-icons,
.nav-items a.mdc-list-item.current-menu-item .bp-profile__icon,
.nav-items a.mdc-list-item.current-menu-item .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-list-item.current-menu-item .mdc-list-item__graphic,
.nav-items a.mdc-list-item.current-menu-item i,
.nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .material-icons,
.nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .bp-profile__icon,
.nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-list-item.mdc-deprecated-list-item--activated .mdc-list-item__graphic,
.nav-items a.mdc-list-item.mdc-deprecated-list-item--activated i,
.nav-items a.mdc-list-item.mdc-list-item--activated .material-icons,
.nav-items a.mdc-list-item.mdc-list-item--activated .bp-profile__icon,
.nav-items a.mdc-list-item.mdc-list-item--activated .mdc-deprecated-list-item__graphic,
.nav-items a.mdc-list-item.mdc-list-item--activated .mdc-list-item__graphic,
.nav-items a.mdc-list-item.mdc-list-item--activated i {
  color: #ffffff;
}
.profile-nav-items a.is-active span:not(.material-icons):not(.bp-profile__icon), .profile-nav-items a.current-menu-item span:not(.material-icons):not(.bp-profile__icon), .profile-nav-items a.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon), .profile-nav-items a.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items .mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.profile-nav-items a.mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.is-active span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-deprecated-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-deprecated-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-deprecated-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-deprecated-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items .mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-list-item.is-active span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-list-item.current-menu-item span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-list-item.mdc-deprecated-list-item--activated span:not(.material-icons):not(.bp-profile__icon),
.nav-items a.mdc-list-item.mdc-list-item--activated span:not(.material-icons):not(.bp-profile__icon) {
  color: #ffffff;
  font-weight: var(--font-weight-medium);
}
.profile-nav-items a:focus,
.profile-nav-items .mdc-deprecated-list-item:focus,
.profile-nav-items a.mdc-deprecated-list-item:focus,
.profile-nav-items .mdc-list-item:focus,
.profile-nav-items a.mdc-list-item:focus,
.nav-items a:focus,
.nav-items .mdc-deprecated-list-item:focus,
.nav-items a.mdc-deprecated-list-item:focus,
.nav-items .mdc-list-item:focus,
.nav-items a.mdc-list-item:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.08);
}
.profile-nav-items a .mdc-deprecated-list-item__ripple,
.profile-nav-items .mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
.profile-nav-items a.mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
.profile-nav-items .mdc-list-item .mdc-deprecated-list-item__ripple,
.profile-nav-items a.mdc-list-item .mdc-deprecated-list-item__ripple,
.nav-items a .mdc-deprecated-list-item__ripple,
.nav-items .mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
.nav-items a.mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
.nav-items .mdc-list-item .mdc-deprecated-list-item__ripple,
.nav-items a.mdc-list-item .mdc-deprecated-list-item__ripple {
  display: none;
}
.profile-nav-items section .mdc-deprecated-list-item,
.profile-nav-items section .mdc-list-item,
.profile-nav-items section a.mdc-deprecated-list-item,
.profile-nav-items section a.mdc-list-item,
.nav-items section .mdc-deprecated-list-item,
.nav-items section .mdc-list-item,
.nav-items section a.mdc-deprecated-list-item,
.nav-items section a.mdc-list-item {
  padding-left: 30px !important;
  font-size: 13px !important;
}
.profile-nav-items section section .mdc-deprecated-list-item,
.profile-nav-items section section .mdc-list-item,
.profile-nav-items section section a.mdc-deprecated-list-item,
.profile-nav-items section section a.mdc-list-item,
.nav-items section section .mdc-deprecated-list-item,
.nav-items section section .mdc-list-item,
.nav-items section section a.mdc-deprecated-list-item,
.nav-items section section a.mdc-list-item {
  padding-left: 46px !important;
  font-size: 12px !important;
}
.profile-nav-items section section section .mdc-deprecated-list-item,
.profile-nav-items section section section .mdc-list-item,
.profile-nav-items section section section a.mdc-deprecated-list-item,
.profile-nav-items section section section a.mdc-list-item,
.nav-items section section section .mdc-deprecated-list-item,
.nav-items section section section .mdc-list-item,
.nav-items section section section a.mdc-deprecated-list-item,
.nav-items section section section a.mdc-list-item {
  padding-left: 62px !important;
  font-size: 12px !important;
}
.profile-nav-items section section section section .mdc-deprecated-list-item,
.profile-nav-items section section section section .mdc-list-item,
.profile-nav-items section section section section a.mdc-deprecated-list-item,
.profile-nav-items section section section section a.mdc-list-item,
.nav-items section section section section .mdc-deprecated-list-item,
.nav-items section section section section .mdc-list-item,
.nav-items section section section section a.mdc-deprecated-list-item,
.nav-items section section section section a.mdc-list-item {
  padding-left: 78px !important;
  font-size: 12px !important;
}

/* Navigation Items (LEGACY - keep for compatibility) */
.nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  padding: 12px 14px;
  border-radius: var(--border-radius-small);
  color: rgba(255, 255, 255, 0.87);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: var(--spacing-xs);
}
.nav-item:hover {
  background: rgba(255, 255, 255, 0.08);
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
.nav-item.active {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

/* Navigation für collapsed state */
.profile-app-container.nav-collapsed .profile-navigation .profile-nav-items .nav-item span:last-child {
  display: none;
}

.profile-app-container.nav-hidden .profile-navigation {
  display: none;
}

/* ============================================ */
/* MAIN CONTENT AREA                           */
/* ============================================ */
.profile-main {
  grid-area: main;
  padding: var(--spacing-xl);
  overflow-y: auto;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  background: var(--background-color);
}
@media (max-width: 768px) {
  .profile-main {
    padding: var(--spacing-md);
  }
}

.profile-main-header {
  margin-bottom: var(--spacing-xl);
}

.profile-page-title {
  font-size: var(--font-size-h2);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  color: var(--text-primary);
}

.profile-page-description {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  max-width: 80ch;
  line-height: 1.6;
}

/* ============================================ */
/* CARD SYSTEM                                  */
/* ============================================ */
.profile-card {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  margin-bottom: var(--spacing-lg);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-card:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
}

.profile-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--spacing-lg);
  border-bottom: 1px solid #E0E0E0;
}

.profile-card-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
}

.profile-card-title {
  font-size: var(--font-size-h4);
  font-weight: 500;
  margin: 0;
}

.profile-card-content {
  padding: var(--spacing-lg);
}

/* ============================================ */
/* FORM SYSTEM                                  */
/* ============================================ */
.profile-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}
@media (min-width: 768px) {
  .profile-form-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.profile-form-grid-full {
  grid-column: 1/-1;
}

/* ============================================ */
/* FIELD TYPE SPECIFIC LAYOUTS                 */
/* ============================================ */
/* CRITICAL FIX: BuddyPress Profile Form needs Grid Layout
 * Problem: .editfield elements are direct children of form WITHOUT grid container
 * Solution: Apply grid directly to form element
 */
form#profile-edit-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg, 24px);
}
@media (min-width: 768px) {
  form#profile-edit-form {
    grid-template-columns: 1fr 1fr;
  }
}

/* Headline fields (field_type_headline) should span full width across 2 columns */
/* CRITICAL: Higher specificity needed to override form#profile-edit-form .editfield rule */
form#profile-edit-form .editfield.field_type_headline {
  grid-column: 1/-1 !important;
}
form#profile-edit-form .editfield.field_type_headline fieldset {
  width: 100%;
  margin-bottom: var(--spacing-md);
}
form#profile-edit-form .editfield.field_type_headline fieldset h5, form#profile-edit-form .editfield.field_type_headline fieldset h6 {
  font-size: var(--font-size-h6, 18px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  padding: 0;
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: var(--spacing-xs);
}
form#profile-edit-form .editfield.field_type_headline fieldset p {
  margin: 0;
  padding: 0;
  color: var(--text-secondary);
  font-size: var(--font-size-small, 14px);
}

/* Table fields (field_type_table AND field_type_declarativetable) should also span full width */
form#profile-edit-form .editfield.field_type_table,
form#profile-edit-form .editfield.field_type_declarativetable {
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Declarative table containers - full width with horizontal scroll */
form#profile-edit-form .declarative-table-container {
  width: 100% !important;
  max-width: 100% !important;
}

form#profile-edit-form .dt-cards-container,
form#profile-edit-form .dt-table-scroll-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

/* Action bar (buttons) should span full width */
form#profile-edit-form .bp-profile__actions {
  grid-column: 1/-1 !important;
}

/* ============================================ */
/* INPUT FIELDS                                 */
/* ============================================ */
.profile-input-group {
  position: relative;
  margin-bottom: var(--spacing-md);
}

.profile-input-field {
  width: 100%;
  background: var(--surface-color);
  color: var(--text-primary);
  border: 1px solid #BDBDBD;
  border-radius: var(--border-radius-small);
  padding: 16px 14px 14px;
  font-family: inherit;
  font-size: var(--font-size-body);
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-input-field:focus {
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 2px rgba(35, 3, 106, 0.15);
          box-shadow: 0 0 0 2px rgba(35, 3, 106, 0.15);
}
.profile-input-field:not(:-moz-placeholder-shown) + .profile-input-label {
  top: -8px;
  font-size: var(--font-size-small);
  color: var(--primary-color);
}
.profile-input-field:not(:-ms-input-placeholder) + .profile-input-label {
  top: -8px;
  font-size: var(--font-size-small);
  color: var(--primary-color);
}
.profile-input-field:focus + .profile-input-label, .profile-input-field:not(:placeholder-shown) + .profile-input-label {
  top: -8px;
  font-size: var(--font-size-small);
  color: var(--primary-color);
}

.profile-input-label {
  position: absolute;
  left: 12px;
  top: 14px;
  padding: 0 4px;
  background: var(--surface-color);
  color: var(--text-secondary);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
  font-weight: 400;
}

/* ============================================ */
/* BUTTONS                                      */
/* ============================================ */
.profile-btn {
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  border-radius: var(--border-radius-small);
  padding: 10px 16px;
  font-family: inherit;
  font-weight: 500;
  font-size: var(--font-size-body);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.profile-btn:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.profile-btn:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.profile-btn.profile-btn-primary {
  background: var(--primary-color);
  color: var(--text-on-primary);
}
.profile-btn.profile-btn-primary:hover {
  background: var(--primary-dark);
}
.profile-btn.profile-btn-secondary {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
}
.profile-btn.profile-btn-outlined {
  background: transparent;
  color: var(--primary-color);
  border: 1px solid #BDBDBD;
}
.profile-btn.profile-btn-outlined:hover {
  background: rgba(35, 3, 106, 0.04);
  border-color: var(--primary-color);
}
.profile-btn.profile-btn-text {
  background: transparent;
  color: var(--primary-color);
  padding: var(--spacing-sm) var(--spacing-md);
}
.profile-btn.profile-btn-text:hover {
  background: rgba(35, 3, 106, 0.04);
}

.profile-icon-btn {
  border: none;
  background: transparent;
  color: inherit;
  border-radius: var(--border-radius-small);
  padding: var(--spacing-sm);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.profile-icon-btn:hover {
  background: rgba(0, 0, 0, 0.04);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* ============================================ */
/* CHIPS & STATUS                               */
/* ============================================ */
.profile-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  border-radius: 16px;
  padding: 6px 12px;
  font-size: var(--font-size-caption);
  font-weight: 500;
  background: #E0E0E0;
  color: var(--text-primary);
}
.profile-chip.warning {
  background: rgba(255, 152, 0, 0.12);
  color: var(--warning-color);
}
.profile-chip.success {
  background: rgba(13, 115, 119, 0.12);
  color: var(--success-color);
}
.profile-chip.info {
  background: rgba(33, 150, 243, 0.12);
  color: var(--info-color);
}

.profile-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text-disabled);
}
.profile-status-dot.warning {
  background: var(--warning-color);
}
.profile-status-dot.success {
  background: var(--success-color);
}
.profile-status-dot.info {
  background: var(--info-color);
}

/* ============================================ */
/* ACCORDION SYSTEM                            */
/* ============================================ */
.profile-accordion {
  overflow: hidden;
}
.profile-accordion .profile-accordion-trigger {
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.profile-accordion.open .profile-accordion-trigger {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.profile-accordion .profile-accordion-panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.profile-accordion.open .profile-accordion-panel {
  max-height: 2000px;
}

/* ============================================ */
/* SWITCHES                                     */
/* ============================================ */
.profile-switch {
  position: relative;
  width: 52px;
  height: 28px;
  background: #9E9E9E;
  border-radius: 14px;
  cursor: pointer;
  -webkit-transition: background 0.4s ease;
  transition: background 0.4s ease;
}
.profile-switch::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  background: var(--surface-color);
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
}
.profile-switch.active {
  background: var(--primary-color);
}
.profile-switch.active::after {
  left: 28px;
}

/* ============================================ */
/* CHECKBOXES                                   */
/* ============================================ */
.profile-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  cursor: pointer;
}

.profile-checkbox {
  position: relative;
  width: 20px;
  height: 20px;
}
.profile-checkbox input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.profile-checkbox-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #BDBDBD;
  border-radius: var(--border-radius-small);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.profile-checkbox-mark::after {
  content: "✓";
  color: var(--text-on-primary);
  font-size: 14px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.profile-checkbox input:checked + .profile-checkbox-mark {
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.profile-checkbox input:checked + .profile-checkbox-mark::after {
  opacity: 1;
}

/* ============================================ */
/* HELP PANEL                                  */
/* ============================================ */
.profile-help {
  grid-area: help;
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--spacing-lg);
}
.profile-help.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile-help-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: var(--spacing-md);
}

.profile-help-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-body);
  font-weight: 500;
}

.profile-help-content {
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-md);
  font-size: var(--font-size-caption);
  line-height: 1.6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: var(--spacing-md);
}

/* ============================================ */
/* ACTION BAR                                   */
/* ============================================ */
.profile-action-bar,
.action-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-md);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: var(--spacing-xl);
}

/* ============================================ */
/* MOBILE OVERLAYS                             */
/* ============================================ */
.profile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 45;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-overlay.show {
  opacity: 1;
  visibility: visible;
}

.profile-mobile-drawer {
  position: fixed;
  top: 64px;
  left: 0;
  width: var(--nav-width);
  height: calc(100vh - 64px);
  background: var(--primary-color);
  color: var(--text-on-primary);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 50;
  overflow-y: auto;
}
.profile-mobile-drawer.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/* ============================================
   MOBILE NAVIGATION - Modal Drawer
   ============================================ */
/* NOTE: Scrim styling is defined in desktop section above (lines 177-195) */
@media (max-width: 1024px) {
  /* Hide desktop navigation structure, but allow MDC drawer child to be visible */
  .profile-navigation,
.nav {
    position: fixed !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
  .profile-navigation .mdc-drawer,
.nav .mdc-drawer {
    left: 0 !important;
    pointer-events: auto !important;
  }
  .profile-navigation.mobile-menu-open,
.nav.mobile-menu-open {
    display: block !important;
    position: fixed !important;
    top: var(--header-height, 80px) !important;
    left: 0 !important;
    width: 280px !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    background: var(--primary-color) !important;
    z-index: 101 !important;
    padding: 16px !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    pointer-events: auto !important;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  }

  body.profile-edit .profile-navigation.mobile-menu-open,
body.profile-edit .nav.mobile-menu-open,
body.xprofile .profile-navigation.mobile-menu-open,
body.xprofile .nav.mobile-menu-open,
body.buddypress.profile-edit .profile-navigation.mobile-menu-open,
body.buddypress.profile-edit .nav.mobile-menu-open,
body.buddypress.xprofile .profile-navigation.mobile-menu-open,
body.buddypress.xprofile .nav.mobile-menu-open {
    display: block !important;
    position: fixed !important;
    top: var(--header-height, 80px) !important;
    left: 0 !important;
    width: 280px !important;
    height: calc(100vh - var(--header-height, 80px)) !important;
    background: var(--primary-color) !important;
    z-index: 101 !important;
    padding: 16px !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    pointer-events: auto !important;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* MDC Drawer Modal (Mobile) - MDC-compliant */
  .mdc-drawer.mdc-drawer--modal {
    position: fixed;
    top: var(--header-height, 80px) !important;
    left: 0;
    height: calc(100vh - var(--header-height, 80px)) !important;
    width: 280px;
    background: var(--primary-color);
    z-index: 101;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
    margin-top: 0 !important;
    padding-top: 0 !important;
    -webkit-transform: translateX(-100%) !important;
            transform: translateX(-100%) !important;
    -webkit-transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.225s cubic-bezier(0.4, 0, 0.2, 1);
    /* Drawer content scrolling */
  }
  .mdc-drawer.mdc-drawer--modal.mdc-drawer--open {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
  .mdc-drawer.mdc-drawer--modal.mdc-drawer--opening {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition-duration: 0.225s;
            transition-duration: 0.225s;
  }
  .mdc-drawer.mdc-drawer--modal.mdc-drawer--closing {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition-duration: 0.195s;
            transition-duration: 0.195s;
  }
  .mdc-drawer.mdc-drawer--modal .mdc-drawer__content {
    padding: var(--spacing-md, 16px);
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }

  /* Scrim is visible on mobile */
  .mdc-drawer-scrim {
    display: block;
  }

  /* Profile help hidden on mobile */
  .profile-help {
    display: none;
  }
  .profile-help.mobile-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 64px;
    right: 0;
    width: min(90%, 400px);
    height: calc(100vh - 64px);
    z-index: 50;
    background: var(--secondary-color);
    color: var(--text-on-secondary);
  }
}
/* End of @media (max-width: 1024px) */
/* ============================================
   DESKTOP NAVIGATION - Normal Visibility
   ============================================ */
/* On desktop (>1024px), .nav and its content are normally visible */
@media (min-width: 1025px) {
  body.profile-edit .profile-navigation,
body.profile-edit .nav,
body.xprofile .profile-navigation,
body.xprofile .nav,
body.buddypress.profile-edit .profile-navigation,
body.buddypress.profile-edit .nav,
body.buddypress.xprofile .profile-navigation,
body.buddypress.xprofile .nav {
    display: block !important;
    position: static !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.profile-edit .nav-hidden .profile-navigation,
body.profile-edit .nav-hidden .nav,
body.profile-edit .app-container.nav-hidden .profile-navigation,
body.profile-edit .app-container.nav-hidden .nav,
body.profile-edit .profile-app-container.nav-hidden .profile-navigation,
body.profile-edit .profile-app-container.nav-hidden .nav,
body.xprofile .nav-hidden .profile-navigation,
body.xprofile .nav-hidden .nav,
body.xprofile .app-container.nav-hidden .profile-navigation,
body.xprofile .app-container.nav-hidden .nav,
body.xprofile .profile-app-container.nav-hidden .profile-navigation,
body.xprofile .profile-app-container.nav-hidden .nav,
body.buddypress.profile-edit .nav-hidden .profile-navigation,
body.buddypress.profile-edit .nav-hidden .nav,
body.buddypress.profile-edit .app-container.nav-hidden .profile-navigation,
body.buddypress.profile-edit .app-container.nav-hidden .nav,
body.buddypress.profile-edit .profile-app-container.nav-hidden .profile-navigation,
body.buddypress.profile-edit .profile-app-container.nav-hidden .nav,
body.buddypress.xprofile .nav-hidden .profile-navigation,
body.buddypress.xprofile .nav-hidden .nav,
body.buddypress.xprofile .app-container.nav-hidden .profile-navigation,
body.buddypress.xprofile .app-container.nav-hidden .nav,
body.buddypress.xprofile .profile-app-container.nav-hidden .profile-navigation,
body.buddypress.xprofile .profile-app-container.nav-hidden .nav {
    display: none !important;
    grid-area: unset !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  body.profile-edit .nav-hidden .profile-navigation .mdc-drawer,
body.profile-edit .nav-hidden .nav .mdc-drawer,
body.profile-edit .app-container.nav-hidden .profile-navigation .mdc-drawer,
body.profile-edit .app-container.nav-hidden .nav .mdc-drawer,
body.profile-edit .profile-app-container.nav-hidden .profile-navigation .mdc-drawer,
body.profile-edit .profile-app-container.nav-hidden .nav .mdc-drawer,
body.xprofile .nav-hidden .profile-navigation .mdc-drawer,
body.xprofile .nav-hidden .nav .mdc-drawer,
body.xprofile .app-container.nav-hidden .profile-navigation .mdc-drawer,
body.xprofile .app-container.nav-hidden .nav .mdc-drawer,
body.xprofile .profile-app-container.nav-hidden .profile-navigation .mdc-drawer,
body.xprofile .profile-app-container.nav-hidden .nav .mdc-drawer,
body.buddypress.profile-edit .nav-hidden .profile-navigation .mdc-drawer,
body.buddypress.profile-edit .nav-hidden .nav .mdc-drawer,
body.buddypress.profile-edit .app-container.nav-hidden .profile-navigation .mdc-drawer,
body.buddypress.profile-edit .app-container.nav-hidden .nav .mdc-drawer,
body.buddypress.profile-edit .profile-app-container.nav-hidden .profile-navigation .mdc-drawer,
body.buddypress.profile-edit .profile-app-container.nav-hidden .nav .mdc-drawer,
body.buddypress.xprofile .nav-hidden .profile-navigation .mdc-drawer,
body.buddypress.xprofile .nav-hidden .nav .mdc-drawer,
body.buddypress.xprofile .app-container.nav-hidden .profile-navigation .mdc-drawer,
body.buddypress.xprofile .app-container.nav-hidden .nav .mdc-drawer,
body.buddypress.xprofile .profile-app-container.nav-hidden .profile-navigation .mdc-drawer,
body.buddypress.xprofile .profile-app-container.nav-hidden .nav .mdc-drawer {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.profile-edit .nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.profile-edit .nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.profile-edit .app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.profile-edit .app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.profile-edit .profile-app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.profile-edit .profile-app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.xprofile .nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.xprofile .nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.xprofile .app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.xprofile .app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.xprofile .profile-app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.xprofile .profile-app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.buddypress.profile-edit .nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.buddypress.profile-edit .nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.buddypress.profile-edit .app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.buddypress.profile-edit .app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.buddypress.profile-edit .profile-app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.buddypress.profile-edit .profile-app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.buddypress.xprofile .nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.buddypress.xprofile .nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.buddypress.xprofile .app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.buddypress.xprofile .app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content,
body.buddypress.xprofile .profile-app-container.nav-hidden .profile-navigation .mdc-drawer .mdc-drawer__content,
body.buddypress.xprofile .profile-app-container.nav-hidden .nav .mdc-drawer .mdc-drawer__content {
    padding: 0 !important;
    overflow: visible !important;
    display: block !important;
    visibility: visible !important;
  }
  body.profile-edit .nav-hidden .profile-navigation .buddypress-profile-navigation,
body.profile-edit .nav-hidden .nav .buddypress-profile-navigation,
body.profile-edit .app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.profile-edit .app-container.nav-hidden .nav .buddypress-profile-navigation,
body.profile-edit .profile-app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.profile-edit .profile-app-container.nav-hidden .nav .buddypress-profile-navigation,
body.xprofile .nav-hidden .profile-navigation .buddypress-profile-navigation,
body.xprofile .nav-hidden .nav .buddypress-profile-navigation,
body.xprofile .app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.xprofile .app-container.nav-hidden .nav .buddypress-profile-navigation,
body.xprofile .profile-app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.xprofile .profile-app-container.nav-hidden .nav .buddypress-profile-navigation,
body.buddypress.profile-edit .nav-hidden .profile-navigation .buddypress-profile-navigation,
body.buddypress.profile-edit .nav-hidden .nav .buddypress-profile-navigation,
body.buddypress.profile-edit .app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.buddypress.profile-edit .app-container.nav-hidden .nav .buddypress-profile-navigation,
body.buddypress.profile-edit .profile-app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.buddypress.profile-edit .profile-app-container.nav-hidden .nav .buddypress-profile-navigation,
body.buddypress.xprofile .nav-hidden .profile-navigation .buddypress-profile-navigation,
body.buddypress.xprofile .nav-hidden .nav .buddypress-profile-navigation,
body.buddypress.xprofile .app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.buddypress.xprofile .app-container.nav-hidden .nav .buddypress-profile-navigation,
body.buddypress.xprofile .profile-app-container.nav-hidden .profile-navigation .buddypress-profile-navigation,
body.buddypress.xprofile .profile-app-container.nav-hidden .nav .buddypress-profile-navigation {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
  }
  body.profile-edit .nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.profile-edit .nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.profile-edit .nav-hidden .nav .mdc-deprecated-list-item,
body.profile-edit .nav-hidden .nav a.mdc-deprecated-list-item,
body.profile-edit .app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.profile-edit .app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.profile-edit .app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.profile-edit .app-container.nav-hidden .nav a.mdc-deprecated-list-item,
body.profile-edit .profile-app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.profile-edit .profile-app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.profile-edit .profile-app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.profile-edit .profile-app-container.nav-hidden .nav a.mdc-deprecated-list-item,
body.xprofile .nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.xprofile .nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.xprofile .nav-hidden .nav .mdc-deprecated-list-item,
body.xprofile .nav-hidden .nav a.mdc-deprecated-list-item,
body.xprofile .app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.xprofile .app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.xprofile .app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.xprofile .app-container.nav-hidden .nav a.mdc-deprecated-list-item,
body.xprofile .profile-app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.xprofile .profile-app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.xprofile .profile-app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.xprofile .profile-app-container.nav-hidden .nav a.mdc-deprecated-list-item,
body.buddypress.profile-edit .nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.buddypress.profile-edit .nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.buddypress.profile-edit .nav-hidden .nav .mdc-deprecated-list-item,
body.buddypress.profile-edit .nav-hidden .nav a.mdc-deprecated-list-item,
body.buddypress.profile-edit .app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.buddypress.profile-edit .app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.buddypress.profile-edit .app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.buddypress.profile-edit .app-container.nav-hidden .nav a.mdc-deprecated-list-item,
body.buddypress.profile-edit .profile-app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.buddypress.profile-edit .profile-app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.buddypress.profile-edit .profile-app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.buddypress.profile-edit .profile-app-container.nav-hidden .nav a.mdc-deprecated-list-item,
body.buddypress.xprofile .nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.buddypress.xprofile .nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.buddypress.xprofile .nav-hidden .nav .mdc-deprecated-list-item,
body.buddypress.xprofile .nav-hidden .nav a.mdc-deprecated-list-item,
body.buddypress.xprofile .app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.buddypress.xprofile .app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.buddypress.xprofile .app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.buddypress.xprofile .app-container.nav-hidden .nav a.mdc-deprecated-list-item,
body.buddypress.xprofile .profile-app-container.nav-hidden .profile-navigation .mdc-deprecated-list-item,
body.buddypress.xprofile .profile-app-container.nav-hidden .profile-navigation a.mdc-deprecated-list-item,
body.buddypress.xprofile .profile-app-container.nav-hidden .nav .mdc-deprecated-list-item,
body.buddypress.xprofile .profile-app-container.nav-hidden .nav a.mdc-deprecated-list-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/* End of @media (min-width: 1025px) */
/* ============================================ */
/* RIPPLE EFFECT                               */
/* ============================================ */
@-webkit-keyframes profile-ripple {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
@keyframes profile-ripple {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
.profile-ripple {
  position: relative;
  overflow: hidden;
}
.profile-ripple::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width 0.6s, height 0.6s;
  transition: width 0.6s, height 0.6s;
}
.profile-ripple:active::before {
  width: 300px;
  height: 300px;
  -webkit-animation: profile-ripple 0.6s linear;
          animation: profile-ripple 0.6s linear;
}

/* ============================================ */
/* MATERIAL ICONS SUPPORT                      */
/* ============================================ */
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* ============================================ */
/* DARK THEME SUPPORT                          */
/* ============================================ */
.theme-dark {
  --background-color: #121212;
  --surface-color: #1E1E1E;
  --surface-elevated: #262626;
  --text-primary: #E6E6E6;
  --text-secondary: #BDBDBD;
  --text-disabled: #757575;
}

/* ============================================ */
/* RESET & BASE STYLES                         */
/* ============================================ */
/* Selective reset - NUR für Elemente die Resets brauchen
 * WICHTIG: Nicht alle Elemente, nur HTML/Body/Headings/Paragraphs
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Reset nur für typografische Elemente - NICHT für Form-Elemente oder Grids */
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
figure, figcaption, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  margin: 0;
  padding: 0;
}

/* Override MDC-Select Selected Item Background (Fix for unseen dropdown items with wrong primary-color background) */
body.profile-edit form#profile-edit-form .mdc-select .mdc-select__menu .mdc-deprecated-list-item.mdc-deprecated-list-item--selected,
body.profile-edit form#profile-edit-form .mdc-select .mdc-menu-surface .mdc-deprecated-list-item.mdc-deprecated-list-item--selected {
  background-color: transparent !important;
}

/* Form styling - Defined in _bp-profile-refactored.scss */
/* All form#profile-edit-form, .form-submenu, .form-submenu-active styles are now in the BuddyPress component file */
html, body {
  min-height: 100vh;
  height: auto;
  font-family: "Ubuntu", sans-serif;
  background: var(--background-color);
  color: var(--text-primary);
  line-height: 1.6;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}

/* ============================================
   MDC TOOLTIP - Navigation Text Overflow
   Material Design Tooltip for truncated text
   ============================================ */
.bp-nav-tooltip {
  position: fixed;
  background: rgba(97, 97, 97, 0.92);
  color: #FFFFFF;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: var(--font-weight-medium, 500);
  white-space: nowrap;
  pointer-events: none;
  z-index: 200;
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.bp-nav-tooltip.bp-nav-tooltip--visible {
  opacity: 1;
}
.bp-nav-tooltip::before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
}
.bp-nav-tooltip[data-placement=right]::before {
  left: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-right-color: rgba(97, 97, 97, 0.92);
}
.bp-nav-tooltip[data-placement=left]::before {
  right: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-left-color: rgba(97, 97, 97, 0.92);
}
.bp-nav-tooltip[data-placement=top]::before {
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top-color: rgba(97, 97, 97, 0.92);
}
.bp-nav-tooltip[data-placement=bottom]::before {
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom-color: rgba(97, 97, 97, 0.92);
}

/**
 * Table Field Fixes - Grid Span and Dialog Z-Index Solutions
 * Addresses the two issues raised by the user:
 * 1. Table field grid span (allow spanning two columns)
 * 2. Dialog z-index conflict with left navigation menu
 */
.editfield[data-field-type=table],
div.field[data-field-type=table],
.field-wrapper .mdc-layout-grid__cell--span-12:has(.mdc-data-table) {
  grid-column: span 2 !important;
}
@media (max-width: 768px) {
  .editfield[data-field-type=table],
div.field[data-field-type=table],
.field-wrapper .mdc-layout-grid__cell--span-12:has(.mdc-data-table) {
    grid-column: span 1 !important;
  }
}

.mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(.mdc-data-table),
.mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]) {
  grid-column: span 8 !important;
}
@media (min-width: 1024px) {
  .mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(.mdc-data-table),
.mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]) {
    grid-column: span 12 !important;
  }
}
@media (max-width: 768px) {
  .mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(.mdc-data-table),
.mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]) {
    grid-column: span 4 !important;
  }
}

.mdc-layout-grid__cell--span-12:has(.mdc-data-table), .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]) {
  grid-column: 1/-1 !important;
  max-width: none !important;
}
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(.mdc-data-table), form#profile-edit-form .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]) {
  grid-column: span 2 !important;
}
@media (max-width: 768px) {
  form#profile-edit-form .mdc-layout-grid__cell--span-12:has(.mdc-data-table), form#profile-edit-form .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]) {
    grid-column: span 1 !important;
  }
}

.mdc-dialog[id*=addtablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-floating-label,
.mdc-dialog[id*=edittablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-floating-label {
  display: none !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-notched-outline__notch,
.mdc-dialog[id*=edittablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-notched-outline__notch {
  display: none !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-dialog[id*=edittablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-notched-outline .mdc-notched-outline__leading {
  width: 12px !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-dialog[id*=edittablerowdialog] .mdc-select:not(.selectday):not(.selectmonth):not(.selectyear):not(.selecthour) .mdc-notched-outline .mdc-notched-outline__trailing {
  border-left: none !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-text-field .mdc-floating-label,
.mdc-dialog[id*=edittablerowdialog] .mdc-text-field .mdc-floating-label {
  display: none !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-text-field .mdc-notched-outline__notch,
.mdc-dialog[id*=edittablerowdialog] .mdc-text-field .mdc-notched-outline__notch {
  display: none !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-dialog[id*=edittablerowdialog] .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading {
  width: 12px !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-dialog[id*=edittablerowdialog] .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing {
  border-left: none !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-text-field .mdc-text-field__input,
.mdc-dialog[id*=edittablerowdialog] .mdc-text-field .mdc-text-field__input {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.mdc-dialog[id*=addtablerowdialog] .declarative-table-text-label,
.mdc-dialog[id*=edittablerowdialog] .declarative-table-text-label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.87) !important;
  margin-bottom: 8px !important;
  margin-top: 16px !important;
}
.mdc-dialog[id*=addtablerowdialog] .declarative-table-text-label:first-child,
.mdc-dialog[id*=edittablerowdialog] .declarative-table-text-label:first-child {
  margin-top: 0 !important;
}

.mdc-dialog[id*=addtablerowdialog],
.mdc-dialog[id*=edittablerowdialog],
.mdc-dialog[id*=uebernahmedialog],
div[id*=tablerowdialog].mdc-dialog {
  z-index: 5000000 !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__container,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__container,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__container,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__container {
  z-index: 5000001 !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__surface,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__surface,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__surface,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__surface {
  z-index: 5000002 !important;
  position: relative !important;
  width: 80vw !important;
  max-width: 80vw !important;
  min-width: 280px !important;
}
@media (max-width: 768px) {
  .mdc-dialog[id*=addtablerowdialog] .mdc-dialog__surface,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__surface,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__surface,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__surface {
    width: 95vw !important;
    max-width: 95vw !important;
  }
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__scrim,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__scrim,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__scrim,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__scrim {
  z-index: 4999999 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(2px) !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content,
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__header,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__header,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__content,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__header,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__content,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__header {
  z-index: 1000013 !important;
  position: relative !important;
}
.mdc-dialog[id*=addtablerowdialog].mdc-dialog--open,
.mdc-dialog[id*=edittablerowdialog].mdc-dialog--open,
.mdc-dialog[id*=uebernahmedialog].mdc-dialog--open,
div[id*=tablerowdialog].mdc-dialog.mdc-dialog--open {
  -webkit-transform: none !important;
          transform: none !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__container,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__container,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__container,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__container {
  -webkit-transform: none !important;
          transform: none !important;
  overflow: visible !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__surface,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__surface,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__surface,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__surface {
  overflow: visible !important;
  max-height: 90vh !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__content,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__content {
  max-height: calc(90vh - 120px) !important;
  overflow-y: auto !important;
  overflow-x: visible !important;
  padding: var(--spacing-lg, 24px) !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open {
  z-index: 5000100 !important;
  max-height: min(50vh, 400px) !important;
  min-width: 400px !important;
  max-width: min(600px, 90vw) !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item],
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item],
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item],
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item],
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item],
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item],
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-list-item,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item],
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] {
  white-space: normal !important;
  height: auto !important;
  min-height: 48px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  line-height: 1.4 !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__primary-text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__primary-text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
.mdc-dialog[id*=addtablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__primary-text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__primary-text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
.mdc-dialog[id*=edittablerowdialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__primary-text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__primary-text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__primary-text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
.mdc-dialog[id*=uebernahmedialog] .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-list-item__primary-text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-list-item .mdc-deprecated-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-list-item__primary-text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-list-item__primary-text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-select__menu.mdc-menu-surface li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-list-item__primary-text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item .mdc-deprecated-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-list-item__primary-text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item .mdc-deprecated-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open .mdc-deprecated-list-item span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple),
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-list-item__primary-text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] .mdc-deprecated-list-item__text,
div[id*=tablerowdialog].mdc-dialog .mdc-menu-surface.mdc-menu-surface--open li[class*=mdc-list-item] span:not(.mdc-deprecated-list-item__ripple):not(.mdc-list-item__ripple) {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__actions,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__actions,
.mdc-dialog[id*=uebernahmedialog] .mdc-dialog__actions,
div[id*=tablerowdialog].mdc-dialog .mdc-dialog__actions {
  z-index: 1 !important;
  position: relative !important;
}

.buddypress #item-body .mdc-dialog[class*=-delete-dialog],
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog],
.profile-edit .mdc-dialog[class*=-delete-dialog] {
  z-index: 3000000 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-transform: translateX(-280px) !important;
          transform: translateX(-280px) !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  inset: 0 !important;
  contain: none !important;
  isolation: isolate !important;
  pointer-events: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
.buddypress #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--open, .buddypress #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--opening, .buddypress #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--closing,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--open,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--opening,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--closing,
.profile-edit .mdc-dialog[class*=-delete-dialog].mdc-dialog--open,
.profile-edit .mdc-dialog[class*=-delete-dialog].mdc-dialog--opening,
.profile-edit .mdc-dialog[class*=-delete-dialog].mdc-dialog--closing {
  z-index: 3000000 !important;
  pointer-events: auto !important;
}
.buddypress #item-body .mdc-dialog[class*=-delete-dialog] .mdc-dialog__scrim,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog] .mdc-dialog__scrim,
.profile-edit .mdc-dialog[class*=-delete-dialog] .mdc-dialog__scrim {
  z-index: 2999999 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  inset: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  contain: none !important;
  isolation: auto !important;
  pointer-events: none !important;
}
.buddypress #item-body .mdc-dialog[class*=-delete-dialog] .mdc-dialog__container,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog] .mdc-dialog__container,
.profile-edit .mdc-dialog[class*=-delete-dialog] .mdc-dialog__container {
  z-index: 3000001 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
.buddypress #item-body .mdc-dialog[class*=-delete-dialog] .mdc-dialog__surface,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog] .mdc-dialog__surface,
.profile-edit .mdc-dialog[class*=-delete-dialog] .mdc-dialog__surface {
  z-index: 3000002 !important;
  position: relative !important;
  margin: 0 !important;
  min-width: 280px !important;
  max-width: min(100vw - 32px, 560px) !important;
  width: auto !important;
  pointer-events: none !important;
}
.buddypress #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--open .mdc-dialog__surface, .buddypress #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--opening .mdc-dialog__surface, .buddypress #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--closing .mdc-dialog__surface,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--open .mdc-dialog__surface,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--opening .mdc-dialog__surface,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--closing .mdc-dialog__surface,
.profile-edit .mdc-dialog[class*=-delete-dialog].mdc-dialog--open .mdc-dialog__surface,
.profile-edit .mdc-dialog[class*=-delete-dialog].mdc-dialog--opening .mdc-dialog__surface,
.profile-edit .mdc-dialog[class*=-delete-dialog].mdc-dialog--closing .mdc-dialog__surface {
  pointer-events: auto !important;
}
.buddypress #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--open .mdc-dialog__scrim,
body.bp-user #item-body .mdc-dialog[class*=-delete-dialog].mdc-dialog--open .mdc-dialog__scrim,
.profile-edit .mdc-dialog[class*=-delete-dialog].mdc-dialog--open .mdc-dialog__scrim {
  pointer-events: auto !important;
}

.nav,
.form-submenus-container,
.form-submenu,
.form-submenu-active,
.mdc-drawer,
.profile-app-container .nav,
#editmenu,
aside.mdc-drawer {
  z-index: 101 !important;
}

#helpPanel,
#help-wrapper,
#tooltip-wrapper,
.help-sidebar,
.help-content {
  z-index: 900000 !important;
}
#helpPanel.show, #helpPanel.visible,
#help-wrapper.show,
#help-wrapper.visible,
#tooltip-wrapper.show,
#tooltip-wrapper.visible,
.help-sidebar.show,
.help-sidebar.visible,
.help-content.show,
.help-content.visible {
  z-index: 900000 !important;
}
#helpPanel .help-content,
#helpPanel .help-close-btn,
#helpPanel .help-ok-btn,
#helpPanel #closeHelp,
#helpPanel #helpCloseButton,
#helpPanel #helpOkButton,
#help-wrapper .help-content,
#help-wrapper .help-close-btn,
#help-wrapper .help-ok-btn,
#help-wrapper #closeHelp,
#help-wrapper #helpCloseButton,
#help-wrapper #helpOkButton,
#tooltip-wrapper .help-content,
#tooltip-wrapper .help-close-btn,
#tooltip-wrapper .help-ok-btn,
#tooltip-wrapper #closeHelp,
#tooltip-wrapper #helpCloseButton,
#tooltip-wrapper #helpOkButton,
.help-sidebar .help-content,
.help-sidebar .help-close-btn,
.help-sidebar .help-ok-btn,
.help-sidebar #closeHelp,
.help-sidebar #helpCloseButton,
.help-sidebar #helpOkButton,
.help-content .help-content,
.help-content .help-close-btn,
.help-content .help-ok-btn,
.help-content #closeHelp,
.help-content #helpCloseButton,
.help-content #helpOkButton {
  z-index: 900001 !important;
}

.mdc-data-table {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  overflow-x: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto !important;
}
.mdc-data-table .mdc-data-table__table-container {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.mdc-data-table .mdc-data-table__table {
  width: 100% !important;
  min-width: 100% !important;
  border: 0 !important;
  white-space: nowrap !important;
  border-spacing: 0 !important;
}
.mdc-data-table .mdc-data-table__header-row {
  height: 56px !important;
}
.mdc-data-table .mdc-data-table__header-cell {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03125em !important;
  line-height: 24px !important;
  padding: 0 16px !important;
  text-align: left !important;
}
.mdc-data-table .mdc-data-table__cell {
  font-size: 14px !important;
  line-height: 52px !important;
  padding: 0 16px !important;
}
.mdc-data-table .mdc-data-table__row {
  height: 52px !important;
}
.mdc-data-table .mdc-button,
.mdc-data-table .tablebutton {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  background-color: var(--secondary-light) !important;
  color: var(--surface-color) !important;
}
.mdc-data-table .mdc-button.add-row-dialog, .mdc-data-table .mdc-button.tablebutton,
.mdc-data-table .tablebutton.add-row-dialog,
.mdc-data-table .tablebutton.tablebutton {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  border-radius: var(--radius-small, 6px) !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
.mdc-data-table .mdc-button.add-row-dialog .material-icons, .mdc-data-table .mdc-button.tablebutton .material-icons,
.mdc-data-table .tablebutton.add-row-dialog .material-icons,
.mdc-data-table .tablebutton.tablebutton .material-icons {
  font-size: 18px !important;
  margin-right: 4px !important;
}
.mdc-data-table .table-actions,
.mdc-data-table .table-buttons {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 16px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

@media (max-width: 768px) {
  .mdc-data-table .mdc-data-table__table {
    min-width: 100% !important;
    font-size: 14px !important;
  }

  .mdc-data-table__header-cell,
.mdc-data-table__cell {
    padding: 8px 4px !important;
  }
}
form#profile-edit-form .editfield.field_type_table,
form#profile-edit-form .field_type_table,
form#profile-edit-form .editfield[data-field-type=table],
form#profile-edit-form div.field[data-field-type=table],
form#profile-edit-form .field-wrapper[data-field-type=table],
form#profile-edit-form .form-field[data-field-type=table],
.standard-form.profile-edit.profile-form-card .editfield.field_type_table,
.standard-form.profile-edit.profile-form-card .field_type_table,
.standard-form.profile-edit.profile-form-card .editfield[data-field-type=table],
.standard-form.profile-edit.profile-form-card div.field[data-field-type=table],
.standard-form.profile-edit.profile-form-card .field-wrapper[data-field-type=table],
.standard-form.profile-edit.profile-form-card .form-field[data-field-type=table] {
  grid-column: 1/-1 !important;
  grid-column: span 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 16px !important;
}
@media (max-width: 768px) {
  form#profile-edit-form .editfield.field_type_table,
form#profile-edit-form .field_type_table,
form#profile-edit-form .editfield[data-field-type=table],
form#profile-edit-form div.field[data-field-type=table],
form#profile-edit-form .field-wrapper[data-field-type=table],
form#profile-edit-form .form-field[data-field-type=table],
.standard-form.profile-edit.profile-form-card .editfield.field_type_table,
.standard-form.profile-edit.profile-form-card .field_type_table,
.standard-form.profile-edit.profile-form-card .editfield[data-field-type=table],
.standard-form.profile-edit.profile-form-card div.field[data-field-type=table],
.standard-form.profile-edit.profile-form-card .field-wrapper[data-field-type=table],
.standard-form.profile-edit.profile-form-card .form-field[data-field-type=table] {
    grid-column: 1/-1 !important;
  }
}
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(.mdc-data-table),
form#profile-edit-form .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]),
.standard-form.profile-edit.profile-form-card .mdc-layout-grid__cell--span-12:has(.mdc-data-table),
.standard-form.profile-edit.profile-form-card .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]) {
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(.mdc-data-table) {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 66.666667% !important;
          flex: 1 1 66.666667% !important;
  max-width: 66.666667% !important;
}
@media (max-width: 768px) {
  .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell--span-12:has(.mdc-data-table) {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 100% !important;
            flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

.select-field-container .mdc-select {
  width: 100% !important;
  max-width: 100% !important;
}

.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content label:not(.mdc-floating-label):not(.select-field-label),
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content label:not(.mdc-floating-label):not(.select-field-label) {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: black !important;
  line-height: 19.6px !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content label:not(.mdc-floating-label):not(.select-field-label):has(+ br),
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content label:not(.mdc-floating-label):not(.select-field-label):has(+ br) {
  display: block !important;
  margin-bottom: 8px !important;
}
.mdc-dialog[id*=addtablerowdialog] .declarative-table-switch-container,
.mdc-dialog[id*=edittablerowdialog] .declarative-table-switch-container {
  min-height: 56px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.mdc-dialog[id*=addtablerowdialog] .declarative-table-select-label,
.mdc-dialog[id*=edittablerowdialog] .declarative-table-select-label {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: black !important;
  line-height: 19.6px !important;
}

body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner,
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row wrap !important;
          flex-flow: row wrap !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -ms-flex-direction: row !important;
      flex-direction: row !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: unset !important;
  -webkit-transform: none !important;
          transform: none !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__cell,
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__cell[class*="--span-"],
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__cell,
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__cell[class*="--span-"] {
  grid-column: unset !important;
  grid-column-end: unset !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selectday),
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selectday),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selectday),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selectday) {
  -webkit-box-flex: 14 !important;
      -ms-flex: 14 1 60px !important;
          flex: 14 1 60px !important;
  min-width: 60px !important;
  max-width: none !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selectmonth),
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selectmonth),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selectmonth),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selectmonth) {
  -webkit-box-flex: 38 !important;
      -ms-flex: 38 1 100px !important;
          flex: 38 1 100px !important;
  min-width: 100px !important;
  max-width: none !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selectyear),
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selectyear),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selectyear),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selectyear) {
  -webkit-box-flex: 18 !important;
      -ms-flex: 18 1 65px !important;
          flex: 18 1 65px !important;
  min-width: 65px !important;
  max-width: none !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selecthour),
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selecthour),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell:has(.selecthour),
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell[class*="--span-"]:has(.selecthour) {
  -webkit-box-flex: 30 !important;
      -ms-flex: 30 1 80px !important;
          flex: 30 1 80px !important;
  min-width: 80px !important;
  max-width: none !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-select,
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-select {
  width: 100% !important;
  min-width: unset !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-select__anchor,
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-select__anchor {
  width: 100% !important;
  min-width: unset !important;
  height: 48px !important;
  padding: 0 8px 0 12px !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-floating-label,
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-floating-label {
  font-size: 13px !important;
}
body .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-select__selected-text,
body .mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:not(:has(.vonbis-column)) .mdc-select__selected-text {
  font-size: 14px !important;
}

@media (max-width: 600px) {
  body .mdc-dialog[id*=addtablerowdialog] .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner,
body .mdc-dialog[id*=edittablerowdialog] .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  body .mdc-dialog[id*=addtablerowdialog] .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell,
body .mdc-dialog[id*=edittablerowdialog] .datebox-selects:not(:has(.vonbis-column)) .mdc-layout-grid__inner .mdc-layout-grid__cell {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 100% !important;
            flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen).mdc-dialog--open:has(.datebox-selects),
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen).mdc-dialog--open:has(.datebox-selects) {
  -webkit-transform: none !important;
          transform: none !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .mdc-dialog__container:has(.datebox-selects),
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .mdc-dialog__container:has(.datebox-selects) {
  -webkit-transform: none !important;
          transform: none !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .mdc-dialog__content:has(.datebox-selects) > label.field-label:first-of-type,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .mdc-dialog__content:has(.datebox-selects) > label.field-label:first-of-type {
  display: block !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .mdc-dialog__content:has(.datebox-selects) > .description:first-of-type,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .mdc-dialog__content:has(.datebox-selects) > .description:first-of-type {
  display: none !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column),
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 24px;
  grid-column: 1/-1 !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .mdc-layout-grid__inner,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .mdc-layout-grid__inner {
  gap: 16px !important;
  margin: 0 !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .mdc-layout-grid__inner > .mdc-layout-grid__cell.vonbis-column,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .mdc-layout-grid__inner > .mdc-layout-grid__cell.vonbis-column {
  margin: 0 !important;
  padding: 0 !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-label,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-label {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 8px;
  background: transparent !important;
  background-color: transparent !important;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-fields,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-fields .vonbis-field-wrapper,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-fields .vonbis-field-wrapper {
  width: 100%;
}
.mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-fields .vonbis-field-wrapper .mdc-select,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column .vonbis-fields .vonbis-field-wrapper .mdc-select {
  width: 100%;
}
@media (max-width: 768px) {
  .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .mdc-layout-grid__inner,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .mdc-layout-grid__inner {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-flow: column nowrap !important;
            flex-flow: column nowrap !important;
  }
  .mdc-dialog[id*=addtablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column,
.mdc-dialog[id*=edittablerowdialog]:not(#dialogbeantragen) .datebox-selects:has(.vonbis-column) .vonbis-column {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.expense-card {
  padding-right: 24px !important;
}

.card-body {
  padding-right: 12px !important;
}

.card-header {
  padding-right: 20px !important;
}

@media (max-width: 768px) {
  .expense-card {
    padding-right: 16px !important;
  }

  .card-body {
    padding-right: 8px !important;
  }

  .card-header {
    padding-right: 12px !important;
  }
}
.expense-cards-container {
  border-radius: 4px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-color: var(--secondary-light) var(--secondary-color) !important;
  scrollbar-width: thin !important;
}
.expense-cards-container::-webkit-scrollbar {
  height: 5px !important;
  width: 5px !important;
  background: var(--secondary-color) !important;
}
.expense-cards-container::-webkit-scrollbar-track {
  background: var(--secondary-color) !important;
}
.expense-cards-container::-webkit-scrollbar-thumb {
  background: var(--secondary-light) !important;
  border-radius: 1ex !important;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75) !important;
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75) !important;
}
.expense-cards-container::-webkit-scrollbar-corner {
  background: var(--primary-light) !important;
}

.expense-card {
  border-radius: 4px !important;
  overflow: hidden !important;
}

.card-body {
  border-radius: 4px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content > .select-field-container,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content > .select-field-container {
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 8px !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content > .select-field-container .mdc-select,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content > .select-field-container .mdc-select {
  width: 100% !important;
  max-width: 100% !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content > .select-field-container + p.description,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content > .select-field-container + p.description {
  grid-column: 1/-1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.7) !important;
  line-height: 1.5 !important;
  padding: 12px 16px !important;
  background-color: rgba(13, 115, 119, 0.08) !important;
  border-radius: 6px !important;
  border-left: 4px solid var(--secondary-color, #0D7377) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 10px !important;
}
.mdc-dialog[id*=addtablerowdialog] .mdc-dialog__content > .select-field-container + p.description::before,
.mdc-dialog[id*=edittablerowdialog] .mdc-dialog__content > .select-field-container + p.description::before {
  content: "ℹ️" !important;
  font-size: 16px !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  margin-top: 1px !important;
}
.dt-computed-field {
  padding: 12px 16px;
  margin-top: 16px;
  background: rgba(13, 115, 119, 0.06);
  border-left: 3px solid var(--secondary-color, #0D7377);
  border-radius: 4px;
}
.dt-computed-field__label {
  font-size: 11px;
  font-weight: 600;
  color: var(--secondary-color, #0D7377);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}
.dt-computed-field__value {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-dark, #0a5a5d);
}

.declarative-table-calculated-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  margin-top: 16px;
  background: rgba(46, 125, 50, 0.08);
  border-left: 3px solid #2e7d32;
  border-radius: 4px;
}
.declarative-table-calculated-field .declarative-table-calculated-label {
  font-size: 13px;
  font-weight: 600;
  color: #2e7d32;
}
.declarative-table-calculated-field .declarative-table-calculated-value {
  font-size: 18px;
  font-weight: 700;
  color: #1b5e20;
  min-width: 80px;
  text-align: right;
}

.dt-empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
  padding: 48px 24px;
  color: rgba(0, 0, 0, 0.42);
  background: rgba(0, 0, 0, 0.03);
  border: 2px dashed rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}
.dt-empty-state__icon {
  font-size: 64px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.26);
}
.dt-empty-state__message {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  color: rgba(0, 0, 0, 0.42);
}

.declarative-table-actions-header.mdc-data-table__header-cell,
.declarative-table-actions-cell.mdc-data-table__cell {
  text-align: right !important;
  white-space: nowrap;
}

/**
 * Alternative Table Field Grid Span Solution
 * Direct override for span-12 containers containing table data
 * This provides an additional layer of fixes for the grid span issue
 */
.mdc-layout-grid__cell--span-12:has(.mdc-data-table), .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]), .mdc-layout-grid__cell--span-12:has(.rahmen) {
  grid-column: 1/span 8 !important;
}
@media (min-width: 1024px) {
  .mdc-layout-grid__cell--span-12:has(.mdc-data-table), .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]), .mdc-layout-grid__cell--span-12:has(.rahmen) {
    grid-column: 1/-1 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mdc-layout-grid__cell--span-12:has(.mdc-data-table), .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]), .mdc-layout-grid__cell--span-12:has(.rahmen) {
    grid-column: 1/span 8 !important;
  }
}
@media (max-width: 767px) {
  .mdc-layout-grid__cell--span-12:has(.mdc-data-table), .mdc-layout-grid__cell--span-12:has(table[id*=tabelle_]), .mdc-layout-grid__cell--span-12:has(.rahmen) {
    grid-column: 1/span 4 !important;
  }
}

.mdc-layout-grid__cell--span-12:has(.mdc-data-table) .mdc-data-table,
.mdc-layout-grid__cell--span-8:has(.mdc-data-table) .mdc-data-table {
  width: 100% !important;
}
.mdc-layout-grid__cell--span-12:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table-container,
.mdc-layout-grid__cell--span-8:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table-container {
  overflow-x: auto !important;
}
.mdc-layout-grid__cell--span-12:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table,
.mdc-layout-grid__cell--span-8:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table {
  width: 100% !important;
  min-width: 700px !important;
}
.mdc-layout-grid__cell--span-12:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table th, .mdc-layout-grid__cell--span-12:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table td,
.mdc-layout-grid__cell--span-8:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table th,
.mdc-layout-grid__cell--span-8:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table td {
  padding: 12px 16px !important;
}
@media (min-width: 768px) {
  .mdc-layout-grid__cell--span-12:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table th, .mdc-layout-grid__cell--span-12:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table td,
.mdc-layout-grid__cell--span-8:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table th,
.mdc-layout-grid__cell--span-8:has(.mdc-data-table) .mdc-data-table .mdc-data-table__table td {
    padding: 16px 20px !important;
  }
}

.rahmen .mdc-button {
  margin: 8px 12px 8px 0 !important;
}
@media (min-width: 768px) {
  .rahmen .mdc-button {
    margin: 12px 16px 12px 0 !important;
  }
}
.rahmen .table-actions,
.rahmen .table-buttons {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}
@media (min-width: 768px) {
  .rahmen .table-actions,
.rahmen .table-buttons {
    gap: 16px !important;
    margin-bottom: 20px !important;
  }
}

body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset {
  position: relative;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-text-field--outlined:has(+ i.tooltips), body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-text-field--outlined[data-help-aria-label] {
  position: relative;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-text-field--outlined:has(+ i.tooltips) .mdc-text-field__input, body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-text-field--outlined[data-help-aria-label] .mdc-text-field__input {
  padding-right: 52px !important;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-text-field--outlined.mdc-text-field--end-aligned:has(+ i.tooltips) .mdc-text-field__input, body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-text-field--outlined.mdc-text-field--end-aligned[data-help-aria-label] .mdc-text-field__input {
  padding-left: 32px !important;
  padding-right: 52px !important;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-text-field--outlined:has(+ i.tooltips) + i.tooltips {
  display: none !important;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-select--outlined:has(+ i.tooltips), body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-select--outlined[data-help-aria-label] {
  position: relative;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-select--outlined:has(+ i.tooltips) .mdc-select__selected-text, body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-select--outlined[data-help-aria-label] .mdc-select__selected-text {
  padding-right: 84px !important;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-select--outlined:has(+ i.tooltips) .mdc-select__dropdown-icon, body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-select--outlined[data-help-aria-label] .mdc-select__dropdown-icon {
  right: 16px !important;
  z-index: 2;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield fieldset .mdc-select--outlined:has(+ i.tooltips) + i.tooltips {
  display: none !important;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield.field_type_decimal_number fieldset .currency-symbol,
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield.field_type_decimal_number fieldset span[title*=€],
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield.field_type_decimal_number fieldset span[title*=EUR],
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield.field_type_decimal_number fieldset .euro-symbol {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  color: var(--text-secondary, #616161);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
}
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container .profile-content-unified form.profile-form-card .editfield.field_type_decimal_number fieldset .mdc-text-field--end-aligned .mdc-text-field__input {
  padding-left: 40px !important;
  text-align: right;
}

.mdc-dialog__surface .mdc-dialog__content .mdc-text-field--outlined:has(+ i.tooltips) {
  position: relative;
}
.mdc-dialog__surface .mdc-dialog__content .mdc-text-field--outlined:has(+ i.tooltips) .mdc-text-field__input {
  padding-right: 52px !important;
}
.mdc-dialog__surface .mdc-dialog__content .mdc-text-field--outlined:has(+ i.tooltips) + i.tooltips {
  display: none !important;
}

@media (max-width: 768px) {
  body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container form.profile-form-card .editfield fieldset .mdc-text-field--outlined:has(+ i.tooltips) .mdc-text-field__input,
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container form.profile-form-card .editfield fieldset .mdc-text-field--outlined[data-help-aria-label] .mdc-text-field__input {
    padding-right: 48px !important;
  }
  body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container form.profile-form-card .editfield fieldset .mdc-select--outlined:has(+ i.tooltips) .mdc-select__selected-text,
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container form.profile-form-card .editfield fieldset .mdc-select--outlined[data-help-aria-label] .mdc-select__selected-text {
    padding-right: 80px !important;
  }
  body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container form.profile-form-card .editfield fieldset .mdc-select--outlined:has(+ i.tooltips) .mdc-select__dropdown-icon,
body.profile-edit.buddypress:not(.page-template-steuer-profil) .profile-app-container form.profile-form-card .editfield fieldset .mdc-select--outlined[data-help-aria-label] .mdc-select__dropdown-icon {
    right: 14px !important;
  }
}
.editfield .mdc-select--outlined[data-help-aria-label],
.editfield .mdc-select--outlined.mdc-select--with-help-icon {
  position: relative;
}
.editfield .mdc-select--outlined[data-help-aria-label] .mdc-select__anchor,
.editfield .mdc-select--outlined.mdc-select--with-help-icon .mdc-select__anchor {
  position: relative;
}
.editfield .mdc-select--outlined[data-help-aria-label] .mdc-select__selected-text,
.editfield .mdc-select--outlined.mdc-select--with-help-icon .mdc-select__selected-text {
  padding-right: 84px !important;
}
.editfield .mdc-select--outlined[data-help-aria-label] .mdc-select__help-icon,
.editfield .mdc-select--outlined.mdc-select--with-help-icon .mdc-select__help-icon {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  z-index: 4;
  color: var(--primary-color, #23036A);
  font-size: 18px;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 50%;
  padding: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.editfield .mdc-select--outlined[data-help-aria-label] .mdc-select__help-icon:hover,
.editfield .mdc-select--outlined.mdc-select--with-help-icon .mdc-select__help-icon:hover {
  color: var(--primary-dark, #1A0250);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background: rgba(35, 3, 106, 0.08);
}
.editfield .mdc-select--outlined[data-help-aria-label] .mdc-select__help-icon:focus,
.editfield .mdc-select--outlined.mdc-select--with-help-icon .mdc-select__help-icon:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.editfield .mdc-select--outlined[data-help-aria-label] .mdc-select__dropdown-icon,
.editfield .mdc-select--outlined.mdc-select--with-help-icon .mdc-select__dropdown-icon {
  right: 44px !important;
  z-index: 2;
}
.editfield .mdc-text-field--outlined[data-help-aria-label],
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon {
  position: relative;
}
.editfield .mdc-text-field--outlined[data-help-aria-label] .mdc-text-field__input,
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon .mdc-text-field__input {
  padding-right: 52px !important;
}
.editfield .mdc-text-field--outlined[data-help-aria-label] .mdc-text-field__help-icon,
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon .mdc-text-field__help-icon {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  z-index: 4;
  color: var(--primary-color, #23036A);
  font-size: 18px;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 50%;
  padding: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.editfield .mdc-text-field--outlined[data-help-aria-label] .mdc-text-field__help-icon:hover,
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon .mdc-text-field__help-icon:hover {
  color: var(--primary-dark, #1A0250);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background: rgba(35, 3, 106, 0.08);
}
.editfield .mdc-text-field--outlined[data-help-aria-label] .mdc-text-field__help-icon:focus,
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon .mdc-text-field__help-icon:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.editfield .mdc-text-field--outlined[data-help-aria-label].mdc-text-field--end-aligned .mdc-text-field__input,
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon.mdc-text-field--end-aligned .mdc-text-field__input {
  padding-left: 32px !important;
  padding-right: 80px !important;
}
.editfield .mdc-text-field--outlined[data-help-aria-label].mdc-text-field--end-aligned .mdc-text-field__icon--trailing,
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon.mdc-text-field--end-aligned .mdc-text-field__icon--trailing {
  position: absolute !important;
  right: 40px !important;
  top: 0 !important;
  bottom: 0 !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  margin: auto 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  z-index: 2;
}
.editfield .mdc-text-field--outlined[data-help-aria-label].mdc-text-field--end-aligned .mdc-text-field__help-icon,
.editfield .mdc-text-field--outlined.mdc-text-field--with-help-icon.mdc-text-field--end-aligned .mdc-text-field__help-icon {
  right: 12px !important;
  z-index: 4;
}

body.page-template-steuer-profil .mdc-text-field::after,
body.page-template-steuer-profil .mdc-select::after,
body.page-template-steuer-profil-php .mdc-text-field::after,
body.page-template-steuer-profil-php .mdc-select::after {
  display: none !important;
}
body.page-template-steuer-profil .mdc-layout-grid,
body.page-template-steuer-profil .mdc-layout-grid__inner,
body.page-template-steuer-profil .mdc-layout-grid__cell,
body.page-template-steuer-profil-php .mdc-layout-grid,
body.page-template-steuer-profil-php .mdc-layout-grid__inner,
body.page-template-steuer-profil-php .mdc-layout-grid__cell {
  position: static !important;
}
body.page-template-steuer-profil fieldset,
body.page-template-steuer-profil-php fieldset {
  position: static !important;
}
body.page-template-steuer-profil .tax-years-modern,
body.page-template-steuer-profil .year-card-modern,
body.page-template-steuer-profil .mdc-card.year-card,
body.page-template-steuer-profil-php .tax-years-modern,
body.page-template-steuer-profil-php .year-card-modern,
body.page-template-steuer-profil-php .mdc-card.year-card {
  position: relative !important;
}

/**
 * Dialog Tooltip Icon & Modal Fixes
 *
 * Purpose: Fix tooltip icon display and modal visibility in BP Table "Neuer Eintrag" dialog
 *
 * Problems Fixed:
 * 1. Tooltip icons display incorrectly (renitent gegen CSS)
 * 2. Tooltip modal doesn't open (style issues)
 */
/* ============================================
   DIALOG TOOLTIP ICONS - Überschreibt renitente Styles
   ============================================ */
.mdc-dialog .field-label .tooltips,
.mdc-dialog .field-label .tooltip-icon-custom,
.mdc-dialog .field-label i.tooltips,
.mdc-dialog .field-label i.tooltip-icon-custom,
.mdc-dialog .mdc-data-table__header-cell .tooltips,
.mdc-dialog .mdc-data-table__header-cell .tooltip-icon-custom,
.mdc-dialog .mdc-data-table__header-cell i.tooltips,
.mdc-dialog .mdc-data-table__header-cell i.tooltip-icon-custom {
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined" !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 18px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 1 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative !important;
  vertical-align: middle !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  color: var(--primary-color, #23036A) !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  z-index: 100 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 50% !important;
  padding: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease !important;
  transition: color 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease, background-color 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-feature-settings: "liga" 1 !important;
          font-feature-settings: "liga" 1 !important;
  text-rendering: optimizeLegibility !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}
.mdc-dialog .field-label .tooltips:hover,
.mdc-dialog .field-label .tooltip-icon-custom:hover,
.mdc-dialog .field-label i.tooltips:hover,
.mdc-dialog .field-label i.tooltip-icon-custom:hover,
.mdc-dialog .mdc-data-table__header-cell .tooltips:hover,
.mdc-dialog .mdc-data-table__header-cell .tooltip-icon-custom:hover,
.mdc-dialog .mdc-data-table__header-cell i.tooltips:hover,
.mdc-dialog .mdc-data-table__header-cell i.tooltip-icon-custom:hover {
  color: var(--primary-dark, #1a0252) !important;
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
  background-color: rgba(35, 3, 106, 0.08) !important;
}
.mdc-dialog .field-label .tooltips:active,
.mdc-dialog .field-label .tooltip-icon-custom:active,
.mdc-dialog .field-label i.tooltips:active,
.mdc-dialog .field-label i.tooltip-icon-custom:active,
.mdc-dialog .mdc-data-table__header-cell .tooltips:active,
.mdc-dialog .mdc-data-table__header-cell .tooltip-icon-custom:active,
.mdc-dialog .mdc-data-table__header-cell i.tooltips:active,
.mdc-dialog .mdc-data-table__header-cell i.tooltip-icon-custom:active {
  -webkit-transform: scale(0.95) !important;
          transform: scale(0.95) !important;
}
.mdc-dialog .field-label .tooltips:focus, .mdc-dialog .field-label .tooltips[role=button]:focus-visible,
.mdc-dialog .field-label .tooltip-icon-custom:focus,
.mdc-dialog .field-label .tooltip-icon-custom[role=button]:focus-visible,
.mdc-dialog .field-label i.tooltips:focus,
.mdc-dialog .field-label i.tooltips[role=button]:focus-visible,
.mdc-dialog .field-label i.tooltip-icon-custom:focus,
.mdc-dialog .field-label i.tooltip-icon-custom[role=button]:focus-visible,
.mdc-dialog .mdc-data-table__header-cell .tooltips:focus,
.mdc-dialog .mdc-data-table__header-cell .tooltips[role=button]:focus-visible,
.mdc-dialog .mdc-data-table__header-cell .tooltip-icon-custom:focus,
.mdc-dialog .mdc-data-table__header-cell .tooltip-icon-custom[role=button]:focus-visible,
.mdc-dialog .mdc-data-table__header-cell i.tooltips:focus,
.mdc-dialog .mdc-data-table__header-cell i.tooltips[role=button]:focus-visible,
.mdc-dialog .mdc-data-table__header-cell i.tooltip-icon-custom:focus,
.mdc-dialog .mdc-data-table__header-cell i.tooltip-icon-custom[role=button]:focus-visible {
  outline: 2px solid var(--primary-color, #23036A) !important;
  outline-offset: 2px !important;
}
.mdc-dialog .field-group {
  width: 100% !important;
}
.mdc-dialog .field-group .field-label {
  width: 100% !important;
  max-width: 100% !important;
}

/* ============================================
   DIALOG TOOLTIP MODAL - Sichtbarkeits-Fix
   ============================================ */
.dialog-tooltip {
  z-index: 999999 !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}
.dialog-tooltip[style*="display: block"], .dialog-tooltip.visible {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.dialog-tooltip .dialog-tooltip-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 1000000 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  font-size: 28px !important;
  line-height: 32px !important;
  width: 32px !important;
  height: 32px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: #666 !important;
}
.dialog-tooltip .dialog-tooltip-close:hover {
  color: #333 !important;
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.dialog-tooltip .dialog-tooltip-content {
  margin-bottom: 16px !important;
}
.dialog-tooltip .dialog-tooltip-content h2 {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  color: var(--primary-color, #1a73e8) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}
.dialog-tooltip .dialog-tooltip-content p {
  margin-bottom: 12px !important;
  line-height: 1.6 !important;
  color: var(--text-primary, #333) !important;
}
.dialog-tooltip .dialog-tooltip-content ul, .dialog-tooltip .dialog-tooltip-content ol {
  margin-left: 20px !important;
  margin-bottom: 12px !important;
}
.dialog-tooltip .dialog-tooltip-content ul li, .dialog-tooltip .dialog-tooltip-content ol li {
  margin-bottom: 8px !important;
  line-height: 1.5 !important;
}

/* ============================================
   MDC DIALOG SCRIM - z-index Korrektur
   ============================================ */
.mdc-dialog {
  z-index: 10000000 !important;
}
.mdc-dialog .mdc-dialog__scrim {
  z-index: 1 !important;
}
.mdc-dialog .mdc-dialog__surface {
  z-index: 2 !important;
}
.mdc-dialog .mdc-dialog__container {
  z-index: 2 !important;
}

/* ============================================
   GLOBAL TOOLTIP ICON STYLING
   ============================================ */
.tooltips.tooltip-icon-custom,
i.tooltips.tooltip-icon-custom {
  font-family: "Material Icons", "Material Icons Outlined", "Material Symbols Outlined" !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 18px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 1 !important;
  text-align: center !important;
  vertical-align: middle !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  color: var(--primary-color, #23036A) !important;
  border-radius: 50% !important;
  padding: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  position: relative !important;
  -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease !important;
  transition: color 0.2s ease, -webkit-transform 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-font-feature-settings: "liga" 1 !important;
          font-feature-settings: "liga" 1 !important;
}
.tooltips.tooltip-icon-custom::before,
i.tooltips.tooltip-icon-custom::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  background: transparent !important;
  -webkit-transition: background-color 0.2s ease !important;
  transition: background-color 0.2s ease !important;
  z-index: -1 !important;
  pointer-events: none !important;
}
.tooltips.tooltip-icon-custom:hover,
i.tooltips.tooltip-icon-custom:hover {
  color: var(--primary-dark, #1a0252) !important;
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.tooltips.tooltip-icon-custom:hover::before,
i.tooltips.tooltip-icon-custom:hover::before {
  background: rgba(35, 3, 106, 0.08) !important;
}
.tooltips.tooltip-icon-custom:active,
i.tooltips.tooltip-icon-custom:active {
  -webkit-transform: scale(0.95) !important;
          transform: scale(0.95) !important;
}
.tooltips.tooltip-icon-custom:focus, .tooltips.tooltip-icon-custom[role=button]:focus-visible,
i.tooltips.tooltip-icon-custom:focus,
i.tooltips.tooltip-icon-custom[role=button]:focus-visible {
  outline: 2px solid var(--primary-color, #23036A) !important;
  outline-offset: 2px !important;
}

.tx-compile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(35, 3, 106, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
  -webkit-animation: tx-compile-fadeIn 0.4s ease both;
          animation: tx-compile-fadeIn 0.4s ease both;
}

@-webkit-keyframes tx-compile-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tx-compile-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tx-compile-modal {
  background: #fff;
  border-radius: 24px;
  -webkit-box-shadow: 0 16px 60px rgba(35, 3, 106, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 16px 60px rgba(35, 3, 106, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06);
  width: 100%;
  max-width: 460px;
  margin: 24px;
  padding: 44px 44px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-animation: tx-compile-slideUp 0.4s cubic-bezier(0.22, 0.68, 0, 1.2) both;
          animation: tx-compile-slideUp 0.4s cubic-bezier(0.22, 0.68, 0, 1.2) both;
}
.tx-compile-modal h2 {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
  margin-bottom: 10px;
}
.tx-compile-modal > p {
  font-size: 14px;
  color: #666;
  line-height: 1.65;
  max-width: 340px;
  margin-bottom: 28px;
}
.tx-compile-modal > p strong {
  color: #1a1a1a;
  font-weight: 500;
}
.tx-compile-modal > hr {
  width: 100%;
  border: none;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 24px;
}

@-webkit-keyframes tx-compile-slideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.97);
            transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

@keyframes tx-compile-slideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.97);
            transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}
.tx-compile-spinner-wrap {
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
}

.tx-compile-spinner {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid #eee9ff;
  border-top-color: #23036a;
  -webkit-animation: tx-compile-spin 1s linear infinite;
          animation: tx-compile-spin 1s linear infinite;
}

@-webkit-keyframes tx-compile-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes tx-compile-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.tx-compile-steps {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}

.tx-compile-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}

.tx-compile-step-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tx-compile-dot {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #f5f7fa;
  border: 1.5px solid #e8e8e8;
  color: #9e9e9e;
}
.tx-compile-dot--done {
  background: #e8f5e9;
  border-color: #a5d6a7;
  color: #1b5e20;
  font-size: 14px;
}
.tx-compile-dot--active {
  background: #23036a;
  border-color: #23036a;
  color: #fff;
  -webkit-box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.12);
          box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.12);
  -webkit-animation: tx-compile-dotPulse 2s ease-in-out infinite;
          animation: tx-compile-dotPulse 2s ease-in-out infinite;
}

@-webkit-keyframes tx-compile-dotPulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.12);
            box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.12);
  }
  50% {
    -webkit-box-shadow: 0 0 0 7px rgba(35, 3, 106, 0.08);
            box-shadow: 0 0 0 7px rgba(35, 3, 106, 0.08);
  }
}

@keyframes tx-compile-dotPulse {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.12);
            box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.12);
  }
  50% {
    -webkit-box-shadow: 0 0 0 7px rgba(35, 3, 106, 0.08);
            box-shadow: 0 0 0 7px rgba(35, 3, 106, 0.08);
  }
}
.tx-compile-connector {
  width: 1.5px;
  min-height: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #e8e8e8;
  margin: 4px 0;
}

.tx-compile-step-body {
  padding: 4px 0 22px;
}

.tx-compile-step:last-child .tx-compile-step-body {
  padding-bottom: 0;
}

.tx-compile-step-title {
  font-size: 14px;
  font-weight: 400;
  color: #9e9e9e;
  margin-bottom: 2px;
}

.tx-compile-step-desc {
  font-size: 13px;
  color: #9e9e9e;
  line-height: 1.5;
}

.tx-compile-step--done .tx-compile-step-title {
  color: #666;
}

.tx-compile-step--current .tx-compile-step-title {
  font-weight: 700;
  color: #1a1a1a;
  font-size: 15px;
}

.tx-compile-step--current .tx-compile-step-desc {
  color: #666;
}

.tx-compile-current-label {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 100px;
  margin-bottom: 4px;
  background: #eee9ff;
  color: #23036a;
}

.sp-interview {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
  grid-column: 1/-1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sp-interview__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.sp-interview__progress-track {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 8px;
  background: var(--md-sys-color-outline-variant, #E5E5E5);
  border-radius: 999px;
  overflow: hidden;
}
.sp-interview__progress-fill {
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(var(--md-sys-color-secondary, #0D7377)), to(#4dd9c0));
  background: linear-gradient(90deg, var(--md-sys-color-secondary, #0D7377), #4dd9c0);
  border-radius: 999px;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.sp-interview__progress-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--md-sys-color-on-surface-variant, #444);
  white-space: nowrap;
}
.sp-interview__card {
  width: 100%;
  background: var(--md-sys-color-surface, #fff);
  border-radius: 16px;
  border: 1px solid var(--md-sys-color-outline-variant, #E5E5E5);
  padding: 32px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  -webkit-animation: sp-interview-fadeIn 0.4s ease;
          animation: sp-interview-fadeIn 0.4s ease;
}
.sp-interview__card--success {
  border: 2px solid var(--md-sys-color-secondary, #0D7377);
}
.sp-interview__card--fail {
  border: 2px solid var(--md-sys-color-error, #C62828);
}
.sp-interview__step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--md-sys-color-primary, #23036A);
  color: var(--md-sys-color-on-primary, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.sp-interview__overline {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 0.8rem;
  color: var(--md-sys-color-secondary, #0D7377);
  margin-bottom: 8px;
}
.sp-interview__question {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--md-sys-color-primary, #23036A);
  margin-bottom: 8px;
}
.sp-interview__sub {
  font-size: 0.95rem;
  color: var(--md-sys-color-on-surface-variant, #444);
  margin-bottom: 20px;
  line-height: 1.6;
}
.sp-interview__hint {
  margin-bottom: 20px;
  border-radius: 12px;
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  background: linear-gradient(135deg, #E3F2FD 0%, #f0f7ff 100%);
  border-left: 4px solid #1565C0;
}
.sp-interview__hint .material-symbols-outlined {
  font-size: 22px;
  color: #1565C0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 1px;
}
.sp-interview__hint-content {
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--md-sys-color-on-surface-variant, #444);
}
.sp-interview__btn-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4px;
}
.sp-interview__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 500;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  text-decoration: none;
}
.sp-interview__btn .material-symbols-outlined {
  font-size: 18px;
}
.sp-interview__btn--primary {
  background: var(--md-sys-color-primary, #23036A);
  color: var(--md-sys-color-on-primary, #fff);
}
.sp-interview__btn--primary:hover {
  background: #4A2E7C;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.sp-interview__btn--secondary {
  background: var(--md-sys-color-secondary, #0D7377);
  color: #fff;
}
.sp-interview__btn--secondary:hover {
  background: #085356;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.sp-interview__btn--outlined {
  background: transparent;
  color: var(--md-sys-color-primary, #23036A);
  border: 2px solid var(--md-sys-color-primary, #23036A);
}
.sp-interview__btn--outlined:hover {
  background: var(--md-sys-color-primary, #23036A);
  color: #fff;
}
.sp-interview__btn--back {
  background: transparent;
  color: var(--md-sys-color-on-surface-variant, #444);
  border: 1px solid var(--md-sys-color-outline-variant, #E5E5E5);
  padding: 10px 20px;
  font-size: 0.85rem;
}
.sp-interview__btn--back:hover {
  background: var(--md-sys-color-surface-variant, #F8F9FA);
}
.sp-interview__select-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 4px;
}
.sp-interview__btn--select {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: var(--md-sys-color-surface-variant, #F8F9FA);
  color: var(--md-sys-color-on-surface, #1C1B1F);
  border: 2px solid var(--md-sys-color-outline-variant, #E5E5E5);
  border-radius: 12px;
  padding: 14px 20px;
  text-align: left;
}
.sp-interview__btn--select:hover {
  border-color: var(--md-sys-color-primary, #23036A);
  background: rgba(35, 3, 106, 0.04);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.sp-interview__back-row {
  margin-top: 16px;
}
.sp-interview__input-group {
  margin-bottom: 20px;
}
.sp-interview__input-label {
  display: block;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--md-sys-color-on-surface-variant, #444);
  margin-bottom: 8px;
}
.sp-interview__input-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.sp-interview__input-field {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  border: 2px solid var(--md-sys-color-outline-variant, #E5E5E5);
  border-radius: 12px;
  outline: none;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
  background: var(--md-sys-color-surface, #fff);
}
.sp-interview__input-field:focus {
  border-color: var(--md-sys-color-primary, #23036A);
}
.sp-interview__input-suffix {
  font-size: 1rem;
  font-weight: 500;
  color: var(--md-sys-color-on-surface-variant, #444);
}
.sp-interview__end-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}
.sp-interview__end-icon .material-symbols-outlined {
  font-size: 28px;
}
.sp-interview__end-icon--success {
  background: #E0F2F1;
  color: var(--md-sys-color-secondary, #0D7377);
}
.sp-interview__end-icon--fail {
  background: #FCE4EC;
  color: var(--md-sys-color-error, #C62828);
}
.sp-interview__end-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.sp-interview__end-title--success {
  color: var(--md-sys-color-secondary, #0D7377);
}
.sp-interview__end-title--fail {
  color: var(--md-sys-color-error, #C62828);
}
.sp-interview__end-message {
  font-size: 1rem;
  color: var(--md-sys-color-on-surface-variant, #444);
  line-height: 1.7;
  margin-bottom: 20px;
}

@-webkit-keyframes sp-interview-fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes sp-interview-fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .sp-interview__card {
    padding: 24px 16px;
  }
  .sp-interview__btn-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sp-interview__btn-row .sp-interview__btn {
    width: 100%;
  }
  .sp-interview__input-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
/**
 * Von-Bis Field Layout Fixes
 *
 * Fixes layout issues in BP Table "Neuer Eintrag" Dialog
 * for date range fields (Aufgesucht im Zeitraum, etc.)
 *
 * Problems Fixed:
 * 1. Inconsistent grid spans (span-3 + span-4 = 7, but should be 6)
 * 2. Poor "Von"/"Bis" label styling
 * 3. Fields spreading across full width instead of 2 columns
 */
/* ============================================
   VON-BIS FIELD CONTAINER
   ============================================ */
.mdc-dialog .datebox-selects {
  width: 100% !important;
}
.mdc-dialog .datebox-selects .mdc-layout-grid__inner {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
}
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(1),
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(2) {
  grid-column: span 6 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--text-primary, #333) !important;
  margin-bottom: 4px !important;
  text-align: left !important;
}
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(3) {
  grid-column: span 3 !important;
}
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(4) {
  grid-column: span 3 !important;
}
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(5) {
  grid-column: span 3 !important;
}
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(6) {
  grid-column: span 3 !important;
}

/* ============================================
   RESPONSIVE LAYOUT
   ============================================ */
@media (max-width: 768px) {
  .mdc-dialog .datebox-selects .mdc-layout-grid__inner {
    grid-template-columns: 1fr !important;
  }
  .mdc-dialog .datebox-selects .mdc-layout-grid__inner > div {
    grid-column: span 1 !important;
  }
  .mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(1),
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(2) {
    grid-column: span 1 !important;
    font-size: 16px !important;
    margin-top: 16px !important;
  }
}
/* ============================================
   VON-BIS LABEL ENHANCEMENT
   ============================================ */
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(1),
.mdc-dialog .datebox-selects .mdc-layout-grid__inner > div:nth-child(2) {
  padding: 8px 4px !important;
  background: var(--background-color, #f5f5f5) !important;
  border-radius: 4px !important;
}

/* ============================================
   SELECT FIELD CONSISTENCY
   ============================================ */
.mdc-dialog .datebox-selects .mdc-select {
  height: auto !important;
}
.mdc-dialog .datebox-selects .mdc-select .mdc-select__anchor {
  min-height: 56px !important;
}
.mdc-dialog .datebox-selects .mdc-select .mdc-floating-label {
  font-size: 14px !important;
}

.bp-entity-switcher {
  background: transparent;
  padding: 0;
  margin-bottom: 1.25rem;
}
.bp-entity-switcher__label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #666;
  margin: 0 0 0.85rem;
}
.bp-entity-switcher__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.bp-entity-switcher__card {
  background: #fff;
  border: 1px solid #E0E0E8;
  border-radius: 10px;
  padding: 10px 14px 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  cursor: pointer;
  -webkit-transition: background 0.2s, border-color 0.2s, -webkit-transform 0.15s;
  transition: background 0.2s, border-color 0.2s, -webkit-transform 0.15s;
  transition: background 0.2s, border-color 0.2s, transform 0.15s;
  transition: background 0.2s, border-color 0.2s, transform 0.15s, -webkit-transform 0.15s;
  position: relative;
}
.bp-entity-switcher__card:hover {
  border-color: #B5A8D5;
  background: #FAF8FE;
}
.bp-entity-switcher__card:active {
  -webkit-transform: scale(0.997);
          transform: scale(0.997);
}
.bp-entity-switcher__card .bp-entity-switcher__avatar {
  background: #9E9E9E;
}
.bp-entity-switcher__card .bp-entity-switcher__icon-btn {
  color: #9E9E9E;
}
.bp-entity-switcher__card .bp-entity-switcher__icon-btn svg {
  fill: #9E9E9E;
}
.bp-entity-switcher__card .bp-entity-switcher__icon-btn:hover, .bp-entity-switcher__card .bp-entity-switcher__icon-btn:focus {
  background-color: #F0F0F0;
}
.bp-entity-switcher__avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--mdc-theme-primary, #23036A);
}
.bp-entity-switcher__avatar svg {
  width: 22px;
  height: 22px;
  display: block;
  fill: #fff;
}
.bp-entity-switcher__name {
  font-size: 15px;
  font-weight: 500;
  color: #1A1A1A;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.bp-entity-switcher__pill {
  font-size: 10px;
  font-weight: 500;
  padding: 2px 9px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.bp-entity-switcher__pill--wip {
  background: #FFF3E0;
  color: #E65100;
}
.bp-entity-switcher__pill--done {
  background: #E1F5EE;
  color: #0D7377;
}
.bp-entity-switcher__pill--open {
  background: #F0F0F0;
  color: #666;
}
.bp-entity-switcher__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.bp-entity-switcher__icon-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: transparent;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  color: var(--mdc-theme-primary, #23036A);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.bp-entity-switcher__icon-btn svg {
  width: 28px;
  height: 28px;
  display: block;
  fill: var(--mdc-theme-primary, #23036A);
  position: relative;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  pointer-events: none;
}
.bp-entity-switcher__icon-btn:hover, .bp-entity-switcher__icon-btn:focus, .bp-entity-switcher__icon-btn:focus-visible, .bp-entity-switcher__icon-btn:active {
  background-color: #EAE6F2;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bp-entity-switcher__icon-btn:hover svg {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.bp-entity-switcher__icon-btn:active svg {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.bp-entity-switcher__ripple {
  position: absolute;
  border-radius: 50%;
  background: var(--mdc-theme-primary, #23036A);
  opacity: 0.22;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: bp-entity-switcher-ripple 0.6s ease-out;
          animation: bp-entity-switcher-ripple 0.6s ease-out;
  pointer-events: none;
}
@-webkit-keyframes bp-entity-switcher-ripple {
  to {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes bp-entity-switcher-ripple {
  to {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
    opacity: 0;
  }
}
.bp-entity-switcher__active-wrap {
  background: var(--mdc-theme-primary, #23036A);
  border-radius: 12px;
  padding: 3px;
  cursor: default;
  -webkit-box-shadow: 0 8px 24px -10px rgba(35, 3, 106, 0.5);
          box-shadow: 0 8px 24px -10px rgba(35, 3, 106, 0.5);
  -webkit-animation: bp-entity-switcher-slidein 0.25s ease-out;
          animation: bp-entity-switcher-slidein 0.25s ease-out;
}
@-webkit-keyframes bp-entity-switcher-slidein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bp-entity-switcher-slidein {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.bp-entity-switcher__active-eyebrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 9px 14px 7px;
  color: #fff;
}
.bp-entity-switcher__active-eyebrow-left {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.bp-entity-switcher__active-eyebrow-right {
  font-size: 11px;
  color: #C9BEE0;
}
.bp-entity-switcher__active-card {
  background: #fff;
  border-radius: 9px;
  padding: 12px 14px 12px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.bp-entity-switcher__active-card .bp-entity-switcher__avatar {
  width: 46px;
  height: 46px;
}
.bp-entity-switcher__active-card .bp-entity-switcher__avatar svg {
  width: 24px;
  height: 24px;
}
.bp-entity-switcher__active-card .bp-entity-switcher__name {
  font-size: 17px;
}
.bp-entity-switcher__confirm {
  background: #FEF6F5;
  border: 1px solid #E57373;
  border-radius: 10px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  -webkit-box-shadow: 0 0 0 1px #E57373;
          box-shadow: 0 0 0 1px #E57373;
  -webkit-animation: bp-entity-switcher-slidein 0.2s ease-out;
          animation: bp-entity-switcher-slidein 0.2s ease-out;
}
.bp-entity-switcher__confirm-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #C62828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.bp-entity-switcher__confirm-avatar svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}
.bp-entity-switcher__confirm-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #1A1A1A;
}
.bp-entity-switcher__confirm-text strong {
  font-weight: 500;
}
.bp-entity-switcher__confirm-text span {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}
.bp-entity-switcher__btn-cancel {
  padding: 8px 14px;
  border: 1px solid #E0E0E8;
  background: #fff;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  color: #444;
  font-family: inherit;
}
.bp-entity-switcher__btn-cancel:hover {
  background: #F5F5F5;
}
.bp-entity-switcher__btn-confirm {
  padding: 8px 14px;
  border: 1px solid #C62828;
  background: #C62828;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
}
.bp-entity-switcher__btn-confirm:hover {
  background: #B71C1C;
}

/* Modal Overlay */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}
.modal-overlay.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Modal Container */
.modal-overlay .modal {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-4);
          box-shadow: var(--elevation-4);
  padding: var(--spacing-xl);
  max-width: 400px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  display: block !important;
  position: relative !important;
}

/* Modal Header */
.modal-header {
  text-align: center;
  margin-bottom: var(--spacing-xl);
}

.modal-title {
  font-size: var(--font-size-h3);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  color: var(--text-primary);
}

.modal-description {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  margin: 0;
  display: block;
}

/* Info Box - Rückwirkende Abgabe Hinweis */
.modal-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(35, 3, 106, 0.06);
  border-radius: var(--border-radius-small);
  margin-bottom: var(--spacing-lg);
  border-left: 3px solid var(--primary-color);
}
.modal-info-box > .material-icons {
  font-size: 20px;
  color: var(--primary-color);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px;
}
.modal-info-box__content {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--text-primary);
}
.modal-info-box__content p {
  margin: 0 0 6px 0;
}
.modal-info-box__content p strong {
  color: var(--primary-color);
}
.modal-info-box__content ul {
  margin: 0;
  padding-left: 18px;
}
.modal-info-box__content ul li {
  margin-bottom: 4px;
  color: var(--text-secondary);
}
.modal-info-box__content ul li:last-child {
  margin-bottom: 0;
}
.modal-info-box__content ul li strong {
  color: var(--text-primary);
  font-weight: 600;
}

/* Year Grid */
.year-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
  max-height: 400px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .year-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Year Option Buttons */
.year-option {
  background: var(--surface-color);
  border: 2px solid #E0E0E0;
  border-radius: var(--border-radius-small);
  padding: var(--spacing-lg);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-sm);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.year-option:hover {
  border-color: var(--primary-color);
  background: rgba(35, 3, 106, 0.02);
}
.year-option.year-option--new {
  border-color: #4CAF50;
}
.year-option.year-option--new:hover {
  background: rgba(76, 175, 80, 0.08);
  border-color: #45a049;
}
.year-option.year-option--new .year-icon {
  color: #4CAF50;
}
.year-option.year-option--new .year-status-text {
  color: #4CAF50;
}
.year-option.year-option--existing {
  border-color: #2196F3;
}
.year-option.year-option--existing:hover {
  background: rgba(33, 150, 243, 0.08);
  border-color: #1976D2;
}
.year-option.year-option--existing .year-icon {
  color: #2196F3;
}
.year-option.year-option--existing .year-status-text {
  color: #2196F3;
}
.year-option.year-option--active {
  border-color: #FF9800;
  border-width: 3px;
  background: rgba(255, 152, 0, 0.1);
  -webkit-box-shadow: 0 0 8px rgba(255, 152, 0, 0.3);
          box-shadow: 0 0 8px rgba(255, 152, 0, 0.3);
  position: relative;
}
.year-option.year-option--active:hover {
  background: rgba(255, 152, 0, 0.15);
  border-color: #F57C00;
}
.year-option.year-option--active .year-icon {
  color: #FF9800;
}
.year-option.year-option--active .year-status-text {
  color: #FF9800;
  font-weight: 700;
}
.year-option.year-option--active .year-number {
  color: #E65100;
}
.year-option.year-option--active::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  width: 12px;
  height: 12px;
  background: #FF9800;
  border-radius: 50%;
  border: 2px solid var(--surface-color);
}

.year-number {
  font-size: var(--font-size-h4);
  font-weight: 700;
  color: var(--text-primary);
}

.year-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: var(--font-size-small);
  font-weight: 500;
}

.year-icon {
  font-size: 18px;
}

.year-status-text {
  font-size: 12px;
}

/* Modal Actions (Footer) */
.modal-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-md);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-actions .btn {
  padding: 12px 24px;
  border-radius: var(--border-radius-small);
  font-size: var(--font-size-body);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid;
  background: transparent;
}
.modal-actions .btn.btn-outlined {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.modal-actions .btn.btn-outlined:hover {
  background: rgba(35, 3, 106, 0.08);
}

.shepherd-element {
  position: fixed !important;
  z-index: 1000100 !important;
}

.shepherd-modal-overlay-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.shepherd-element .shepherd-text {
  color: rgba(0, 0, 0, 0.87) !important;
}
.shepherd-element p, .shepherd-element span, .shepherd-element div {
  color: rgba(0, 0, 0, 0.87);
}

.shepherd-element .shepherd-footer .shepherd-button {
  color: #fff !important;
}
.shepherd-element .shepherd-footer .shepherd-button.mdc-button--outlined {
  color: var(--mdc-theme-primary, #6200ee) !important;
  background-color: transparent !important;
}
.shepherd-element .shepherd-footer .shepherd-button.mdc-button--raised {
  color: #fff !important;
  background-color: var(--mdc-theme-primary, #6200ee) !important;
}
.shepherd-element .shepherd-footer .shepherd-button .mdc-button__label {
  color: inherit !important;
}

.shepherd-element .shepherd-footer button.shepherd-button.mdc-button--raised {
  color: #fff !important;
}
.shepherd-element .shepherd-footer button.shepherd-button.mdc-button--raised .mdc-button__label {
  color: #fff !important;
}
.shepherd-element .shepherd-footer button.shepherd-button.mdc-button--outlined {
  color: var(--mdc-theme-primary, #6200ee) !important;
}
.shepherd-element .shepherd-footer button.shepherd-button.mdc-button--outlined .mdc-button__label {
  color: var(--mdc-theme-primary, #6200ee) !important;
}

/* ============================================ */
/* 4. PAGES LAYER - Seitenspezifisch           */
/* ============================================ */
/* Homepage */
/* Login Pages */
/*
 * Login Layout - Basierend auf HTML-Vorlage
 * Moderne CSS Grid Struktur für 2-Spalten Layout
 */
body.login,
body.page-template-login {
  /* Reset und Grundlagen */
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background-color: #FFFFFF;
  font-family: var(--font-family);
  color: var(--text-primary);
  line-height: 1.6;
  /* Header Modifications for Login Page - Exact match to HTML template */
  /* Main Container - CSS Grid 50/50 Split */
  /* Left Side - Hero Section */
  /* Right Side - Login Section */
  /* High contrast mode support */
  /* Reduced motion support */
}
body.login .header,
body.page-template-login .header {
  background: var(--surface-color) !important;
  padding: var(--spacing-md) 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--border-gray) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  z-index: 40 !important;
}
body.login .header .toolbar,
body.page-template-login .header .toolbar {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 var(--spacing-lg) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
}
body.login .header .toolbar-right,
body.page-template-login .header .toolbar-right {
  display: none !important;
}
body.login .header .header-menu,
body.page-template-login .header .header-menu {
  display: none !important;
}
body.login .header .login-text,
body.page-template-login .header .login-text {
  display: none !important;
}
body.login .login-main-container,
body.page-template-login .login-main-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: calc(100vh - 80px);
  /* Subtract header height */
  /* Prevent grid items from enforcing min-content width (caused 440px overflow on 414px viewport) */
}
@media (max-width: 768px) {
  body.login .login-main-container,
body.page-template-login .login-main-container {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr;
  }
}
body.login .login-main-container > .login-hero-section,
body.login .login-main-container > .login-form-section,
body.page-template-login .login-main-container > .login-hero-section,
body.page-template-login .login-main-container > .login-form-section {
  min-width: 0;
}
body.login .login-hero-section,
body.page-template-login .login-hero-section {
  background: var(--primary-color);
  color: var(--text-on-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--spacing-4xl);
  position: relative;
}
@media (max-width: 768px) {
  body.login .login-hero-section,
body.page-template-login .login-hero-section {
    padding: var(--spacing-xl);
    min-height: 200px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
@media (max-width: 480px) {
  body.login .login-hero-section,
body.page-template-login .login-hero-section {
    /* Mobile: Hero ausblenden, Form nutzt kompletten verfügbaren Platz */
    display: none;
  }
}
body.login .hero-content,
body.page-template-login .hero-content {
  max-width: 100%;
}
body.login .hero-graphic,
body.page-template-login .hero-graphic {
  max-width: 90%;
  height: auto;
}
@media (max-width: 768px) {
  body.login .hero-graphic,
body.page-template-login .hero-graphic {
    max-width: 70%;
  }
}
@media (max-width: 480px) {
  body.login .hero-graphic,
body.page-template-login .hero-graphic {
    max-width: 60%;
  }
}
body.login .hero-title,
body.page-template-login .hero-title {
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: var(--spacing-lg);
  color: var(--text-on-primary);
}
@media (max-width: 1200px) {
  body.login .hero-title,
body.page-template-login .hero-title {
    font-size: 4.5rem;
  }
}
@media (max-width: 768px) {
  body.login .hero-title,
body.page-template-login .hero-title {
    font-size: 3.5rem;
  }
}
@media (max-width: 480px) {
  body.login .hero-title,
body.page-template-login .hero-title {
    font-size: 1.6rem;
    margin-bottom: var(--spacing-xs);
    line-height: 1.15;
    /* Zeilenumbrüche auf Mobile entfernen: horizontal statt 3 Zeilen */
  }
  body.login .hero-title br,
body.page-template-login .hero-title br {
    display: none;
  }
}
body.login .hero-subtitle,
body.page-template-login .hero-subtitle {
  font-size: var(--font-size-h4);
  font-weight: 300;
  opacity: 0.9;
  color: var(--text-on-primary);
  margin: 0;
}
@media (max-width: 768px) {
  body.login .hero-subtitle,
body.page-template-login .hero-subtitle {
    font-size: var(--font-size-h3);
  }
}
@media (max-width: 480px) {
  body.login .hero-subtitle,
body.page-template-login .hero-subtitle {
    font-size: var(--font-size-caption);
  }
}
body.login .login-form-section,
body.page-template-login .login-form-section {
  background: var(--surface-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-4xl);
}
@media (max-width: 768px) {
  body.login .login-form-section,
body.page-template-login .login-form-section {
    padding: var(--spacing-xl);
  }
}
@media (max-width: 480px) {
  body.login .login-form-section,
body.page-template-login .login-form-section {
    padding: var(--spacing-lg);
  }
}
body.login .login-container,
body.page-template-login .login-container {
  width: 100%;
  max-width: 480px;
}
@media (max-width: 480px) {
  body.login .login-container,
body.page-template-login .login-container {
    max-width: 100%;
  }
}
@media (prefers-contrast: high) {
  body.login .login-hero-section,
body.page-template-login .login-hero-section {
    border-right: 2px solid var(--text-on-primary);
  }
  body.login .hero-title, body.login .hero-subtitle,
body.page-template-login .hero-title,
body.page-template-login .hero-subtitle {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.login *,
body.page-template-login * {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important;
  }
}

/*
 * Login Form - Exakt basierend auf HTML-Vorlage
 * Alle Styles für Login-Form-Komponenten
 */
body.login,
body.page-template-login {
  /* Account Status Info - exakt wie in Vorlage */
  /* Login Title - exakt wie in Vorlage */
  /* Form Groups - exakt wie in Vorlage */
  /* Form Inputs - exakt wie in Vorlage */
  /* Form Hint Text - exakt wie in Vorlage */
  /* Password Field with Toggle - exakt wie in Vorlage */
  /* Submit Button - DESIGN-SYSTEM.md: Small = 6px border-radius */
  /* Loading Spinner - exakt wie in Vorlage */
  /* Links - exakt wie in Vorlage */
  /* Error and Success Messages - exakt wie in Vorlage */
  /* Mobile Responsive - exakt wie in Vorlage */
  /* High contrast mode support - exakt wie in Vorlage */
}
body.login .account-status,
body.page-template-login .account-status {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--border-radius-medium);
  margin-bottom: var(--spacing-3xl);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-md);
}
body.login .account-status .status-icon,
body.page-template-login .account-status .status-icon {
  font-size: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: var(--spacing-xs);
}
body.login .account-status .status-text,
body.page-template-login .account-status .status-text {
  font-size: var(--font-size-body);
  line-height: 1.4;
  color: var(--text-on-secondary);
}
body.login .login-title,
body.page-template-login .login-title {
  font-size: var(--font-size-h2);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--spacing-3xl);
  text-align: left;
}
body.login .form-group,
body.page-template-login .form-group {
  margin-bottom: var(--spacing-xl);
  width: 100%;
}
body.login .form-group .form-label,
body.page-template-login .form-group .form-label {
  display: block;
  font-size: var(--font-size-body);
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm);
}
body.login .form-input,
body.page-template-login .form-input {
  width: 100%;
  padding: var(--spacing-lg);
  border: 2px solid #E5E5E5;
  border-radius: var(--border-radius-small);
  background: var(--surface-color);
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  color: var(--text-primary);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.login .form-input:focus,
body.page-template-login .form-input:focus {
  border-color: var(--secondary-color);
  -webkit-box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
          box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
}
body.login .form-input.error,
body.page-template-login .form-input.error {
  border-color: var(--error-color);
  -webkit-box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
          box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
}
body.login .form-input::-webkit-input-placeholder, body.page-template-login .form-input::-webkit-input-placeholder {
  color: #999;
  font-weight: 300;
}
body.login .form-input::-moz-placeholder, body.page-template-login .form-input::-moz-placeholder {
  color: #999;
  font-weight: 300;
}
body.login .form-input:-ms-input-placeholder, body.page-template-login .form-input:-ms-input-placeholder {
  color: #999;
  font-weight: 300;
}
body.login .form-input::-ms-input-placeholder, body.page-template-login .form-input::-ms-input-placeholder {
  color: #999;
  font-weight: 300;
}
body.login .form-input::placeholder,
body.page-template-login .form-input::placeholder {
  color: #999;
  font-weight: 300;
}
body.login .form-hint,
body.page-template-login .form-hint {
  font-size: var(--font-size-small);
  color: #666;
  margin-top: var(--spacing-sm);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
body.login .form-group.error .form-hint,
body.page-template-login .form-group.error .form-hint {
  color: var(--error-color);
}
body.login .password-field,
body.page-template-login .password-field {
  position: relative;
}
body.login .password-field .password-toggle,
body.page-template-login .password-field .password-toggle {
  position: absolute;
  right: var(--spacing-lg);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  font-size: 20px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding: 0;
  line-height: 1;
}
body.login .password-field .password-toggle:hover,
body.page-template-login .password-field .password-toggle:hover {
  color: var(--secondary-color);
}
body.login .submit-button,
body.page-template-login .submit-button {
  width: 100%;
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  border: none;
  padding: 14px 24px;
  border-radius: var(--border-radius-small, 6px);
  font-family: var(--font-family);
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xl);
  position: relative;
  min-height: 56px;
}
body.login .submit-button:hover,
body.page-template-login .submit-button:hover {
  background: var(--secondary-dark);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
body.login .submit-button:active,
body.page-template-login .submit-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
body.login .submit-button:disabled,
body.page-template-login .submit-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
}
body.login .submit-button.loading,
body.page-template-login .submit-button.loading {
  opacity: 0.8;
  cursor: wait;
}
body.login .submit-button.loading span,
body.page-template-login .submit-button.loading span {
  opacity: 0.7;
}
body.login .submit-button span,
body.page-template-login .submit-button span {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body.login .loading-spinner,
body.page-template-login .loading-spinner {
  position: absolute;
  left: var(--spacing-lg);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid var(--text-on-secondary);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
}
body.login .loading-spinner.show,
body.page-template-login .loading-spinner.show {
  display: block;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
body.login .forgot-password,
body.page-template-login .forgot-password {
  text-align: center;
  margin-bottom: var(--spacing-xl);
}
body.login .forgot-password a,
body.page-template-login .forgot-password a {
  color: var(--secondary-color);
  text-decoration: none;
  font-size: var(--font-size-body);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body.login .forgot-password a:hover,
body.page-template-login .forgot-password a:hover {
  opacity: 0.7;
}
body.login .register-link,
body.page-template-login .register-link {
  text-align: center;
  font-size: var(--font-size-body);
  color: var(--text-primary);
}
body.login .register-link p,
body.page-template-login .register-link p {
  margin: 0;
}
body.login .register-link a,
body.page-template-login .register-link a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body.login .register-link a:hover,
body.page-template-login .register-link a:hover {
  opacity: 0.7;
}
body.login .error-message,
body.page-template-login .error-message {
  color: var(--error-color);
  font-size: var(--font-size-small);
  margin-top: var(--spacing-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
}
body.login .error-message.show,
body.page-template-login .error-message.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.login .error-message .error-icon,
body.page-template-login .error-message .error-icon {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
body.login .error-message p,
body.page-template-login .error-message p {
  margin: 0;
  font-size: var(--font-size-body);
}
body.login .error-message p:not(:last-child),
body.page-template-login .error-message p:not(:last-child) {
  margin-bottom: var(--spacing-sm);
}
body.login .success-message,
body.page-template-login .success-message {
  background: var(--success-color);
  color: white;
  padding: var(--spacing-lg);
  border-radius: var(--border-radius-medium);
  margin-bottom: var(--spacing-xl);
}
body.login .success-message h2,
body.page-template-login .success-message h2 {
  color: white;
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-h4);
}
body.login .success-message p,
body.page-template-login .success-message p {
  margin: 0;
  font-size: var(--font-size-body);
}
body.login .success-message p:not(:last-child),
body.page-template-login .success-message p:not(:last-child) {
  margin-bottom: var(--spacing-sm);
}
@media (max-width: 480px) {
  body.login .login-title,
body.page-template-login .login-title {
    font-size: var(--font-size-h3);
    text-align: center;
  }
  body.login .form-input,
body.page-template-login .form-input {
    padding: var(--spacing-md);
  }
  body.login .submit-button,
body.page-template-login .submit-button {
    padding: var(--spacing-md) var(--spacing-lg);
  }
  body.login .account-status,
body.page-template-login .account-status {
    padding: var(--spacing-md);
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (prefers-contrast: high) {
  body.login .form-input,
body.page-template-login .form-input {
    border-width: 3px;
  }
  body.login .form-input:focus,
body.page-template-login .form-input:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.2);
            box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.2);
  }
  body.login .submit-button,
body.page-template-login .submit-button {
    border: 2px solid var(--text-on-secondary);
  }
}

/*
 * 2FA Verification — Designer Mockup (Issue #1316 v2)
 * Quelle: otp-panel.html (Designer-Vorlage 2026-04-24)
 */
body.login,
body.page-template-login {
  /* ── Card Wrapper ─────────────────────────────────── */
  /* ── Icon Circle ──────────────────────────────────── */
  /* ── Headline ─────────────────────────────────────── */
  /* ── Hint Box (lila/lavendel) ─────────────────────── */
  /* ── Code Label ───────────────────────────────────── */
  /* ── OTP Boxes ────────────────────────────────────── */
  /* Message Area */
  /* ── Confirm Button ───────────────────────────────── */
  /* ── Error / Success Messages ─────────────────────── */
  /* ── Mobile (≤ 768px) ─────────────────────────────── */
  /* ── Small Mobile (≤ 360px) ──────────────────────── */
}
body.login .login-form-container.tt-2fa-card,
body.login .tt-2fa-card,
body.page-template-login .login-form-container.tt-2fa-card,
body.page-template-login .tt-2fa-card {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  padding: 44px 48px;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.login .tt-icon-circle,
body.page-template-login .tt-icon-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #EDE9F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 22px;
}
body.login .tt-icon-circle .material-symbols-outlined,
body.page-template-login .tt-icon-circle .material-symbols-outlined {
  font-size: 28px;
  color: #23036A;
}
body.login .tt-headline,
body.page-template-login .tt-headline {
  font-size: 1.375rem;
  font-weight: 700;
  color: #1A1A1A;
  letter-spacing: -0.3px;
  white-space: nowrap;
  margin: 0 0 24px;
  text-align: center;
  line-height: 1.2;
}
body.login .tt-hint,
body.page-template-login .tt-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  background: #F0EDF9;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 28px;
  text-align: left;
}
body.login .tt-hint > .material-symbols-outlined,
body.page-template-login .tt-hint > .material-symbols-outlined {
  font-size: 20px;
  color: #23036A;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 1px;
}
body.login .tt-hint .tt-hint-content,
body.page-template-login .tt-hint .tt-hint-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
body.login .tt-hint .tt-hint-title,
body.page-template-login .tt-hint .tt-hint-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #23036A;
  margin: 0 0 2px;
}
body.login .tt-hint .tt-hint-body,
body.page-template-login .tt-hint .tt-hint-body {
  font-size: 0.8125rem;
  color: #4A2E7C;
  margin: 0 0 10px;
  line-height: 1.4;
}
body.login .tt-hint .tt-hint-meta,
body.page-template-login .tt-hint .tt-hint-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.login .tt-hint .tt-hint-timer,
body.page-template-login .tt-hint .tt-hint-timer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: #666;
}
body.login .tt-hint .tt-hint-timer .material-symbols-outlined,
body.page-template-login .tt-hint .tt-hint-timer .material-symbols-outlined {
  font-size: 14px;
  color: #666;
}
body.login .tt-hint .tt-resend,
body.page-template-login .tt-hint .tt-resend {
  background: none;
  border: none;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  color: #23036A;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  padding: 0;
}
body.login .tt-hint .tt-resend:hover,
body.page-template-login .tt-hint .tt-resend:hover {
  color: #1A0250;
}
body.login .tt-hint .tt-resend:disabled,
body.page-template-login .tt-hint .tt-resend:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.login .tt-code-area .tt-code-label,
body.login .tt-code-label,
body.page-template-login .tt-code-area .tt-code-label,
body.page-template-login .tt-code-label {
  display: block;
  font-size: 0.875rem;
  color: #666;
  margin: 0 0 14px;
  text-align: center;
  font-weight: 400;
}
body.login .tt-code-inputs,
body.page-template-login .tt-code-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
}
body.login .tt-code-inputs .tt-digit,
body.page-template-login .tt-code-inputs .tt-digit {
  width: 52px;
  height: 56px;
  border-radius: 8px;
  border: 1.5px solid #D0C9E8;
  background: #F5F7FA;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  color: #23036A;
  text-align: center;
  outline: none;
  -webkit-transition: border-color 0.2s, background 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, background 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s, -webkit-box-shadow 0.2s;
  caret-color: #23036A;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
body.login .tt-code-inputs .tt-digit:focus,
body.page-template-login .tt-code-inputs .tt-digit:focus {
  border-color: #23036A;
  -webkit-box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.1);
          box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.1);
  background: #fff;
}
body.login .tt-code-inputs .tt-digit.filled,
body.page-template-login .tt-code-inputs .tt-digit.filled {
  border-color: #4A2E7C;
  background: #fff;
}
body.login .tt-code-inputs .tt-digit::-webkit-input-placeholder, body.page-template-login .tt-code-inputs .tt-digit::-webkit-input-placeholder {
  color: transparent;
}
body.login .tt-code-inputs .tt-digit::-moz-placeholder, body.page-template-login .tt-code-inputs .tt-digit::-moz-placeholder {
  color: transparent;
}
body.login .tt-code-inputs .tt-digit:-ms-input-placeholder, body.page-template-login .tt-code-inputs .tt-digit:-ms-input-placeholder {
  color: transparent;
}
body.login .tt-code-inputs .tt-digit::-ms-input-placeholder, body.page-template-login .tt-code-inputs .tt-digit::-ms-input-placeholder {
  color: transparent;
}
body.login .tt-code-inputs .tt-digit::placeholder,
body.page-template-login .tt-code-inputs .tt-digit::placeholder {
  color: transparent;
}
body.login .tt-message-area,
body.page-template-login .tt-message-area {
  min-height: 0;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
body.login .tt-message-area:empty,
body.page-template-login .tt-message-area:empty {
  display: none;
}
body.login .tt-confirm,
body.page-template-login .tt-confirm {
  width: 100%;
  padding: 15px 24px;
  border-radius: 999px;
  background: #23036A;
  color: #fff;
  border: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  -webkit-transition: background 0.2s, -webkit-transform 0.15s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, -webkit-transform 0.15s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s, -webkit-transform 0.15s, -webkit-box-shadow 0.2s;
  margin: 0;
  min-height: 0;
}
body.login .tt-confirm .material-symbols-outlined,
body.login .tt-confirm .lock,
body.page-template-login .tt-confirm .material-symbols-outlined,
body.page-template-login .tt-confirm .lock {
  font-size: 20px;
}
body.login .tt-confirm:hover:not(:disabled),
body.page-template-login .tt-confirm:hover:not(:disabled) {
  background: #1A0250;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 8px 16px rgba(35, 3, 106, 0.25);
          box-shadow: 0 8px 16px rgba(35, 3, 106, 0.25);
}
body.login .tt-confirm:active,
body.page-template-login .tt-confirm:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
body.login .tt-confirm:disabled,
body.page-template-login .tt-confirm:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
body.login .tt-confirm.loading,
body.page-template-login .tt-confirm.loading {
  opacity: 0.8;
  cursor: wait;
}
body.login .tt-error,
body.login .tt-success,
body.page-template-login .tt-error,
body.page-template-login .tt-success {
  padding: 8px 12px;
  border-radius: 8px;
  margin: 0;
  font-size: 0.8125rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  width: 100%;
  max-width: 320px;
}
body.login .tt-error,
body.page-template-login .tt-error {
  background: #FDECEA;
  color: #B71C1C;
}
body.login .tt-error::before,
body.page-template-login .tt-error::before {
  content: "⚠";
  font-weight: bold;
}
body.login .tt-success,
body.page-template-login .tt-success {
  background: #E6F4F1;
  color: #0D7377;
}
body.login .tt-success::before,
body.page-template-login .tt-success::before {
  content: "✓";
  font-weight: bold;
}
@media (max-width: 768px) {
  body.login .login-form-container.tt-2fa-card,
body.login .tt-2fa-card,
body.page-template-login .login-form-container.tt-2fa-card,
body.page-template-login .tt-2fa-card {
    padding: 32px 24px;
  }
  body.login .tt-headline,
body.page-template-login .tt-headline {
    font-size: 1.25rem;
    white-space: normal;
  }
  body.login .tt-code-inputs,
body.page-template-login .tt-code-inputs {
    gap: 8px;
  }
  body.login .tt-code-inputs .tt-digit,
body.page-template-login .tt-code-inputs .tt-digit {
    width: 44px;
    height: 50px;
    font-size: 1.125rem;
  }
}
@media (max-width: 360px) {
  body.login .login-form-container.tt-2fa-card,
body.login .tt-2fa-card,
body.page-template-login .login-form-container.tt-2fa-card,
body.page-template-login .tt-2fa-card {
    padding: 24px 16px;
  }
  body.login .tt-code-inputs,
body.page-template-login .tt-code-inputs {
    gap: 6px;
  }
  body.login .tt-code-inputs .tt-digit,
body.page-template-login .tt-code-inputs .tt-digit {
    width: 40px;
    height: 48px;
    font-size: 1rem;
  }
}

/* BuddyPress Pages */
body.registration {
  /* Reset und Grundlagen - wie Login-Seite */
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background-color: var(--background);
  font-family: var(--font-family);
  color: var(--text-primary);
  line-height: 1.6;
  /* =====================================================
     HEADER MODIFICATIONS für Registration Page
     Exact match to HTML template - like login page
     ===================================================== */
  /* Main Container - CSS Grid 50/50 Split wie Login */
  /* Left Side - Hero Section (wie Login-Seite) */
  /* Right Side - Registration Form Section */
  /* Registration Title - matching login title exactly */
  /* Form Groups - wie Login */
  /* Form Inputs - wie Login */
  /* Form Hint Text - wie Login */
  /* Password Field with Toggle - wie Login */
  /* Submit Button - wie Login */
  /* Error and Success Messages - wie Login */
  /* Login Link - wie auf Login-Seite der Register-Link */
  /* Mobile Responsive - wie Login */
  /* High contrast mode support - wie Login */
}
body.registration .header {
  background: var(--surface-color) !important;
  padding: var(--spacing-md) 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--border-gray) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
body.registration .header .toolbar {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 var(--spacing-lg) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  height: auto !important;
  min-height: 0 !important;
}
body.registration .header .toolbar-right {
  display: none !important;
}
body.registration .header .header-menu {
  display: none !important;
}
body.registration .header .login-text {
  display: none !important;
}
body.registration .bp-register-main-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: calc(100vh - 80px);
  /* Subtract header height */
}
@media (max-width: 768px) {
  body.registration .bp-register-main-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
}
body.registration .bp-register-hero-section {
  background: var(--primary-color);
  color: var(--text-on-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--spacing-4xl);
  position: relative;
}
@media (max-width: 768px) {
  body.registration .bp-register-hero-section {
    padding: var(--spacing-xl);
    min-height: 200px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
@media (max-width: 480px) {
  body.registration .bp-register-hero-section {
    padding: var(--spacing-lg);
    min-height: 150px;
  }
}
body.registration .bp-register-hero-content {
  max-width: 100%;
}
body.registration .bp-register-hero-title {
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: var(--spacing-lg);
  color: var(--text-on-primary);
}
@media (max-width: 1200px) {
  body.registration .bp-register-hero-title {
    font-size: 4.5rem;
  }
}
@media (max-width: 768px) {
  body.registration .bp-register-hero-title {
    font-size: 3.5rem;
  }
}
@media (max-width: 480px) {
  body.registration .bp-register-hero-title {
    font-size: 2.5rem;
  }
}
body.registration .bp-register-hero-subtitle {
  font-size: var(--font-size-h4);
  font-weight: 300;
  opacity: 0.9;
  color: var(--text-on-primary);
  margin: 0;
}
@media (max-width: 768px) {
  body.registration .bp-register-hero-subtitle {
    font-size: var(--font-size-h3);
  }
}
@media (max-width: 480px) {
  body.registration .bp-register-hero-subtitle {
    font-size: var(--font-size-body);
  }
}
body.registration .bp-register-form-section {
  background: var(--surface-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-2xl);
}
@media (max-width: 768px) {
  body.registration .bp-register-form-section {
    padding: var(--spacing-lg);
  }
}
@media (max-width: 480px) {
  body.registration .bp-register-form-section {
    padding: var(--spacing-md);
  }
}
body.registration .bp-register-container {
  width: 100%;
  max-width: 480px;
  padding-top: var(--spacing-lg);
}
@media (max-width: 480px) {
  body.registration .bp-register-container {
    max-width: 100%;
    padding-top: var(--spacing-md);
  }
}
body.registration .bp-register-wrapper {
  padding-bottom: var(--spacing-4xl, 50px);
}
@media (max-width: 768px) {
  body.registration .bp-register-wrapper {
    padding-bottom: var(--spacing-2xl, 30px);
  }
}
@media (max-width: 480px) {
  body.registration .bp-register-wrapper {
    padding-bottom: var(--spacing-xl, 20px);
  }
}
body.registration .bp-register-headline {
  font-size: clamp(2rem, 5.5vw, 3.5rem);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--spacing-xl);
  text-align: left;
  line-height: 1.1;
}
@media (max-width: 480px) {
  body.registration .bp-register-headline {
    margin-bottom: var(--spacing-lg);
    text-align: center;
  }
}
body.registration .bp-register-newsletter-note {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  line-height: 1.5;
  margin-top: var(--spacing-md);
}
@media (max-width: 480px) {
  body.registration .bp-register-newsletter-note {
    font-size: var(--font-size-xs);
  }
}
body.registration .registration-title {
  font-size: var(--font-size-h2);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--spacing-3xl);
  text-align: left;
}
body.registration .form-group {
  margin-bottom: var(--spacing-xl);
  width: 100%;
}
body.registration .form-group .form-label {
  display: block;
  font-size: var(--font-size-body);
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm);
}
body.registration .form-input {
  width: 100%;
  padding: var(--spacing-lg);
  border: 2px solid #E5E5E5;
  border-radius: var(--border-radius-small);
  background: var(--surface-color);
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  color: var(--text-primary);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.registration .form-input:focus {
  border-color: var(--secondary-color);
  -webkit-box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
          box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
}
body.registration .form-input.error {
  border-color: var(--error-color);
  -webkit-box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
          box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
}
body.registration .form-input::-webkit-input-placeholder {
  color: #999;
  font-weight: 300;
}
body.registration .form-input::-moz-placeholder {
  color: #999;
  font-weight: 300;
}
body.registration .form-input:-ms-input-placeholder {
  color: #999;
  font-weight: 300;
}
body.registration .form-input::-ms-input-placeholder {
  color: #999;
  font-weight: 300;
}
body.registration .form-input::placeholder {
  color: #999;
  font-weight: 300;
}
body.registration .form-hint {
  font-size: var(--font-size-small);
  color: #666;
  margin-top: var(--spacing-sm);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
body.registration .form-group.error .form-hint {
  color: var(--error-color);
}
body.registration .password-field {
  position: relative;
}
body.registration .password-field .password-toggle {
  position: absolute;
  right: var(--spacing-lg);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: none;
  border: none;
  color: #666;
  cursor: pointer;
  font-size: 20px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding: 0;
  line-height: 1;
}
body.registration .password-field .password-toggle:hover {
  color: var(--secondary-color);
}
body.registration .submit-button {
  width: 100%;
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  border: none;
  padding: var(--spacing-lg) var(--spacing-xl);
  border-radius: var(--border-radius-medium);
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xl);
  position: relative;
  min-height: 56px;
}
body.registration .submit-button:hover {
  background: var(--secondary-dark);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
body.registration .submit-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
body.registration .submit-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
}
body.registration .submit-button.loading {
  opacity: 0.8;
  cursor: wait;
}
body.registration .submit-button.loading span {
  opacity: 0.7;
}
body.registration .submit-button span {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body.registration .error-message {
  color: var(--error-color);
  font-size: var(--font-size-small);
  margin-top: var(--spacing-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
}
body.registration .error-message.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.registration .error-message .error-icon {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
body.registration .error-message p {
  margin: 0;
  font-size: var(--font-size-body);
}
body.registration .error-message p:not(:last-child) {
  margin-bottom: var(--spacing-sm);
}
body.registration .success-message {
  background: var(--success-color);
  color: white;
  padding: var(--spacing-lg);
  border-radius: var(--border-radius-medium);
  margin-bottom: var(--spacing-xl);
}
body.registration .success-message h2 {
  color: white;
  margin: 0 0 var(--spacing-sm) 0;
  font-size: var(--font-size-h4);
}
body.registration .success-message p {
  margin: 0;
  font-size: var(--font-size-body);
}
body.registration .success-message p:not(:last-child) {
  margin-bottom: var(--spacing-sm);
}
body.registration .login-link {
  text-align: center;
  font-size: var(--font-size-body);
  color: var(--text-primary);
}
body.registration .login-link p {
  margin: 0;
}
body.registration .login-link a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body.registration .login-link a:hover {
  opacity: 0.7;
}
body.registration .bp-register-terms {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
}
body.registration .bp-register-terms a {
  color: var(--primary-color);
  text-decoration: underline;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
body.registration .bp-register-terms a:hover {
  opacity: 0.7;
}
@media (max-width: 480px) {
  body.registration .registration-title {
    font-size: var(--font-size-h3);
    text-align: center;
  }
  body.registration .form-input {
    padding: var(--spacing-md);
  }
  body.registration .submit-button {
    padding: var(--spacing-md) var(--spacing-lg);
  }
}
@media (prefers-contrast: high) {
  body.registration .form-input {
    border-width: 3px;
  }
  body.registration .form-input:focus {
    -webkit-box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.2);
            box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.2);
  }
  body.registration .submit-button {
    border: 2px solid var(--text-on-secondary);
  }
}

body.registration .bp-reg-form,
body.login .bp-reg-form,
body.page-template-login .bp-reg-form {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  font-family: "Ubuntu", sans-serif !important;
  color: #1A1A1A;
}
body.registration .bp-reg-form__title,
body.login .bp-reg-form__title,
body.page-template-login .bp-reg-form__title {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 0 4px !important;
  line-height: 1.15;
}
body.registration .bp-reg-form__meta,
body.login .bp-reg-form__meta,
body.page-template-login .bp-reg-form__meta {
  font-size: 13px !important;
  color: #666666 !important;
  margin: 0 0 24px !important;
  line-height: 1.5;
}
body.registration .bp-reg-form__meta a,
body.login .bp-reg-form__meta a,
body.page-template-login .bp-reg-form__meta a {
  color: #23036A !important;
  font-weight: 500;
  text-decoration: none;
}
body.registration .bp-reg-form__meta a:hover,
body.login .bp-reg-form__meta a:hover,
body.page-template-login .bp-reg-form__meta a:hover {
  text-decoration: underline;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field,
body.login .bp-reg-form .bp-reg-field.mdc-text-field,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field {
  width: 100% !important;
  height: 52px !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 6px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__leading,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__notch,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__trailing,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__leading,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__notch,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__trailing,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__leading,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__notch,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__trailing {
  border-color: #E0E0E0 !important;
  border-top-width: 1.5px !important;
  border-bottom-width: 1.5px !important;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
  background: transparent !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__leading,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__leading,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__leading {
  border-left-width: 1.5px !important;
  border-right-width: 0 !important;
  border-radius: 6px 0 0 6px !important;
  width: 12px !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__notch,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__notch,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__notch {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  padding: 0 4px !important;
  max-width: calc(100% - 24px);
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__trailing,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__trailing,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-notched-outline__trailing {
  border-left-width: 0 !important;
  border-right-width: 1.5px !important;
  border-radius: 0 6px 6px 0 !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-text-field__input,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-text-field__input,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-text-field__input {
  width: 100% !important;
  height: 52px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 15px !important;
  color: #1A1A1A !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-text-field__input:focus,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-text-field__input:focus,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-text-field__input:focus {
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-floating-label,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-floating-label,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-floating-label {
  display: inline-block !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #666666 !important;
  pointer-events: none !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
  background: transparent !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field .mdc-floating-label--float-above,
body.login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-floating-label--float-above,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field .mdc-floating-label--float-above {
  top: 0 !important;
  -webkit-transform: translate(-4px, -50%) scale(0.78) !important;
          transform: translate(-4px, -50%) scale(0.78) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #666666 !important;
  background: #FFFFFF !important;
  padding: 0 4px !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused {
  -webkit-box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.12) !important;
          box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.12) !important;
  border-radius: 6px !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__notch,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__notch,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__notch,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #23036A !important;
  border-top-width: 1.5px !important;
  border-bottom-width: 1.5px !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading {
  border-left-width: 1.5px !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-right-width: 1.5px !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-floating-label,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-floating-label--float-above,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-floating-label,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-floating-label--float-above,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-floating-label,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--focused .mdc-floating-label--float-above {
  color: #23036A !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__leading,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__notch,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__trailing,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__leading,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__notch,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__trailing,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__leading,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__notch,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-notched-outline__trailing {
  border-color: #F44336 !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-floating-label,
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-floating-label--float-above,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-floating-label,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-floating-label--float-above,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-floating-label,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid .mdc-floating-label--float-above {
  color: #F44336 !important;
}
body.registration .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid.mdc-text-field--focused,
body.login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid.mdc-text-field--focused,
body.page-template-login .bp-reg-form .bp-reg-field.mdc-text-field.mdc-text-field--invalid.mdc-text-field--focused {
  -webkit-box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.12) !important;
          box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.12) !important;
}
body.registration .bp-reg-form .bp-reg-field--password .mdc-text-field__input,
body.login .bp-reg-form .bp-reg-field--password .mdc-text-field__input,
body.page-template-login .bp-reg-form .bp-reg-field--password .mdc-text-field__input {
  padding-right: 44px !important;
}
body.registration .bp-reg-form .bp-reg-field-wrap,
body.login .bp-reg-form .bp-reg-field-wrap,
body.page-template-login .bp-reg-form .bp-reg-field-wrap {
  position: relative;
  display: block;
  margin-top: 16px;
}
body.registration .bp-reg-form .bp-reg-field-wrap .bp-reg-field.mdc-text-field,
body.login .bp-reg-form .bp-reg-field-wrap .bp-reg-field.mdc-text-field,
body.page-template-login .bp-reg-form .bp-reg-field-wrap .bp-reg-field.mdc-text-field {
  display: block;
}
body.registration .bp-reg-form .bp-reg-field + .bp-reg-helper,
body.registration .bp-reg-form .bp-reg-field-wrap + .bp-reg-helper,
body.login .bp-reg-form .bp-reg-field + .bp-reg-helper,
body.login .bp-reg-form .bp-reg-field-wrap + .bp-reg-helper,
body.page-template-login .bp-reg-form .bp-reg-field + .bp-reg-helper,
body.page-template-login .bp-reg-form .bp-reg-field-wrap + .bp-reg-helper {
  margin-top: 0;
}
body.registration .bp-reg-form .bp-reg-field:first-of-type,
body.registration .bp-reg-form .bp-reg-field-wrap:first-of-type,
body.login .bp-reg-form .bp-reg-field:first-of-type,
body.login .bp-reg-form .bp-reg-field-wrap:first-of-type,
body.page-template-login .bp-reg-form .bp-reg-field:first-of-type,
body.page-template-login .bp-reg-form .bp-reg-field-wrap:first-of-type {
  margin-top: 0;
}
body.registration .bp-reg-form .bp-reg-field,
body.login .bp-reg-form .bp-reg-field,
body.page-template-login .bp-reg-form .bp-reg-field {
  margin-top: 16px;
}
body.registration .bp-reg-form .bp-reg-field:first-of-type,
body.login .bp-reg-form .bp-reg-field:first-of-type,
body.page-template-login .bp-reg-form .bp-reg-field:first-of-type {
  margin-top: 0;
}
body.registration .bp-reg-form .bp-reg-pw-toggle,
body.login .bp-reg-form .bp-reg-pw-toggle,
body.page-template-login .bp-reg-form .bp-reg-pw-toggle {
  position: absolute !important;
  right: 8px;
  top: 10px;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #9E9E9E;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
  line-height: 1;
}
body.registration .bp-reg-form .bp-reg-pw-toggle .material-symbols-outlined,
body.login .bp-reg-form .bp-reg-pw-toggle .material-symbols-outlined,
body.page-template-login .bp-reg-form .bp-reg-pw-toggle .material-symbols-outlined {
  font-size: 20px !important;
  color: inherit !important;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
body.registration .bp-reg-form .bp-reg-pw-toggle:hover .material-symbols-outlined,
body.login .bp-reg-form .bp-reg-pw-toggle:hover .material-symbols-outlined,
body.page-template-login .bp-reg-form .bp-reg-pw-toggle:hover .material-symbols-outlined {
  color: #23036A !important;
}
body.registration .bp-reg-form .bp-reg-pw-strength,
body.login .bp-reg-form .bp-reg-pw-strength,
body.page-template-login .bp-reg-form .bp-reg-pw-strength {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin: 6px 0 0;
}
body.registration .bp-reg-form .bp-reg-pw-strength__bar,
body.login .bp-reg-form .bp-reg-pw-strength__bar,
body.page-template-login .bp-reg-form .bp-reg-pw-strength__bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3px;
  border-radius: 2px;
  background: #E0E0E0;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
body.registration .bp-reg-form .bp-reg-pw-strength__bar.is-weak,
body.login .bp-reg-form .bp-reg-pw-strength__bar.is-weak,
body.page-template-login .bp-reg-form .bp-reg-pw-strength__bar.is-weak {
  background: #F44336;
}
body.registration .bp-reg-form .bp-reg-pw-strength__bar.is-medium,
body.login .bp-reg-form .bp-reg-pw-strength__bar.is-medium,
body.page-template-login .bp-reg-form .bp-reg-pw-strength__bar.is-medium {
  background: #FF9800;
}
body.registration .bp-reg-form .bp-reg-pw-strength__bar.is-strong,
body.login .bp-reg-form .bp-reg-pw-strength__bar.is-strong,
body.page-template-login .bp-reg-form .bp-reg-pw-strength__bar.is-strong {
  background: #0D7377;
}
body.registration .bp-reg-form .bp-reg-field-hint,
body.login .bp-reg-form .bp-reg-field-hint,
body.page-template-login .bp-reg-form .bp-reg-field-hint {
  font-size: 11px !important;
  color: #9E9E9E !important;
  margin: 4px 0 0 !important;
  line-height: 1.4 !important;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
body.registration .bp-reg-form .bp-reg-field-hint.is-strong,
body.login .bp-reg-form .bp-reg-field-hint.is-strong,
body.page-template-login .bp-reg-form .bp-reg-field-hint.is-strong {
  color: #0D7377 !important;
}
body.registration .bp-reg-form .bp-reg-field-error,
body.login .bp-reg-form .bp-reg-field-error,
body.page-template-login .bp-reg-form .bp-reg-field-error {
  font-size: 11px !important;
  color: #F44336 !important;
  margin: 4px 0 0 !important;
  display: none;
  line-height: 1.4;
  -webkit-animation: bp-reg-shake 0.3s ease;
          animation: bp-reg-shake 0.3s ease;
}
body.registration .bp-reg-form .bp-reg-field-error[style*=block],
body.login .bp-reg-form .bp-reg-field-error[style*=block],
body.page-template-login .bp-reg-form .bp-reg-field-error[style*=block] {
  display: block !important;
}
@-webkit-keyframes bp-reg-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  75% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
@keyframes bp-reg-shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
  }
  75% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
body.registration .bp-reg-form .bp-reg-helper,
body.login .bp-reg-form .bp-reg-helper,
body.page-template-login .bp-reg-form .bp-reg-helper {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.registration .bp-reg-form .bp-reg-helper .mdc-text-field-helper-text,
body.login .bp-reg-form .bp-reg-helper .mdc-text-field-helper-text,
body.page-template-login .bp-reg-form .bp-reg-helper .mdc-text-field-helper-text {
  font-size: 11px !important;
  color: #F44336 !important;
  padding: 2px 0 0 !important;
  margin: 0 !important;
}
body.registration .bp-reg-form .bp-reg-checks,
body.login .bp-reg-form .bp-reg-checks,
body.page-template-login .bp-reg-form .bp-reg-checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: 24px 0 20px !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field,
body.login .bp-reg-form .bp-reg-check.mdc-form-field,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox,
body.login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox {
  padding: 0 !important;
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 18px !important;
          flex: 0 0 18px !important;
  margin-top: 2px !important;
  overflow: visible !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__background,
body.login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__background,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__background {
  top: 0 !important;
  left: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  border-width: 1.5px !important;
  border-color: #9E9E9E !important;
  background: #FFFFFF !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control,
body.login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control {
  width: 32px !important;
  height: 32px !important;
  top: -7px !important;
  left: -7px !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__ripple,
body.login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__ripple,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__ripple {
  display: none !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, body.registration .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
body.login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
body.login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  background-color: #23036A !important;
  border-color: #23036A !important;
  -webkit-animation: bp-reg-cb-pop 0.22s ease;
          animation: bp-reg-cb-pop 0.22s ease;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__checkmark,
body.login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__checkmark,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field .mdc-checkbox__checkmark {
  color: #fff !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field > label,
body.login .bp-reg-form .bp-reg-check.mdc-form-field > label,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field > label {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #666666 !important;
  line-height: 1.5 !important;
  padding-left: 8px !important;
  cursor: pointer;
  margin: 0 !important;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field > label a,
body.login .bp-reg-form .bp-reg-check.mdc-form-field > label a,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field > label a {
  color: #23036A !important;
  font-weight: 500;
  text-decoration: none;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field > label a:hover,
body.login .bp-reg-form .bp-reg-check.mdc-form-field > label a:hover,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field > label a:hover {
  text-decoration: underline;
}
body.registration .bp-reg-form .bp-reg-check.mdc-form-field > label strong,
body.login .bp-reg-form .bp-reg-check.mdc-form-field > label strong,
body.page-template-login .bp-reg-form .bp-reg-check.mdc-form-field > label strong {
  color: #1A1A1A !important;
  font-weight: 500;
}
body.registration .bp-reg-form .bp-reg-check__info.material-symbols-outlined,
body.login .bp-reg-form .bp-reg-check__info.material-symbols-outlined,
body.page-template-login .bp-reg-form .bp-reg-check__info.material-symbols-outlined {
  font-size: 14px !important;
  color: #9E9E9E !important;
  vertical-align: middle;
  margin-left: 4px !important;
  margin-right: 0 !important;
  padding: 0 !important;
  cursor: help;
  position: static !important;
  top: auto !important;
}
@-webkit-keyframes bp-reg-cb-pop {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  60% {
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bp-reg-cb-pop {
  0% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  60% {
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  background: #23036A !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  -webkit-transition: background 0.28s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.28s ease !important;
  transition: background 0.28s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.28s ease !important;
  transition: background 0.28s ease, transform 0.15s ease, box-shadow 0.28s ease !important;
  transition: background 0.28s ease, transform 0.15s ease, box-shadow 0.28s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.28s ease !important;
  cursor: pointer !important;
  overflow: hidden !important;
  position: relative !important;
  margin-top: 4px !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .mdc-button__ripple,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .mdc-button__ripple,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .mdc-button__ripple,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .mdc-button__ripple,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .mdc-button__ripple,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .mdc-button__ripple {
  border-radius: 999px !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .material-symbols-outlined,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .material-symbols-outlined,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .material-symbols-outlined,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .material-symbols-outlined,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .material-symbols-outlined,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .material-symbols-outlined {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #fff !important;
  -webkit-transition: -webkit-transform 0.2s ease !important;
  transition: -webkit-transform 0.2s ease !important;
  transition: transform 0.2s ease !important;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .mdc-button__label,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .mdc-button__label,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .mdc-button__label,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .mdc-button__label,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button .mdc-button__label,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised .mdc-button__label {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #fff !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover {
  background: #4A2E7C !important;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
  -webkit-transform: translateY(-1px) !important;
          transform: translateY(-1px) !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover .material-symbols-outlined,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover .material-symbols-outlined,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover .material-symbols-outlined,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover .material-symbols-outlined,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover .material-symbols-outlined,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover .material-symbols-outlined {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover .mdc-button__ripple,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover .mdc-button__ripple,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover .mdc-button__ripple,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover .mdc-button__ripple,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:hover .mdc-button__ripple,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:hover .mdc-button__ripple {
  border-radius: 999px !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:active,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:active,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:active,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:active,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:active,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:active {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
}
body.registration .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:active .mdc-button__ripple,
body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:active .mdc-button__ripple,
body.login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:active .mdc-button__ripple,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:active .mdc-button__ripple,
body.page-template-login .bp-reg-form.bp-reg-form .bp-reg-btn-primary.mdc-button:active .mdc-button__ripple,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised:active .mdc-button__ripple {
  border-radius: 999px !important;
}
body.registration .bp-reg-form .bp-reg-legal-note,
body.login .bp-reg-form .bp-reg-legal-note,
body.page-template-login .bp-reg-form .bp-reg-legal-note {
  font-size: 11px !important;
  color: #9E9E9E !important;
  text-align: center !important;
  margin: 18px 0 0 !important;
  line-height: 1.5 !important;
}
body.registration .bp-reg-form .bp-reg-honeypot,
body.login .bp-reg-form .bp-reg-honeypot,
body.page-template-login .bp-reg-form .bp-reg-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
@media (max-width: 480px) {
  body.registration .bp-reg-form,
body.login .bp-reg-form,
body.page-template-login .bp-reg-form {
    max-width: 100%;
  }
  body.registration .bp-reg-form .bp-reg-btn-primary.mdc-button--raised,
body.login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised,
body.page-template-login .bp-reg-form .bp-reg-btn-primary.mdc-button--raised {
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
  }
}

body.registration .bp-reg-notice,
body.page-template-login .bp-reg-notice {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  font-family: "Ubuntu", sans-serif !important;
  color: #1A1A1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
body.registration .bp-reg-notice__alert,
body.page-template-login .bp-reg-notice__alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
}
body.registration .bp-reg-notice__alert--warning,
body.page-template-login .bp-reg-notice__alert--warning {
  background: rgba(244, 67, 54, 0.08);
  border: 1px solid rgba(244, 67, 54, 0.25);
  color: #F44336;
}
body.registration .bp-reg-notice__alert--warning strong,
body.page-template-login .bp-reg-notice__alert--warning strong {
  color: #F44336;
  font-weight: 500;
  display: block;
  margin-bottom: 2px;
}
body.registration .bp-reg-notice__alert .material-symbols-outlined,
body.page-template-login .bp-reg-notice__alert .material-symbols-outlined {
  font-size: 20px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 1px;
}
body.registration .bp-reg-notice__icon,
body.page-template-login .bp-reg-notice__icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
  -webkit-animation: bp-reg-notice-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
          animation: bp-reg-notice-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
body.registration .bp-reg-notice__icon .material-symbols-outlined,
body.page-template-login .bp-reg-notice__icon .material-symbols-outlined {
  font-size: 36px !important;
}
body.registration .bp-reg-notice__icon--info,
body.page-template-login .bp-reg-notice__icon--info {
  background: rgba(35, 3, 106, 0.08);
}
body.registration .bp-reg-notice__icon--info .material-symbols-outlined,
body.page-template-login .bp-reg-notice__icon--info .material-symbols-outlined {
  color: #23036A !important;
}
body.registration .bp-reg-notice__icon--success,
body.page-template-login .bp-reg-notice__icon--success {
  background: rgba(13, 115, 119, 0.1);
}
body.registration .bp-reg-notice__icon--success .material-symbols-outlined,
body.page-template-login .bp-reg-notice__icon--success .material-symbols-outlined {
  color: #0D7377 !important;
  -webkit-animation: bp-reg-notice-check 0.3s 0.3s ease both;
          animation: bp-reg-notice-check 0.3s 0.3s ease both;
}
body.registration .bp-reg-notice__title,
body.page-template-login .bp-reg-notice__title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 0 12px !important;
  line-height: 1.2 !important;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.15s ease both;
          animation: bp-reg-notice-fade 0.35s 0.15s ease both;
}
body.registration .bp-reg-notice__desc,
body.page-template-login .bp-reg-notice__desc {
  font-size: 15px;
  color: #666666;
  line-height: 1.6;
  margin: 0 0 8px;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.2s ease both;
          animation: bp-reg-notice-fade 0.35s 0.2s ease both;
}
body.registration .bp-reg-notice__desc--wide,
body.page-template-login .bp-reg-notice__desc--wide {
  margin-bottom: 32px;
}
body.registration .bp-reg-notice__email,
body.page-template-login .bp-reg-notice__email {
  font-size: 14px;
  font-weight: 500;
  color: #23036A;
  margin: 0 0 32px;
  word-break: break-all;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.25s ease both;
          animation: bp-reg-notice-fade 0.35s 0.25s ease both;
}
body.registration .bp-reg-steps,
body.page-template-login .bp-reg-steps {
  width: 100%;
  background: #F5F7FA;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 28px;
  text-align: left;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.3s ease both;
          animation: bp-reg-notice-fade 0.35s 0.3s ease both;
}
body.registration .bp-reg-steps__label,
body.page-template-login .bp-reg-steps__label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9E9E9E;
  margin: 0 0 14px;
}
body.registration .bp-reg-step,
body.page-template-login .bp-reg-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
body.registration .bp-reg-step:last-child,
body.page-template-login .bp-reg-step:last-child {
  margin-bottom: 0;
}
body.registration .bp-reg-step__num,
body.page-template-login .bp-reg-step__num {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  background: #23036A;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1px;
}
body.registration .bp-reg-step__text,
body.page-template-login .bp-reg-step__text {
  font-size: 13px;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}
body.registration .bp-reg-step__text strong,
body.page-template-login .bp-reg-step__text strong {
  color: #1A1A1A;
  font-weight: 500;
}
body.registration .bp-reg-resend-row,
body.page-template-login .bp-reg-resend-row {
  font-size: 13px;
  color: #666666;
  margin: 0;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.35s ease both;
          animation: bp-reg-notice-fade 0.35s 0.35s ease both;
}
body.registration .bp-reg-resend-link,
body.page-template-login .bp-reg-resend-link {
  background: none;
  border: 0;
  padding: 0;
  font-family: "Ubuntu", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #23036A;
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  -webkit-transition: color 0.2s, -webkit-text-decoration-color 0.2s;
  transition: color 0.2s, -webkit-text-decoration-color 0.2s;
  transition: text-decoration-color 0.2s, color 0.2s;
  transition: text-decoration-color 0.2s, color 0.2s, -webkit-text-decoration-color 0.2s;
}
body.registration .bp-reg-resend-link:hover:not(:disabled),
body.page-template-login .bp-reg-resend-link:hover:not(:disabled) {
  -webkit-text-decoration-color: #23036A;
          text-decoration-color: #23036A;
}
body.registration .bp-reg-resend-link:disabled,
body.page-template-login .bp-reg-resend-link:disabled {
  color: #9E9E9E;
  cursor: default;
}
body.registration .bp-reg-resend-link.is-sent,
body.page-template-login .bp-reg-resend-link.is-sent {
  color: #0D7377;
  text-decoration: none;
}
body.registration .bp-reg-spam-note,
body.page-template-login .bp-reg-spam-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #9E9E9E;
  margin: 20px 0 0;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.4s ease both;
          animation: bp-reg-notice-fade 0.35s 0.4s ease both;
}
body.registration .bp-reg-spam-note .material-symbols-outlined,
body.page-template-login .bp-reg-spam-note .material-symbols-outlined {
  font-size: 14px !important;
}
body.registration .bp-reg-success-pill,
body.page-template-login .bp-reg-success-pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background: rgba(13, 115, 119, 0.1);
  border: 1px solid rgba(13, 115, 119, 0.25);
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #0D7377;
  margin-bottom: 16px;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.1s ease both;
          animation: bp-reg-notice-fade 0.35s 0.1s ease both;
}
body.registration .bp-reg-success-pill__dot,
body.page-template-login .bp-reg-success-pill__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0D7377;
}
body.registration a.bp-reg-btn-primary,
body.page-template-login a.bp-reg-btn-primary {
  width: 100%;
  height: 52px;
  padding: 0 24px;
  background: #23036A !important;
  color: #fff !important;
  border: 0;
  border-radius: 999px !important;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 8px !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  text-decoration: none !important;
  -webkit-transition: background 0.28s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.28s ease;
  transition: background 0.28s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.28s ease;
  transition: background 0.28s ease, transform 0.15s ease, box-shadow 0.28s ease;
  transition: background 0.28s ease, transform 0.15s ease, box-shadow 0.28s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.28s ease;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.3s ease both;
          animation: bp-reg-notice-fade 0.35s 0.3s ease both;
}
body.registration a.bp-reg-btn-primary .material-symbols-outlined,
body.page-template-login a.bp-reg-btn-primary .material-symbols-outlined {
  font-size: 18px !important;
  color: #fff !important;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
body.registration a.bp-reg-btn-primary:hover,
body.page-template-login a.bp-reg-btn-primary:hover {
  background: #4A2E7C !important;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
body.registration a.bp-reg-btn-primary:hover .material-symbols-outlined,
body.page-template-login a.bp-reg-btn-primary:hover .material-symbols-outlined {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
body.registration .bp-reg-countdown,
body.page-template-login .bp-reg-countdown {
  font-size: 12px;
  color: #9E9E9E;
  margin: 14px 0 0;
  -webkit-animation: bp-reg-notice-fade 0.35s 0.35s ease both;
          animation: bp-reg-notice-fade 0.35s 0.35s ease both;
}
body.registration .bp-reg-countdown span,
body.page-template-login .bp-reg-countdown span {
  color: #23036A;
  font-weight: 500;
}
@-webkit-keyframes bp-reg-notice-pop {
  from {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes bp-reg-notice-pop {
  from {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bp-reg-notice-fade {
  from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bp-reg-notice-fade {
  from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bp-reg-notice-check {
  from {
    -webkit-transform: scale(0.5) rotate(-20deg);
            transform: scale(0.5) rotate(-20deg);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes bp-reg-notice-check {
  from {
    -webkit-transform: scale(0.5) rotate(-20deg);
            transform: scale(0.5) rotate(-20deg);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@media (max-width: 480px) {
  body.registration .bp-reg-notice,
body.page-template-login .bp-reg-notice {
    max-width: 100%;
  }
  body.registration .bp-reg-notice__alert,
body.page-template-login .bp-reg-notice__alert {
    text-align: left;
  }
  body.registration .bp-reg-steps,
body.page-template-login .bp-reg-steps {
    padding: 16px 18px;
  }
}

body.login .bp-reg-flash,
body.page-template-login .bp-reg-flash {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 1.45;
}
body.login .bp-reg-flash--error,
body.page-template-login .bp-reg-flash--error {
  background: rgba(244, 67, 54, 0.08);
  border: 1px solid rgba(244, 67, 54, 0.25);
  color: #F44336;
}
body.login .bp-reg-flash--error p,
body.page-template-login .bp-reg-flash--error p {
  margin: 0 0 4px;
}
body.login .bp-reg-flash--error p:last-child,
body.page-template-login .bp-reg-flash--error p:last-child {
  margin: 0;
}
body.login .bp-reg-flash--success,
body.page-template-login .bp-reg-flash--success {
  background: rgba(13, 115, 119, 0.08);
  border: 1px solid rgba(13, 115, 119, 0.25);
  color: #0D7377;
}
body.login .bp-reg-flash--success p,
body.page-template-login .bp-reg-flash--success p {
  margin: 0 0 4px;
}
body.login .bp-reg-flash--success p:last-child,
body.page-template-login .bp-reg-flash--success p:last-child {
  margin: 0;
}
body.login .bp-reg-login-forgot,
body.page-template-login .bp-reg-login-forgot {
  text-align: right;
  margin: 12px 0 20px;
}
body.login .bp-reg-login-forgot a,
body.page-template-login .bp-reg-login-forgot a {
  font-size: 13px;
  font-weight: 500;
  color: #23036A !important;
  text-decoration: none;
}
body.login .bp-reg-login-forgot a:hover,
body.page-template-login .bp-reg-login-forgot a:hover {
  text-decoration: underline;
}

/* REFACTORED: Steuer-Profil Page with sp- namespace */
/**
 * Steuer-Profil Component - Refactored Version
 *
 * Following BEM methodology with namespace prefix
 * Namespace: sp- (Steuer-Profil)
 * Block: sp-steuer
 * No !important declarations
 * Component isolation from other profile systems
 */
/**
 * Taxtastic SCSS Mixins Library
 *
 * Reusable patterns for consistent styling across components
 * Following BEM methodology and Material Design principles
 */
.sp-steuer {
  --sp-container-max-width: 1200px;
  --sp-header-max-width: 800px;
  --sp-card-min-width: 320px;
  --sp-card-gap: var(--spacing-lg);
  --sp-header-spacing: var(--spacing-xxl);
  --sp-card-padding: var(--spacing-lg);
  --sp-border-radius: var(--border-radius-medium, 12px);
}
@media (max-width: 768px) {
  .sp-steuer {
    --sp-card-gap: var(--spacing-md);
    --sp-header-spacing: var(--spacing-lg);
    --sp-card-padding: var(--spacing-md);
  }
}

body.page-template-steuer-profil-php .profile-app-container,
body.page-template-steuer-profil .profile-app-container {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  display: block !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}
body.page-template-steuer-profil-php main.profile-content,
body.page-template-steuer-profil-php .profile-content,
body.page-template-steuer-profil main.profile-content,
body.page-template-steuer-profil .profile-content {
  padding-top: var(--spacing-xxl) !important;
  padding-left: var(--spacing-lg) !important;
  padding-right: var(--spacing-lg) !important;
  padding-bottom: var(--spacing-xxl) !important;
  background: var(--background, #f5f7fa) !important;
  min-height: 100vh !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
}
@media (max-width: 768px) {
  body.page-template-steuer-profil-php main.profile-content,
body.page-template-steuer-profil-php .profile-content,
body.page-template-steuer-profil main.profile-content,
body.page-template-steuer-profil .profile-content {
    padding-top: var(--spacing-md) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: var(--spacing-lg) !important;
  }
}

.page-template-steuer-profil .mdc-layout-grid.main-grid,
.page-template-steuer-profil-php .mdc-layout-grid.main-grid {
  padding-top: 0 !important;
}
@media (max-width: 600px) {
  .page-template-steuer-profil .mdc-layout-grid.main-grid,
.page-template-steuer-profil-php .mdc-layout-grid.main-grid {
    display: block !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .page-template-steuer-profil .mdc-layout-grid__inner,
.page-template-steuer-profil-php .mdc-layout-grid__inner {
    display: block !important;
  }
  .page-template-steuer-profil .mdc-layout-grid__cell,
.page-template-steuer-profil-php .mdc-layout-grid__cell {
    width: 100% !important;
    margin: 0 0 12px !important;
  }
  .page-template-steuer-profil .steuerstart .mdc-layout-grid__inner,
.page-template-steuer-profil-php .steuerstart .mdc-layout-grid__inner {
    display: block !important;
  }
  .page-template-steuer-profil .steuerstart .mdc-layout-grid__cell,
.page-template-steuer-profil-php .steuerstart .mdc-layout-grid__cell {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
  }
}
.page-template-steuer-profil .tax-years-modern,
.page-template-steuer-profil-php .tax-years-modern {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: var(--spacing-lg);
  margin: 0 auto !important;
  max-width: 800px;
  width: 100%;
}
@media (max-width: 840px) {
  .page-template-steuer-profil .tax-years-modern,
.page-template-steuer-profil-php .tax-years-modern {
    max-width: calc(100% - 2 * var(--spacing-md)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 var(--spacing-md);
  }
}
@media (max-width: 768px) {
  .page-template-steuer-profil .tax-years-modern,
.page-template-steuer-profil-php .tax-years-modern {
    grid-template-columns: 1fr !important;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 768px) {
  .page-template-steuer-profil .mdc-layout-grid__cell.mitte,
.page-template-steuer-profil-php .mdc-layout-grid__cell.mitte {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-template-steuer-profil .tax-years-modern,
.page-template-steuer-profil-php .tax-years-modern {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
}
.page-template-steuer-profil .sp-steuer__container,
.page-template-steuer-profil-php .sp-steuer__container {
  width: 100%;
  max-width: var(--sp-container-max-width);
  margin: 0 auto;
  padding: var(--spacing-xxl) var(--spacing-lg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-steuer__container,
.page-template-steuer-profil-php .sp-steuer__container {
    padding: calc(var(--spacing-xxl) var(--spacing-lg) * 0.75);
  }
}
@media (max-width: 480px) {
  .page-template-steuer-profil .sp-steuer__container,
.page-template-steuer-profil-php .sp-steuer__container {
    padding: calc(var(--spacing-xxl) var(--spacing-lg) * 0.5);
  }
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-steuer__container,
.page-template-steuer-profil-php .sp-steuer__container {
    padding: var(--spacing-lg) var(--spacing-md);
  }
}
.page-template-steuer-profil .sp-steuer__header,
.page-template-steuer-profil-php .sp-steuer__header {
  text-align: center;
  margin-bottom: var(--sp-header-spacing);
  padding: var(--spacing-xl) 0;
}
.page-template-steuer-profil .sp-steuer__header-content,
.page-template-steuer-profil-php .sp-steuer__header-content {
  max-width: var(--sp-header-max-width);
  margin: 0 auto;
}
.page-template-steuer-profil .sp-steuer__header-title,
.page-template-steuer-profil-php .sp-steuer__header-title {
  font-family: var(--font-family);
  line-height: 1.2;
  color: var(--text-primary);
  margin: 0;
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-steuer__header-title,
.page-template-steuer-profil-php .sp-steuer__header-title {
    font-size: calc(font-size * 0.85);
  }
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-steuer__header-title,
.page-template-steuer-profil-php .sp-steuer__header-title {
    font-size: 2rem;
  }
}
.page-template-steuer-profil .sp-steuer__header-subtitle,
.page-template-steuer-profil-php .sp-steuer__header-subtitle {
  font-size: 1.125rem;
  color: var(--text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
.page-template-steuer-profil .sp-steuer__grid,
.page-template-steuer-profil-php .sp-steuer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--sp-card-min-width), 1fr));
  gap: var(--sp-card-gap);
  margin-bottom: var(--sp-header-spacing);
}
@media (min-width: 769px) {
  .page-template-steuer-profil .sp-steuer__grid,
.page-template-steuer-profil-php .sp-steuer__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-steuer__grid,
.page-template-steuer-profil-php .sp-steuer__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px) {
  .page-template-steuer-profil .sp-steuer__grid,
.page-template-steuer-profil-php .sp-steuer__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .page-template-steuer-profil .sp-steuer__grid,
.page-template-steuer-profil-php .sp-steuer__grid {
    grid-template-columns: 1fr;
  }
}
.page-template-steuer-profil .sp-steuer__card,
.page-template-steuer-profil-php .sp-steuer__card {
  background: var(--surface-color);
  border-radius: var(--sp-border-radius);
  padding: 0;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  -webkit-transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease, -webkit-box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
  position: relative;
}
.page-template-steuer-profil .sp-steuer__card:hover,
.page-template-steuer-profil-php .sp-steuer__card:hover {
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.page-template-steuer-profil .sp-steuer__card:hover,
.page-template-steuer-profil-php .sp-steuer__card:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.page-template-steuer-profil .sp-steuer__card--warning,
.page-template-steuer-profil-php .sp-steuer__card--warning {
  border-left: 4px solid var(--warning-color, #ff9800);
}
.page-template-steuer-profil .sp-steuer__card--success,
.page-template-steuer-profil-php .sp-steuer__card--success {
  border-left: 4px solid var(--success-color, #0d7377);
}
.page-template-steuer-profil .sp-steuer__card--error,
.page-template-steuer-profil-php .sp-steuer__card--error {
  border-left: 4px solid var(--error-color, #f44336);
}
.page-template-steuer-profil .sp-steuer__card--info,
.page-template-steuer-profil-php .sp-steuer__card--info {
  border-left: 4px solid var(--info-color, #2196f3);
}
.page-template-steuer-profil .sp-steuer__card-header,
.page-template-steuer-profil-php .sp-steuer__card-header {
  padding: var(--sp-card-padding);
  border-bottom: 1px solid var(--outline-variant, #e0e0e0);
}
.page-template-steuer-profil .sp-steuer__year,
.page-template-steuer-profil-php .sp-steuer__year {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}
.page-template-steuer-profil .sp-steuer__status,
.page-template-steuer-profil-php .sp-steuer__status {
  font-size: 0.875rem;
  color: var(--text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
}
.page-template-steuer-profil .sp-steuer__status-icon,
.page-template-steuer-profil-php .sp-steuer__status-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}
.page-template-steuer-profil .sp-steuer__status-icon--warning,
.page-template-steuer-profil-php .sp-steuer__status-icon--warning {
  background: var(--warning-color, #ff9800);
}
.page-template-steuer-profil .sp-steuer__status-icon--success,
.page-template-steuer-profil-php .sp-steuer__status-icon--success {
  background: var(--success-color, #0d7377);
}
.page-template-steuer-profil .sp-steuer__status-icon--error,
.page-template-steuer-profil-php .sp-steuer__status-icon--error {
  background: var(--error-color, #f44336);
}
.page-template-steuer-profil .sp-steuer__status-icon--info,
.page-template-steuer-profil-php .sp-steuer__status-icon--info {
  background: var(--info-color, #2196f3);
}
.page-template-steuer-profil .sp-steuer__status-text,
.page-template-steuer-profil-php .sp-steuer__status-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-template-steuer-profil .sp-steuer__card-body,
.page-template-steuer-profil-php .sp-steuer__card-body {
  padding: var(--sp-card-padding);
}
.page-template-steuer-profil .sp-steuer__section,
.page-template-steuer-profil-php .sp-steuer__section {
  margin-bottom: var(--spacing-md);
}
.page-template-steuer-profil .sp-steuer__section:last-child,
.page-template-steuer-profil-php .sp-steuer__section:last-child {
  margin-bottom: 0;
}
.page-template-steuer-profil .sp-steuer__section-title,
.page-template-steuer-profil-php .sp-steuer__section-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: var(--spacing-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.page-template-steuer-profil .sp-steuer__section-content,
.page-template-steuer-profil-php .sp-steuer__section-content {
  font-size: 1rem;
  color: var(--text-primary);
  line-height: 1.5;
}
.page-template-steuer-profil .sp-steuer__section-list,
.page-template-steuer-profil-php .sp-steuer__section-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-template-steuer-profil .sp-steuer__section-list li,
.page-template-steuer-profil-php .sp-steuer__section-list li {
  padding: var(--spacing-xs) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-template-steuer-profil .sp-steuer__section-list li:not(:last-child),
.page-template-steuer-profil-php .sp-steuer__section-list li:not(:last-child) {
  border-bottom: 1px solid var(--outline-variant, #f0f0f0);
}
.page-template-steuer-profil .sp-steuer__card-actions,
.page-template-steuer-profil-php .sp-steuer__card-actions {
  padding: var(--sp-card-padding);
  border-top: 1px solid var(--outline-variant, #e0e0e0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-md);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-template-steuer-profil .sp-steuer__button,
.page-template-steuer-profil-php .sp-steuer__button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
.page-template-steuer-profil .sp-steuer__button:disabled,
.page-template-steuer-profil-php .sp-steuer__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-template-steuer-profil .sp-steuer__button:focus,
.page-template-steuer-profil-php .sp-steuer__button:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.page-template-steuer-profil .sp-steuer__button--primary,
.page-template-steuer-profil-php .sp-steuer__button--primary {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: var(--primary-color);
  color: white;
}
.page-template-steuer-profil .sp-steuer__button--primary:disabled,
.page-template-steuer-profil-php .sp-steuer__button--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-template-steuer-profil .sp-steuer__button--primary:focus,
.page-template-steuer-profil-php .sp-steuer__button--primary:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.page-template-steuer-profil .sp-steuer__button--primary:hover:not(:disabled),
.page-template-steuer-profil-php .sp-steuer__button--primary:hover:not(:disabled) {
  background: var(--primary-dark);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.page-template-steuer-profil .sp-steuer__button--primary:active:not(:disabled),
.page-template-steuer-profil-php .sp-steuer__button--primary:active:not(:disabled) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.page-template-steuer-profil .sp-steuer__button--secondary,
.page-template-steuer-profil-php .sp-steuer__button--secondary {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: var(--secondary-color);
  color: white;
}
.page-template-steuer-profil .sp-steuer__button--secondary:disabled,
.page-template-steuer-profil-php .sp-steuer__button--secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-template-steuer-profil .sp-steuer__button--secondary:focus,
.page-template-steuer-profil-php .sp-steuer__button--secondary:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.page-template-steuer-profil .sp-steuer__button--secondary:hover:not(:disabled),
.page-template-steuer-profil-php .sp-steuer__button--secondary:hover:not(:disabled) {
  background: var(--secondary-dark);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.page-template-steuer-profil .sp-steuer__button--outlined,
.page-template-steuer-profil-php .sp-steuer__button--outlined {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}
.page-template-steuer-profil .sp-steuer__button--outlined:disabled,
.page-template-steuer-profil-php .sp-steuer__button--outlined:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.page-template-steuer-profil .sp-steuer__button--outlined:focus,
.page-template-steuer-profil-php .sp-steuer__button--outlined:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.page-template-steuer-profil .sp-steuer__button--outlined:hover:not(:disabled),
.page-template-steuer-profil-php .sp-steuer__button--outlined:hover:not(:disabled) {
  background: rgba(var(--primary-color), 0.08);
}
.page-template-steuer-profil .sp-steuer__button--full-width,
.page-template-steuer-profil-php .sp-steuer__button--full-width {
  width: 100%;
}
.page-template-steuer-profil .sp-steuer__import-status,
.page-template-steuer-profil-php .sp-steuer__import-status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--surface-variant, #f5f5f5);
  border-radius: 16px;
  font-size: 0.875rem;
}
.page-template-steuer-profil .sp-steuer__import-status--pending,
.page-template-steuer-profil-php .sp-steuer__import-status--pending {
  background: rgba(var(--warning-rgb, 255, 152, 0), 0.1);
  color: var(--warning-color, #ff9800);
}
.page-template-steuer-profil .sp-steuer__import-status--complete,
.page-template-steuer-profil-php .sp-steuer__import-status--complete {
  background: rgba(var(--success-rgb, 13, 115, 119), 0.1);
  color: var(--success-color, #0d7377);
}
.page-template-steuer-profil .sp-steuer__import-status--error,
.page-template-steuer-profil-php .sp-steuer__import-status--error {
  background: rgba(var(--error-rgb, 244, 67, 54), 0.1);
  color: var(--error-color, #f44336);
}
.page-template-steuer-profil .sp-steuer__progress,
.page-template-steuer-profil-php .sp-steuer__progress {
  width: 100%;
  height: 4px;
  background: var(--outline-variant, #e0e0e0);
  border-radius: 2px;
  overflow: hidden;
  margin-top: var(--spacing-sm);
}
.page-template-steuer-profil .sp-steuer__progress-bar,
.page-template-steuer-profil-php .sp-steuer__progress-bar {
  height: 100%;
  background: var(--primary-color, #23036a);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.page-template-steuer-profil .sp-steuer__empty,
.page-template-steuer-profil-php .sp-steuer__empty {
  text-align: center;
  padding: var(--spacing-xxl);
}
.page-template-steuer-profil .sp-steuer__empty-icon,
.page-template-steuer-profil-php .sp-steuer__empty-icon {
  font-size: 4rem;
  color: var(--text-disabled);
  margin-bottom: var(--spacing-md);
}
.page-template-steuer-profil .sp-steuer__empty-title,
.page-template-steuer-profil-php .sp-steuer__empty-title {
  font-size: 1.5rem;
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm);
}
.page-template-steuer-profil .sp-steuer__empty-description,
.page-template-steuer-profil-php .sp-steuer__empty-description {
  font-size: 1rem;
  color: var(--text-secondary);
  max-width: 400px;
  margin: 0 auto var(--spacing-lg);
}
.page-template-steuer-profil .sp-steuer__help-link,
.page-template-steuer-profil-php .sp-steuer__help-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
  color: var(--primary-color, #23036a);
  text-decoration: none;
  font-size: 0.875rem;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-template-steuer-profil .sp-steuer__help-link:hover,
.page-template-steuer-profil-php .sp-steuer__help-link:hover {
  color: var(--primary-dark, #1a0250);
  text-decoration: underline;
}
.page-template-steuer-profil .sp-steuer__help-link .material-symbols-outlined,
.page-template-steuer-profil-php .sp-steuer__help-link .material-symbols-outlined {
  font-size: 1.25rem;
}
.page-template-steuer-profil .mdc-card.year-card,
.page-template-steuer-profil .taxtastic-year-card-new,
.page-template-steuer-profil-php .mdc-card.year-card,
.page-template-steuer-profil-php .taxtastic-year-card-new {
  background: var(--surface, #ffffff);
  border-radius: var(--border-radius-medium, 12px);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.page-template-steuer-profil .mdc-card.year-card:hover,
.page-template-steuer-profil .taxtastic-year-card-new:hover,
.page-template-steuer-profil-php .mdc-card.year-card:hover,
.page-template-steuer-profil-php .taxtastic-year-card-new:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.page-template-steuer-profil .mdc-card.year-card.aktuell, .page-template-steuer-profil .mdc-card.year-card.border-current,
.page-template-steuer-profil .taxtastic-year-card-new.aktuell,
.page-template-steuer-profil .taxtastic-year-card-new.border-current,
.page-template-steuer-profil-php .mdc-card.year-card.aktuell,
.page-template-steuer-profil-php .mdc-card.year-card.border-current,
.page-template-steuer-profil-php .taxtastic-year-card-new.aktuell,
.page-template-steuer-profil-php .taxtastic-year-card-new.border-current {
  border-color: var(--primary-color, #23036A);
}
.page-template-steuer-profil .taxtastic-year-card-new__header,
.page-template-steuer-profil-php .taxtastic-year-card-new__header {
  padding: var(--spacing-lg, 24px);
  text-align: center;
  border-bottom: 1px solid #E0E0E0;
}
.page-template-steuer-profil .taxtastic-year-card-new__year,
.page-template-steuer-profil-php .taxtastic-year-card-new__year {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-primary, #1A1A1A);
  margin: 0 0 var(--spacing-sm, 8px) 0;
}
.page-template-steuer-profil .status-label,
.page-template-steuer-profil-php .status-label {
  font-size: 0.875rem;
  color: var(--text-secondary, #666666);
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  background: rgba(13, 115, 119, 0.12);
  font-weight: 500;
}
.page-template-steuer-profil .taxtastic-year-card-new__content,
.page-template-steuer-profil-php .taxtastic-year-card-new__content {
  padding: var(--spacing-lg, 24px);
  text-align: center;
}
.page-template-steuer-profil .button-container,
.page-template-steuer-profil-php .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-sm, 8px);
}
.page-template-steuer-profil .button-container .mdc-button,
.page-template-steuer-profil-php .button-container .mdc-button {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-sm, 8px);
  border-radius: var(--border-radius-pill, 999px) !important;
  padding: 14px 24px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-decoration: none;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .button-container .mdc-button,
.page-template-steuer-profil-php .button-container .mdc-button {
    font-size: 0.8rem !important;
    padding: 12px 20px !important;
    gap: 6px;
  }
}
.page-template-steuer-profil .button-container .mdc-button:hover,
.page-template-steuer-profil-php .button-container .mdc-button:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.page-template-steuer-profil .button-container .mdc-button:active,
.page-template-steuer-profil-php .button-container .mdc-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.page-template-steuer-profil .button-container .mdc-button .mdc-button__ripple,
.page-template-steuer-profil-php .button-container .mdc-button .mdc-button__ripple {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.page-template-steuer-profil .button-container .mdc-button .material-icons,
.page-template-steuer-profil .button-container .mdc-button .material-symbols-outlined,
.page-template-steuer-profil .button-container .mdc-button .mdc-button__icon,
.page-template-steuer-profil-php .button-container .mdc-button .material-icons,
.page-template-steuer-profil-php .button-container .mdc-button .material-symbols-outlined,
.page-template-steuer-profil-php .button-container .mdc-button .mdc-button__icon {
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .button-container .mdc-button .material-icons,
.page-template-steuer-profil .button-container .mdc-button .material-symbols-outlined,
.page-template-steuer-profil .button-container .mdc-button .mdc-button__icon,
.page-template-steuer-profil-php .button-container .mdc-button .material-icons,
.page-template-steuer-profil-php .button-container .mdc-button .material-symbols-outlined,
.page-template-steuer-profil-php .button-container .mdc-button .mdc-button__icon {
    font-size: 16px !important;
  }
}
.page-template-steuer-profil .button-container .mdc-button:hover .material-icons, .page-template-steuer-profil .button-container .mdc-button:hover .material-symbols-outlined, .page-template-steuer-profil .button-container .mdc-button:hover .mdc-button__icon,
.page-template-steuer-profil-php .button-container .mdc-button:hover .material-icons,
.page-template-steuer-profil-php .button-container .mdc-button:hover .material-symbols-outlined,
.page-template-steuer-profil-php .button-container .mdc-button:hover .mdc-button__icon {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page-template-steuer-profil .button-container .mdc-button .mdc-button__label,
.page-template-steuer-profil-php .button-container .mdc-button .mdc-button__label {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  text-align: left;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .button-container .mdc-button .mdc-button__label,
.page-template-steuer-profil-php .button-container .mdc-button .mdc-button__label {
    white-space: normal;
    word-break: break-word;
  }
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised, .page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated {
  background: var(--primary-color, #23036A);
  color: #FFFFFF !important;
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised:hover, .page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated:hover,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised:hover,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated:hover {
  background: var(--primary-dark, #1A0250);
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised:hover .mdc-button__label, .page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated:hover .mdc-button__label,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised:hover .mdc-button__label,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated:hover .mdc-button__label {
  color: #FFFFFF !important;
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised:active, .page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated:active,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised:active,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated:active {
  background: #150238;
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised .material-icons,
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised .material-symbols-outlined,
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised .mdc-button__icon, .page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated .material-icons,
.page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated .material-symbols-outlined,
.page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated .mdc-button__icon,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised .material-icons,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised .material-symbols-outlined,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised .mdc-button__icon,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated .material-icons,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated .material-symbols-outlined,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated .mdc-button__icon {
  color: #FFFFFF !important;
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised::before, .page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated::before,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised::before,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  pointer-events: none;
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--raised:hover::before, .page-template-steuer-profil .button-container .mdc-button.mdc-button--unelevated:hover::before,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--raised:hover::before,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--unelevated:hover::before {
  background: rgba(255, 255, 255, 0.08);
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined {
  background: transparent;
  color: var(--primary-color, #23036A);
  border: 1px solid #BDBDBD;
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined:hover,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined:hover {
  background: rgba(35, 3, 106, 0.08);
  border-color: var(--primary-color, #23036A);
  color: var(--primary-dark, #1A0250);
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined:active,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined:active {
  background: rgba(35, 3, 106, 0.12);
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined .material-icons,
.page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined .material-symbols-outlined,
.page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined .mdc-button__icon,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined .material-icons,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined .material-symbols-outlined,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined .mdc-button__icon {
  color: var(--info-color, #2196F3);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined:hover .material-icons, .page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined:hover .material-symbols-outlined, .page-template-steuer-profil .button-container .mdc-button.mdc-button--outlined:hover .mdc-button__icon,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined:hover .material-icons,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined:hover .material-symbols-outlined,
.page-template-steuer-profil-php .button-container .mdc-button.mdc-button--outlined:hover .mdc-button__icon {
  color: var(--primary-color, #23036A);
}
.page-template-steuer-profil .steuerstart .centered,
.page-template-steuer-profil-php .steuerstart .centered {
  text-align: center;
  margin-bottom: var(--spacing-lg, 24px);
  color: var(--text-secondary, #666666);
  font-size: 1rem;
  line-height: 1.6;
}
.page-template-steuer-profil .steuerstart .centered h4,
.page-template-steuer-profil .steuerstart .centered .mdc-typography--headline4,
.page-template-steuer-profil-php .steuerstart .centered h4,
.page-template-steuer-profil-php .steuerstart .centered .mdc-typography--headline4 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: var(--spacing-md, 16px);
  color: var(--text-primary, #1A1A1A);
}
.page-template-steuer-profil .steuerstart .centered:has(h4),
.page-template-steuer-profil-php .steuerstart .centered:has(h4) {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
}
@media (max-width: 600px) {
  .page-template-steuer-profil .steuerstart .centered,
.page-template-steuer-profil-php .steuerstart .centered {
    text-align: left;
  }
}
.page-template-steuer-profil .mdc-layout-grid__cell.vast-banner-cell,
.page-template-steuer-profil-php .mdc-layout-grid__cell.vast-banner-cell {
  max-width: none !important;
  width: 1152px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 0 !important;
}
@media (max-width: 1240px) {
  .page-template-steuer-profil .mdc-layout-grid__cell.vast-banner-cell,
.page-template-steuer-profil-php .mdc-layout-grid__cell.vast-banner-cell {
    width: 100% !important;
    padding-left: var(--spacing-md) !important;
    padding-right: var(--spacing-md) !important;
  }
}
@media (max-width: 600px) {
  .page-template-steuer-profil .mdc-layout-grid__cell.vast-banner-cell,
.page-template-steuer-profil-php .mdc-layout-grid__cell.vast-banner-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.page-template-steuer-profil .mdc-layout-grid__cell.vast-banner-cell.centered,
.page-template-steuer-profil-php .mdc-layout-grid__cell.vast-banner-cell.centered {
  max-width: 1152px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .mdc-layout-grid__cell.vast-banner-cell.centered,
.page-template-steuer-profil-php .mdc-layout-grid__cell.vast-banner-cell.centered {
    max-width: 100% !important;
  }
}
.page-template-steuer-profil .mdc-layout-grid.main-grid,
.page-template-steuer-profil-php .mdc-layout-grid.main-grid {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: var(--spacing-xxl, 48px);
  padding-left: var(--spacing-lg, 24px);
  padding-right: var(--spacing-lg, 24px);
}
@media (max-width: 1240px) {
  .page-template-steuer-profil .mdc-layout-grid.main-grid,
.page-template-steuer-profil-php .mdc-layout-grid.main-grid {
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .page-template-steuer-profil .mdc-layout-grid.main-grid,
.page-template-steuer-profil-php .mdc-layout-grid.main-grid {
    padding-left: var(--spacing-md, 16px);
    padding-right: var(--spacing-md, 16px);
    padding-bottom: var(--spacing-lg, 24px);
  }
}

.sp-u-text-center {
  text-align: center;
}
.sp-u-mt-lg {
  margin-top: var(--spacing-lg);
}
.sp-u-mb-lg {
  margin-bottom: var(--spacing-lg);
}
.sp-u-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 8px;
  background: var(--primary-color, #23036a);
  color: white;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}

[data-theme=dark] .page-template-steuer-profil .site-main {
  background: var(--background-dark, #121212);
}
[data-theme=dark] .page-template-steuer-profil .sp-steuer__card {
  background: var(--surface-dark, #1e1e1e);
}
[data-theme=dark] .page-template-steuer-profil .sp-steuer__card-header, [data-theme=dark] .page-template-steuer-profil .sp-steuer__card-actions {
  border-color: var(--outline-variant-dark, #333);
}
[data-theme=dark] .page-template-steuer-profil .sp-steuer__status {
  color: var(--text-secondary-dark);
}
[data-theme=dark] .page-template-steuer-profil .sp-steuer__import-status {
  background: var(--surface-variant-dark, #2a2a2a);
}

.sp-steuer__card.is-loading {
  pointer-events: none;
  opacity: 0.6;
}
.sp-steuer__card.is-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sp-steuer__card.is-new {
  -webkit-animation: slideInUp 0.5s ease;
          animation: slideInUp 0.5s ease;
}

@-webkit-keyframes slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#pruefergebnis {
  position: relative;
  z-index: 1;
  padding-top: var(--spacing-md, 16px);
}
#pruefergebnis .help.mdc-icon-button {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: var(--text-primary) !important;
  border-radius: var(--border-radius-small) !important;
  padding: var(--spacing-sm) !important;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
#pruefergebnis .help.mdc-icon-button:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#pruefergebnis .help.mdc-icon-button .material-symbols-outlined,
#pruefergebnis .help.mdc-icon-button .material-icons {
  color: var(--text-primary) !important;
}
#pruefergebnis .mdc-data-table__row td.mdc-data-table__cell {
  padding-top: var(--spacing-sm, 8px) !important;
  padding-bottom: var(--spacing-sm, 8px) !important;
  vertical-align: top !important;
  line-height: 1.5 !important;
  height: auto !important;
}
#pruefergebnis .mdc-data-table__row td.mdc-data-table__cell a {
  display: inline;
  line-height: 1.5;
}
#pruefergebnis .mdc-data-table__row td.mdc-data-table__cell .mdc-icon-button {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  vertical-align: top;
  position: relative;
  z-index: 10;
  pointer-events: auto;
}
#pruefergebnis .mdc-data-table__row:has(.mdc-icon-button) {
  position: relative;
  overflow: visible;
}
#pruefergebnis table {
  position: relative;
  z-index: 1 !important;
  margin-top: var(--spacing-md, 16px);
}

body:has(.mdc-dialog--open) .sp-steuer__card .mdc-button::before {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body:has(.mdc-dialog--open) .sp-steuer__card.is-loading::after {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.mdc-dialog-is-open .sp-steuer__card .mdc-button::before {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.mdc-dialog-is-open .sp-steuer__card.is-loading::after {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.mdc-dialog .mdc-dialog__scrim {
  z-index: 1 !important;
}
.mdc-dialog .mdc-dialog__surface {
  z-index: 2 !important;
}
.mdc-dialog .mdc-dialog__content,
.mdc-dialog .mdc-dialog__actions {
  z-index: auto;
}
.mdc-dialog.mdc-dialog--open .mdc-dialog__scrim, .mdc-dialog.mdc-dialog--opening .mdc-dialog__scrim {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1;
}
.mdc-dialog:not(.mdc-dialog--open):not(.mdc-dialog--opening) .mdc-dialog__scrim {
  display: none !important;
}

body .mdc-dialog.mdc-dialog--open .mdc-dialog__scrim,
body .mdc-dialog.mdc-dialog--opening .mdc-dialog__scrim {
  z-index: 4999998 !important;
  pointer-events: none !important;
}
body .mdc-dialog.mdc-dialog--open .mdc-dialog__container,
body .mdc-dialog.mdc-dialog--opening .mdc-dialog__container {
  z-index: 5000000 !important;
}
body .mdc-dialog.mdc-dialog--open .mdc-dialog__surface,
body .mdc-dialog.mdc-dialog--opening .mdc-dialog__surface {
  z-index: 5000001 !important;
  pointer-events: auto !important;
}

.vast-status-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  border-radius: 12px;
  gap: 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .vast-status-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 16px;
    gap: 12px;
  }
}
.vast-status-container > .material-icons,
.vast-status-container > .material-symbols-outlined {
  font-size: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .vast-status-container > .material-icons,
.vast-status-container > .material-symbols-outlined {
    font-size: 32px;
  }
}
.vast-status-container .vast-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.vast-status-container .vast-content .vast-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 1.4;
}
.vast-status-container .vast-content .vast-description {
  font-size: 0.875rem;
  line-height: 1.5;
  opacity: 0.9;
}
.vast-status-container .vast-actions {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .vast-status-container .vast-actions {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.vast-status-container.vast-status-none {
  background: #0D7377;
  color: #FFFFFF;
}
.vast-status-container.vast-status-none .vast-antrag-button,
.vast-status-container.vast-status-none .vast-button {
  background: #FFFFFF;
  color: #0D7377;
  border: none;
  padding: 14px 24px;
  border-radius: var(--border-radius-pill, 999px);
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.vast-status-container.vast-status-none .vast-antrag-button:hover,
.vast-status-container.vast-status-none .vast-button:hover {
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-status-container.vast-status-pending {
  background: #FFF3E0;
  color: #5D4037;
}
.vast-status-container.vast-status-pending > .material-icons {
  color: #F57C00;
}
.vast-status-container.vast-status-approved {
  background: #E8F5E9;
  color: #1B5E20;
}
.vast-status-container.vast-status-approved > .material-icons {
  color: #2E7D32;
}
.vast-status-container.vast-status-approved .vast-abruf-button {
  background: #2E7D32;
  color: #FFFFFF;
  border: none;
  padding: 14px 24px;
  border-radius: var(--border-radius-pill, 999px);
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.vast-status-container.vast-status-approved .vast-abruf-button:hover {
  background: #276a2b;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-status-container.vast-status-downloaded {
  background: #0D7377;
  color: #FFFFFF;
}
.vast-status-container.vast-status-downloaded .icon-btn {
  background: transparent;
  border: none;
  color: #FFFFFF;
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.vast-status-container.vast-status-downloaded .icon-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}
.vast-status-container.vast-status-downloaded .icon-btn .material-icons {
  font-size: 24px;
}
.vast-status-container.vast-status-error {
  background: #FFEBEE;
  color: #B71C1C;
}
.vast-status-container.vast-status-error > .material-icons {
  color: #D32F2F;
}
.vast-status-container.vast-status-error .vast-button {
  background: #D32F2F;
  color: #FFFFFF;
  border: none;
  padding: 14px 24px;
  border-radius: var(--border-radius-pill, 999px);
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.vast-status-container.vast-status-error .vast-button:hover {
  background: #c02929;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.page-template-steuer-profil .tax-years-modern,
.page-template-steuer-profil-php .tax-years-modern {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  max-width: 800px;
  margin: 0 auto !important;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .tax-years-modern,
.page-template-steuer-profil-php .tax-years-modern {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}
.page-template-steuer-profil .sp-year-card,
.page-template-steuer-profil-php .sp-year-card {
  background: #FFFFFF;
  border-radius: 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-template-steuer-profil .sp-year-card:hover,
.page-template-steuer-profil-php .sp-year-card:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.page-template-steuer-profil .sp-year-card--current,
.page-template-steuer-profil-php .sp-year-card--current {
  border: 2px solid #23036A;
}
.page-template-steuer-profil .sp-year-card__header,
.page-template-steuer-profil-php .sp-year-card__header {
  position: relative;
  padding: 24px 24px 16px;
  text-align: center;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-year-card__header,
.page-template-steuer-profil-php .sp-year-card__header {
    padding: 20px 16px 12px;
  }
}
.page-template-steuer-profil .sp-year-card__menu-btn,
.page-template-steuer-profil-php .sp-year-card__menu-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: none;
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
  color: #666666;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.page-template-steuer-profil .sp-year-card__menu-btn:hover,
.page-template-steuer-profil-php .sp-year-card__menu-btn:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #1A1A1A;
}
.page-template-steuer-profil .sp-year-card__menu-btn .material-icons,
.page-template-steuer-profil-php .sp-year-card__menu-btn .material-icons {
  font-size: 20px;
}
.page-template-steuer-profil .sp-year-card__menu,
.page-template-steuer-profil-php .sp-year-card__menu {
  position: absolute;
  top: 44px;
  right: 12px;
  background: #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  min-width: 160px;
  z-index: 100;
  display: none;
}
.page-template-steuer-profil .sp-year-card__menu.is-open,
.page-template-steuer-profil-php .sp-year-card__menu.is-open {
  display: block;
}
.page-template-steuer-profil .sp-year-card__menu-item,
.page-template-steuer-profil-php .sp-year-card__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #1A1A1A;
  font-size: 0.875rem;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.page-template-steuer-profil .sp-year-card__menu-item:hover,
.page-template-steuer-profil-php .sp-year-card__menu-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.page-template-steuer-profil .sp-year-card__menu-item--danger,
.page-template-steuer-profil-php .sp-year-card__menu-item--danger {
  color: #D32F2F;
}
.page-template-steuer-profil .sp-year-card__menu-item--danger .material-icons,
.page-template-steuer-profil-php .sp-year-card__menu-item--danger .material-icons {
  color: #D32F2F;
}
.page-template-steuer-profil .sp-year-card__menu-item .material-icons,
.page-template-steuer-profil-php .sp-year-card__menu-item .material-icons {
  font-size: 20px;
  color: #666666;
}
.page-template-steuer-profil .sp-year-card__year,
.page-template-steuer-profil-php .sp-year-card__year {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 8px;
  line-height: 1;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-year-card__year,
.page-template-steuer-profil-php .sp-year-card__year {
    font-size: 2rem;
  }
}
.page-template-steuer-profil .sp-year-card__status,
.page-template-steuer-profil-php .sp-year-card__status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.8125rem;
  font-weight: 500;
}
.page-template-steuer-profil .sp-year-card__status .material-icons,
.page-template-steuer-profil-php .sp-year-card__status .material-icons {
  font-size: 16px;
}
.page-template-steuer-profil .sp-year-card__status--not-started,
.page-template-steuer-profil-php .sp-year-card__status--not-started {
  background: #F5F5F5;
  color: #757575;
}
.page-template-steuer-profil .sp-year-card__status--vast-available,
.page-template-steuer-profil-php .sp-year-card__status--vast-available {
  background: #E8F5E9;
  color: #2E7D32;
}
.page-template-steuer-profil .sp-year-card__status--in-progress,
.page-template-steuer-profil-php .sp-year-card__status--in-progress {
  background: #FFF3E0;
  color: #E65100;
}
.page-template-steuer-profil .sp-year-card__status--interview-completed,
.page-template-steuer-profil-php .sp-year-card__status--interview-completed {
  background: #E3F2FD;
  color: #1976D2;
}
.page-template-steuer-profil .sp-year-card__status--submitted,
.page-template-steuer-profil-php .sp-year-card__status--submitted {
  background: #0D7377;
  color: #FFFFFF;
}
.page-template-steuer-profil .sp-year-card__status--assessment-received,
.page-template-steuer-profil-php .sp-year-card__status--assessment-received {
  background: #E8F5E9;
  color: #2E7D32;
}
.page-template-steuer-profil .sp-year-card__divider,
.page-template-steuer-profil-php .sp-year-card__divider {
  height: 1px;
  background: #E0E0E0;
  margin: 0 24px;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-year-card__divider,
.page-template-steuer-profil-php .sp-year-card__divider {
    margin: 0 16px;
  }
}
.page-template-steuer-profil .sp-year-card__body,
.page-template-steuer-profil-php .sp-year-card__body {
  padding: 16px 24px 24px;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-year-card__body,
.page-template-steuer-profil-php .sp-year-card__body {
    padding: 12px 16px 20px;
  }
}
.page-template-steuer-profil .sp-year-card__vast-hint,
.page-template-steuer-profil-php .sp-year-card__vast-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #2E7D32;
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.page-template-steuer-profil .sp-year-card__vast-hint .material-icons,
.page-template-steuer-profil-php .sp-year-card__vast-hint .material-icons {
  font-size: 18px;
}
.page-template-steuer-profil .sp-year-card__info-hint,
.page-template-steuer-profil-php .sp-year-card__info-hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(35, 3, 106, 0.08);
  border-radius: 8px;
  margin-bottom: 16px;
  color: #23036A;
}
.page-template-steuer-profil .sp-year-card__info-hint .material-icons,
.page-template-steuer-profil-php .sp-year-card__info-hint .material-icons {
  font-size: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px;
}
.page-template-steuer-profil .sp-year-card__info-hint-text,
.page-template-steuer-profil-php .sp-year-card__info-hint-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.page-template-steuer-profil .sp-year-card__info-hint-text strong,
.page-template-steuer-profil-php .sp-year-card__info-hint-text strong {
  font-weight: 600;
  font-size: 0.875rem;
}
.page-template-steuer-profil .sp-year-card__info-hint-text span,
.page-template-steuer-profil-php .sp-year-card__info-hint-text span {
  opacity: 0.85;
}
.page-template-steuer-profil .sp-year-card__stats,
.page-template-steuer-profil-php .sp-year-card__stats {
  margin-bottom: 16px;
}
.page-template-steuer-profil .sp-year-card__stat,
.page-template-steuer-profil-php .sp-year-card__stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  font-size: 0.875rem;
}
.page-template-steuer-profil .sp-year-card__stat:not(:last-child),
.page-template-steuer-profil-php .sp-year-card__stat:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.page-template-steuer-profil .sp-year-card__stat-label,
.page-template-steuer-profil-php .sp-year-card__stat-label {
  color: #666666;
}
.page-template-steuer-profil .sp-year-card__stat-value,
.page-template-steuer-profil-php .sp-year-card__stat-value {
  font-weight: 500;
  color: #1A1A1A;
}
.page-template-steuer-profil .sp-year-card__stat-value--positive,
.page-template-steuer-profil-php .sp-year-card__stat-value--positive {
  color: #2E7D32;
}
.page-template-steuer-profil .sp-year-card__stat-value--negative,
.page-template-steuer-profil-php .sp-year-card__stat-value--negative {
  color: #D32F2F;
}
.page-template-steuer-profil .sp-year-card__actions,
.page-template-steuer-profil-php .sp-year-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.page-template-steuer-profil .sp-year-card__btn,
.page-template-steuer-profil-php .sp-year-card__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: var(--border-radius-pill, 999px);
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-decoration: none;
  border: none;
  width: 100%;
}
.page-template-steuer-profil .sp-year-card__btn .material-icons,
.page-template-steuer-profil-php .sp-year-card__btn .material-icons {
  font-size: 20px;
}
.page-template-steuer-profil .sp-year-card__btn--primary,
.page-template-steuer-profil-php .sp-year-card__btn--primary {
  background: #23036A;
  color: #FFFFFF;
}
.page-template-steuer-profil .sp-year-card__btn--primary:hover,
.page-template-steuer-profil-php .sp-year-card__btn--primary:hover {
  background: #1A0250;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.page-template-steuer-profil .sp-year-card__btn--outline,
.page-template-steuer-profil-php .sp-year-card__btn--outline {
  background: transparent;
  color: #23036A;
  border: 2px solid #23036A;
}
.page-template-steuer-profil .sp-year-card__btn--outline:hover,
.page-template-steuer-profil-php .sp-year-card__btn--outline:hover {
  background: rgba(35, 3, 106, 0.05);
}
.page-template-steuer-profil .sp-year-card__btn--outline .material-icons,
.page-template-steuer-profil-php .sp-year-card__btn--outline .material-icons {
  color: #23036A;
}
.page-template-steuer-profil .sp-year-card__btn--ghost,
.page-template-steuer-profil-php .sp-year-card__btn--ghost {
  background: #F8F9FA;
  color: #1A1A1A;
}
.page-template-steuer-profil .sp-year-card__btn--ghost:hover,
.page-template-steuer-profil-php .sp-year-card__btn--ghost:hover {
  background: #ECEDEF;
}
.page-template-steuer-profil .sp-year-card__btn--link,
.page-template-steuer-profil-php .sp-year-card__btn--link {
  background: transparent;
  color: #666666;
  font-size: 0.85rem;
  padding: 0;
  text-decoration: underline;
  border-radius: 0;
}
.page-template-steuer-profil .sp-year-card__btn--link:hover,
.page-template-steuer-profil-php .sp-year-card__btn--link:hover {
  color: #23036A;
}
.page-template-steuer-profil .sp-year-card--add-new,
.page-template-steuer-profil-php .sp-year-card--add-new {
  border: 2px dashed #BDBDBD;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.page-template-steuer-profil .sp-year-card--add-new:hover,
.page-template-steuer-profil-php .sp-year-card--add-new:hover {
  border-color: #23036A;
  background: rgba(35, 3, 106, 0.02);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.page-template-steuer-profil .sp-year-card--add-new:hover .sp-year-card__add-icon,
.page-template-steuer-profil-php .sp-year-card--add-new:hover .sp-year-card__add-icon {
  color: #23036A;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page-template-steuer-profil .sp-year-card--add-new .sp-year-card__body,
.page-template-steuer-profil-php .sp-year-card--add-new .sp-year-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  min-height: 200px;
  padding: 32px 24px;
}
.page-template-steuer-profil .sp-year-card--add-new .sp-year-card__add-icon,
.page-template-steuer-profil-php .sp-year-card--add-new .sp-year-card__add-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px dashed #BDBDBD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  color: #666666;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-template-steuer-profil .sp-year-card--add-new .sp-year-card__add-icon .material-icons,
.page-template-steuer-profil-php .sp-year-card--add-new .sp-year-card__add-icon .material-icons {
  font-size: 28px;
}
.page-template-steuer-profil .sp-year-card--add-new .sp-year-card__add-title,
.page-template-steuer-profil-php .sp-year-card--add-new .sp-year-card__add-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 8px;
}
.page-template-steuer-profil .sp-year-card--add-new .sp-year-card__add-desc,
.page-template-steuer-profil-php .sp-year-card--add-new .sp-year-card__add-desc {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.5;
}

.sp-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sp-modal__overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.sp-modal__container {
  background: #FFFFFF;
  border-radius: 16px;
  max-width: 480px;
  width: calc(100% - 32px);
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.is-open .sp-modal__container {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.sp-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 24px 16px;
}
.sp-modal__header-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sp-modal__header-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 4px;
}
.sp-modal__header-desc {
  font-size: 0.875rem;
  color: #666666;
  margin: 0;
}
.sp-modal__close {
  background: transparent;
  border: none;
  padding: 8px;
  margin: -8px -8px 0 16px;
  border-radius: 50%;
  cursor: pointer;
  color: #666666;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sp-modal__close:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #1A1A1A;
}
.sp-modal__close .material-icons {
  font-size: 24px;
}
.sp-modal__divider {
  height: 1px;
  background: #E0E0E0;
  margin: 0 24px;
}
.sp-modal__body {
  padding: 16px 24px 24px;
}
.sp-modal__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px 24px 24px;
}
@media (max-width: 480px) {
  .sp-modal__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.sp-modal__year-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.sp-modal__year-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.sp-modal__year-btn:hover {
  border-color: #23036A;
  background: rgba(35, 3, 106, 0.04);
}
.sp-modal__year-btn-year {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 4px;
}
.sp-modal__year-btn-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: #666666;
}
.sp-modal__year-btn-action .material-icons {
  font-size: 14px;
}
.sp-modal__source-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.sp-modal__source-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  text-align: left;
}
.sp-modal__source-btn:hover {
  border-color: #23036A;
  background: rgba(35, 3, 106, 0.04);
}
.sp-modal__source-btn .material-icons {
  color: #1976D2;
  font-size: 20px;
}
.sp-modal__source-btn span {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #1A1A1A;
}
.sp-modal--delete {
  text-align: center;
}
.sp-modal--delete .sp-modal__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #FFEBEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 16px;
}
.sp-modal--delete .sp-modal__icon .material-icons {
  font-size: 32px;
  color: #D32F2F;
}
.sp-modal--delete .sp-modal__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 8px;
}
.sp-modal--delete .sp-modal__desc {
  font-size: 0.9375rem;
  color: #666666;
  margin: 0;
  line-height: 1.5;
}
.sp-modal--delete .sp-modal__actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}

.sp-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: var(--border-radius-small, 6px);
  font-family: var(--font-family);
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  border: none;
}
.sp-btn .material-icons {
  font-size: 20px;
}
.sp-btn--primary {
  background: #23036A;
  color: #FFFFFF;
}
.sp-btn--primary:hover {
  background: #1A0250;
}
.sp-btn--outline {
  background: transparent;
  color: #23036A;
  border: 2px solid #23036A;
}
.sp-btn--outline:hover {
  background: rgba(35, 3, 106, 0.05);
}
.sp-btn--ghost {
  background: #F8F9FA;
  color: #1A1A1A;
}
.sp-btn--ghost:hover {
  background: #ECEDEF;
}
.sp-btn--danger {
  background: #D32F2F;
  color: #FFFFFF;
}
.sp-btn--danger:hover {
  background: #b32626;
}

.page-template-steuer-profil .sp-page-header,
.page-template-steuer-profil-php .sp-page-header {
  text-align: center;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-page-header,
.page-template-steuer-profil-php .sp-page-header {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
@media (max-width: 600px) {
  .page-template-steuer-profil .sp-page-header,
.page-template-steuer-profil-php .sp-page-header {
    text-align: left;
  }
}
.page-template-steuer-profil .sp-page-header__title,
.page-template-steuer-profil-php .sp-page-header__title {
  font-size: 2rem;
  font-weight: 700;
  color: #1A1A1A;
  margin: 0 0 8px;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-page-header__title,
.page-template-steuer-profil-php .sp-page-header__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 600px) {
  .page-template-steuer-profil .sp-page-header__title,
.page-template-steuer-profil-php .sp-page-header__title {
    font-size: 1.25rem;
  }
}
.page-template-steuer-profil .sp-page-header__subtitle,
.page-template-steuer-profil-php .sp-page-header__subtitle {
  font-size: 1rem;
  color: #666666;
  margin: 0;
}
@media (max-width: 768px) {
  .page-template-steuer-profil .sp-page-header__subtitle,
.page-template-steuer-profil-php .sp-page-header__subtitle {
    font-size: 0.9375rem;
  }
}

/*
 * Component: Year Cards für Steuer-Profil
 * Moderne Card-Design nach HTML-Vorlage
 */
/* Grid Container für Year Cards */
.year-cards-section,
.tax-years-modern,
.page-template-steuer-profil .year-cards-section,
.page-template-steuer-profil .tax-years-modern {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-lg);
  margin-top: var(--spacing-xl);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  /* KRITISCH: Gleichhohe Cards durch explizite Row-Höhe */
  grid-auto-rows: 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 768px) {
  .year-cards-section,
.tax-years-modern,
.page-template-steuer-profil .year-cards-section,
.page-template-steuer-profil .tax-years-modern {
    grid-template-columns: 1fr;
    gap: 12px;
    max-width: none !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Material Design Card Base */
.year-card,
.taxtastic-year-card-new,
.page-template-steuer-profil .taxtastic-year-card-new {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 400px;
  /* Mindesthöhe für konsistente Cards */
  padding: 0;
  /* Padding entfernt - wird in Header und Content gesetzt */
  overflow: hidden;
  /* Für saubere Trennlinie */
  /* KRITISCH: Cards sollen sich komplett strecken im Grid */
  height: 100%;
  /* Aktuelles Jahr Highlight */
  /* VAST Status Styles */
  /* ADD NEW CARD - Override für gestrichelte Umrandung */
}
.year-card:hover,
.taxtastic-year-card-new:hover,
.page-template-steuer-profil .taxtastic-year-card-new:hover {
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.year-card.aktuell, .year-card.border-current,
.taxtastic-year-card-new.aktuell,
.taxtastic-year-card-new.border-current,
.page-template-steuer-profil .taxtastic-year-card-new.aktuell,
.page-template-steuer-profil .taxtastic-year-card-new.border-current {
  border-color: var(--primary-color);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.year-card.aktuell:hover, .year-card.border-current:hover,
.taxtastic-year-card-new.aktuell:hover,
.taxtastic-year-card-new.border-current:hover,
.page-template-steuer-profil .taxtastic-year-card-new.aktuell:hover,
.page-template-steuer-profil .taxtastic-year-card-new.border-current:hover {
  -webkit-box-shadow: var(--elevation-4);
          box-shadow: var(--elevation-4);
}
.year-card.vast-status-card.status-completed,
.taxtastic-year-card-new.vast-status-card.status-completed,
.page-template-steuer-profil .taxtastic-year-card-new.vast-status-card.status-completed {
  border-left: 4px solid var(--success-color);
}
.year-card.vast-status-card.status-in_progress,
.taxtastic-year-card-new.vast-status-card.status-in_progress,
.page-template-steuer-profil .taxtastic-year-card-new.vast-status-card.status-in_progress {
  border-left: 4px solid var(--warning-color);
}
.year-card.add-new-card,
.taxtastic-year-card-new.add-new-card,
.page-template-steuer-profil .taxtastic-year-card-new.add-new-card {
  background: transparent !important;
  border: 2px dashed #C0C0C0 !important;
  /* Gestrichelte Umrandung in Grau */
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  /* Überschreibt Card-Shadow */
  overflow: visible;
  /* Für gestrichelte Umrandung */
}
.year-card.add-new-card:hover,
.taxtastic-year-card-new.add-new-card:hover,
.page-template-steuer-profil .taxtastic-year-card-new.add-new-card:hover {
  border-color: var(--primary-color, #23036A) !important;
  border-style: solid !important;
  background: rgba(35, 3, 106, 0.02) !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
}

/* Card Header - NEUE STRUKTUR nach HTML-Entwurf */
.taxtastic-year-card-new__header {
  padding: var(--spacing-lg);
  text-align: center;
  border-bottom: 1px solid #E0E0E0;
  /* Trennlinie wie im Entwurf */
  /* Status Labels - verschiedene Typen - ALLE zentriert */
  /* Status Chips für Jahr-Status (XProfile basiert) */
}
.taxtastic-year-card-new__header .taxtastic-year-card-new__year {
  font-size: var(--font-size-h1);
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}
.taxtastic-year-card-new__header .status-label {
  background: var(--primary-color);
  color: var(--text-on-primary);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-block;
  margin: 0;
  /* Status-spezifische Farben */
}
.taxtastic-year-card-new__header .status-label.status-current {
  background: var(--primary-color);
  color: var(--text-on-primary);
}
.taxtastic-year-card-new__header .status-label.status-submitted {
  background: rgba(13, 115, 119, 0.12);
  color: var(--success-color);
}
.taxtastic-year-card-new__header .status-label.status-in-progress {
  background: rgba(33, 150, 243, 0.12);
  color: var(--info-color);
}
.taxtastic-year-card-new__header .status-label.status-draft {
  background: var(--warning-color);
  color: white;
}
.taxtastic-year-card-new__header .status-chip {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: none;
  /* In Arbeit / Interview gestartet/abgeschlossen - Blau */
  /* Geprüft - Orange/Gelb */
  /* Eingereicht / Versendet - Grün */
  /* Abgeschlossen - Dunkelgrün */
}
.taxtastic-year-card-new__header .status-chip.in-progress {
  background: rgba(33, 150, 243, 0.12);
  color: #1976D2;
}
.taxtastic-year-card-new__header .status-chip.ready {
  background: rgba(255, 152, 0, 0.12);
  color: #E65100;
}
.taxtastic-year-card-new__header .status-chip.submitted {
  background: rgba(13, 115, 119, 0.12);
  color: var(--success-color);
}
.taxtastic-year-card-new__header .status-chip.completed {
  background: rgba(46, 125, 50, 0.15);
  color: #2E7D32;
}

/* Card Content - MIT PADDING */
.taxtastic-year-card-new__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* Nimmt verfügbaren Platz im Flexbox */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  /* Padding für Content-Bereich */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* Content gleichmäßig verteilen */
  /* Status Text Styles */
  /* Description Text */
  /* Status Chip im Content - ENTFERNT: Wird jetzt zentral in _bp-profile-refactored.scss definiert */
  /* ALTE REGEL ÜBERSCHRIEB display und font-size - daher entfernt */
}
.taxtastic-year-card-new__content p {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--font-size-body);
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  /* VAST Status Icons */
  /* Für Material Icons als VAST Status */
}
.taxtastic-year-card-new__content p .vast-status-icon {
  font-size: 18px;
}
.taxtastic-year-card-new__content p .vast-status-icon.vast-status-completed {
  color: var(--success-color);
}
.taxtastic-year-card-new__content p .vast-status-icon.vast-status-in_progress {
  color: var(--warning-color);
}
.taxtastic-year-card-new__content p .vast-status-icon.vast-status-failed {
  color: var(--error-color);
}
.taxtastic-year-card-new__content p .vast-status-icon.vast-status-requested {
  color: var(--info-color);
}
.taxtastic-year-card-new__content p .vast-status-icon.vast-status-cancelled {
  color: var(--text-disabled);
}
.taxtastic-year-card-new__content p .material-icons {
  font-size: 18px;
  margin-right: 0;
}
.taxtastic-year-card-new__content .status-text {
  font-size: 0.9rem;
  font-weight: 500;
}
.taxtastic-year-card-new__content .status-text.status-completed {
  color: var(--success-color);
}
.taxtastic-year-card-new__content .status-text.status-in-progress {
  color: var(--warning-color);
}
.taxtastic-year-card-new__content .status-text.status-failed {
  color: var(--error-color);
}
.taxtastic-year-card-new__content .status-text.status-submitted {
  color: var(--success-color);
}
.taxtastic-year-card-new__content .card-description {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.4;
  margin-bottom: var(--spacing-sm);
}

/* Button Container */
.button-container {
  margin-top: auto;
  /* Pushes buttons to bottom */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-sm);
  padding: 0 var(--spacing-lg) var(--spacing-lg);
  /* Padding nur bottom und horizontal */
}
.button-container .mdc-button {
  min-width: auto;
  width: 100%;
  cursor: pointer;
  border-radius: var(--border-radius-small);
  padding: 12px 16px;
  font-family: inherit;
  font-weight: 500;
  font-size: var(--font-size-body);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-sm);
  border: none;
  /* Material Icons in Buttons */
  /* Button Label */
  /* Hover Effect für alle Buttons */
  /* Disabled State */
  /* PRIMARY BUTTON STYLES (Raised) */
  /* SECONDARY BUTTON STYLES (Outlined) */
  /* TEXT BUTTON STYLES (Unelevated) */
  /* SPECIAL BUTTON STATES */
  /* Success/Completed State */
  /* Warning/In Progress State */
  /* Error/Failed State */
}
.button-container .mdc-button .material-icons,
.button-container .mdc-button .mdc-button__icon {
  margin-right: var(--spacing-xs);
  font-size: 18px;
}
.button-container .mdc-button .material-icons.rotating,
.button-container .mdc-button .mdc-button__icon.rotating {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
.button-container .mdc-button .mdc-button__label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.button-container .mdc-button:hover:not(:disabled) {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
}
.button-container .mdc-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.button-container .mdc-button.mdc-button--raised {
  background: var(--primary-color);
  color: var(--text-on-primary);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  /* VAST Button Primary Variant */
}
.button-container .mdc-button.mdc-button--raised:hover:not(:disabled) {
  background: var(--primary-dark);
  -webkit-box-shadow: var(--elevation-3);
          box-shadow: var(--elevation-3);
}
.button-container .mdc-button.mdc-button--raised.vast-button {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
}
.button-container .mdc-button.mdc-button--raised.vast-button:hover:not(:disabled) {
  background: var(--secondary-dark);
}
.button-container .mdc-button.mdc-button--outlined {
  background: transparent;
  color: var(--text-primary);
  border: 2px solid var(--outline-color);
  /* VAST Button Outlined Variant */
  /* Data Transfer Button */
}
.button-container .mdc-button.mdc-button--outlined:hover:not(:disabled) {
  background: var(--surface-variant-color);
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.button-container .mdc-button.mdc-button--outlined.vast-button {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
  /* In Progress State */
}
.button-container .mdc-button.mdc-button--outlined.vast-button:hover:not(:disabled) {
  background: rgba(13, 115, 119, 0.04);
  border-color: var(--secondary-dark);
  color: var(--secondary-dark);
}
.button-container .mdc-button.mdc-button--outlined.vast-button:disabled {
  border-color: var(--text-disabled);
  color: var(--text-disabled);
  opacity: 0.8;
}
.button-container .mdc-button.mdc-button--outlined.data-transfer-button {
  border-color: var(--info-color);
  color: var(--info-color);
}
.button-container .mdc-button.mdc-button--outlined.data-transfer-button:hover:not(:disabled) {
  background: rgba(33, 150, 243, 0.04);
  border-color: #1976D2;
  color: #1976D2;
}
.button-container .mdc-button.mdc-button--unelevated {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
}
.button-container .mdc-button.mdc-button--unelevated:hover:not(:disabled) {
  background: var(--secondary-dark);
}
.button-container .mdc-button.status-completed {
  border-color: var(--success-color);
  color: var(--success-color);
}
.button-container .mdc-button.status-completed .material-icons {
  color: var(--success-color);
}
.button-container .mdc-button.status-completed:hover:not(:disabled) {
  background: rgba(13, 115, 119, 0.04);
  border-color: var(--secondary-dark);
}
.button-container .mdc-button.status-in-progress {
  border-color: var(--warning-color);
  color: var(--warning-color);
}
.button-container .mdc-button.status-in-progress .material-icons {
  color: var(--warning-color);
}
.button-container .mdc-button.status-failed {
  border-color: var(--error-color);
  color: var(--error-color);
}
.button-container .mdc-button.status-failed .material-icons {
  color: var(--error-color);
}
.button-container .mdc-button.status-failed:hover:not(:disabled) {
  background: rgba(244, 67, 54, 0.04);
  border-color: #D32F2F;
  color: #D32F2F;
}

/* Responsive Button Layout */
@media (max-width: 480px) {
  .button-container .mdc-button {
    padding: 14px 16px;
    font-size: 0.9rem;
    min-height: 44px;
  }
  .button-container .mdc-button .material-icons,
.button-container .mdc-button .mdc-button__icon {
    font-size: 16px;
  }
}
/* Animation für rotierende Icons */
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Responsive für kleine Bildschirme */
@media (max-width: 480px) {
  .year-cards-section {
    grid-template-columns: 1fr;
  }

  .taxtastic-year-card-new__header {
    padding: var(--spacing-md);
  }
  .taxtastic-year-card-new__header .taxtastic-year-card-new__year {
    font-size: var(--font-size-h2);
    /* Kleineres Jahr auf Mobile */
  }
  .taxtastic-year-card-new__header .status-label {
    font-size: 0.7rem;
    padding: 3px 6px;
  }

  .taxtastic-year-card-new__content {
    padding: var(--spacing-md);
  }

  .button-container .mdc-button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
}
/* ADD NEW CARD - Neue Steuererklärung Box */
.add-new-card {
  background: transparent;
  border: 2px dashed #C0C0C0;
  /* Gestrichelte Umrandung in Grau */
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
          box-shadow: none;
  /* Überschreibt Card-Shadow */
  /* Hover-Effekt für Icon */
}
.add-new-card:hover {
  border-color: var(--primary-color, #23036A);
  border-style: solid;
  background: rgba(35, 3, 106, 0.02);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.add-new-card .add-new-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: var(--spacing-xl, 32px);
  gap: var(--spacing-md, 16px);
  height: 100%;
  /* Nimmt verfügbare Höhe ein */
}
.add-new-card .add-new-content .add-new-icon {
  font-size: 48px;
  color: #888888;
  /* Grau für das Icon */
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.add-new-card .add-new-content .add-new-icon .material-icons {
  font-size: inherit;
  color: inherit;
}
.add-new-card .add-new-content .add-new-title {
  font-size: var(--font-size-h4, 1.25rem);
  font-weight: 500;
  color: var(--text-primary, #1A1A1A);
  margin: 0;
  line-height: 1.2;
}
.add-new-card .add-new-content .add-new-description {
  font-size: var(--font-size-body, 0.875rem);
  color: var(--text-secondary, #666666);
  margin: 0;
  line-height: 1.4;
  max-width: 200px;
}
.add-new-card:hover .add-new-content .add-new-icon {
  opacity: 1;
  color: var(--primary-color, #23036A);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.add-new-card {
  border: 2px dashed var(--mdc-theme-on-surface) !important;
}
.add-new-card .material-icons {
  color: var(--mdc-theme-on-surface) !important;
}

/* ===== JAHR-AUSWAHL MODAL - DESIGN-ENTWURF IMPLEMENTATION ===== */
/* Modal Overlay - wie im Design-Entwurf */
.modal-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  display: none !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  z-index: 9999 !important;
  backdrop-filter: blur(2px) !important;
}

/* Sichtbar-Klasse für Modal */
.modal-overlay.modal-open,
.modal-overlay.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/* Modal Content Container - exakt nach Design-Entwurf */
.modal-content {
  background: var(--surface-color) !important;
  border-radius: var(--border-radius-medium) !important;
  -webkit-box-shadow: var(--elevation-4) !important;
          box-shadow: var(--elevation-4) !important;
  padding: var(--spacing-xl) !important;
  max-width: 400px !important;
  width: 90% !important;
  max-height: 80vh !important;
  overflow-y: visible !important;
  position: relative !important;
  -webkit-animation: modalFadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
          animation: modalFadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Modal Header */
.modal-header {
  text-align: center !important;
  margin-bottom: var(--spacing-xl) !important;
  position: relative !important;
}

.modal-title {
  font-size: var(--font-size-h3) !important;
  font-weight: 700 !important;
  margin-bottom: var(--spacing-sm) !important;
  color: var(--text-primary) !important;
  font-family: "Ubuntu", sans-serif !important;
}

.modal-description {
  font-size: var(--font-size-body) !important;
  color: var(--text-secondary) !important;
  margin: 0 !important;
  font-family: "Ubuntu", sans-serif !important;
}

/* Modal Close Button - oben rechts */
.modal-close {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  background: transparent !important;
  border: none !important;
  font-size: 24px !important;
  color: var(--text-secondary) !important;
  cursor: pointer !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}
.modal-close:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--text-primary) !important;
}

/* Year Grid - 2-spaltig wie im Design */
.year-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: var(--spacing-md) !important;
  margin-bottom: var(--spacing-xl) !important;
}

/* Year Option Buttons - wie im Design-Entwurf */
.year-option {
  background: var(--surface-color) !important;
  border: 2px solid #E0E0E0 !important;
  border-radius: var(--border-radius-small) !important;
  padding: var(--spacing-lg) !important;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  font-family: "Ubuntu", sans-serif !important;
}
.year-option:hover {
  border-color: var(--primary-color) !important;
  background: rgba(35, 3, 106, 0.02) !important;
}
.year-option:focus {
  outline: 2px solid var(--primary-color) !important;
  outline-offset: 2px !important;
}
.year-option:active {
  -webkit-transform: scale(0.98) !important;
          transform: scale(0.98) !important;
}

.year-number {
  font-size: var(--font-size-h4) !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  margin: 0 !important;
  font-family: "Ubuntu", sans-serif !important;
}

/* Modal Actions - Buttons unten */
.modal-actions {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: var(--spacing-md) !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

/* Abbrechen Button - wie im Design */
.btn {
  border: none !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: var(--spacing-sm) !important;
  border-radius: var(--border-radius-pill, 999px) !important;
  padding: 12px 16px !important;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500 !important;
  font-size: var(--font-size-body) !important;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}
.btn:hover {
  -webkit-transform: translateY(-1px) !important;
          transform: translateY(-1px) !important;
  -webkit-box-shadow: var(--elevation-2) !important;
          box-shadow: var(--elevation-2) !important;
}

.btn-outlined {
  background: transparent !important;
  color: var(--primary-color) !important;
  border: 1px solid #BDBDBD !important;
}
.btn-outlined:hover {
  background: rgba(35, 3, 106, 0.04) !important;
  border-color: var(--primary-color) !important;
}

/* Modal Animation */
@-webkit-keyframes modalFadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes modalFadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* Responsive Design für Modal */
@media (max-width: 768px) {
  .modal {
    max-width: 90% !important;
    padding: var(--spacing-lg) !important;
  }

  .year-grid {
    gap: var(--spacing-sm) !important;
  }

  .year-option {
    padding: var(--spacing-md) !important;
  }
}
.mdc-dialog:not(#dialogbeantragen) .mdc-dialog__actions {
  padding: var(--spacing-md) var(--spacing-xl) var(--spacing-xl);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: var(--spacing-md);
  border-top: 1px solid var(--outline-color);
}
.mdc-dialog:not(#dialogbeantragen) .mdc-button, .mdc-dialog:not(#dialogbeantragen) .mdc-icon-button {
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--border-radius-pill, 999px);
  background: transparent;
  color: var(--primary-color);
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mdc-dialog:not(#dialogbeantragen) .mdc-button:hover, .mdc-dialog:not(#dialogbeantragen) .mdc-icon-button:hover {
  background: rgba(35, 3, 106, 0.04);
}
.mdc-dialog:not(#dialogbeantragen) .mdc-button:focus, .mdc-dialog:not(#dialogbeantragen) .mdc-icon-button:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

#dialogbeantragen.mdc-dialog--open .mdc-dialog__container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
#dialogbeantragen.mdc-dialog--open .mdc-dialog__surface {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
}
#dialogbeantragen .mdc-dialog__surface {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  max-height: 85vh !important;
  max-width: 700px !important;
  min-width: 500px !important;
  width: auto !important;
  padding: 0 !important;
  position: relative !important;
}
#dialogbeantragen .mdc-dialog__content {
  min-height: 200px !important;
  width: 100% !important;
  padding: 24px !important;
}
#dialogbeantragen .mdc-icon-button[data-mdc-dialog-action=close],
#dialogbeantragen .dialog-close-button {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 10 !important;
  width: 40px !important;
  height: 40px !important;
  padding: 8px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 50% !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
#dialogbeantragen .mdc-icon-button[data-mdc-dialog-action=close]:hover,
#dialogbeantragen .dialog-close-button:hover {
  background: white !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}
#dialogbeantragen .mdc-icon-button[data-mdc-dialog-action=close] .material-icons,
#dialogbeantragen .dialog-close-button .material-icons {
  font-size: 24px !important;
  color: #666 !important;
}
#dialogbeantragen .mdc-dialog__header {
  padding: 12px 60px 12px 12px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 12px !important;
}
#dialogbeantragen .dialog-header-icon {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 36px !important;
          flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  background: #f5f5f5 !important;
  border-radius: 8px !important;
}
#dialogbeantragen .dialog-header-icon .material-icons {
  font-size: 20px !important;
  color: #666 !important;
}
#dialogbeantragen .dialog-header-content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
}
#dialogbeantragen .mdc-dialog__title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.2 !important;
}
#dialogbeantragen .dialog-subtitle {
  font-size: 0.75rem !important;
  color: #666 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
#dialogbeantragen .mdc-dialog__content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-height: calc(85vh - 180px) !important;
  padding: 20px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
#dialogbeantragen img[src*=tooltip-bulp] {
  max-width: 80px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 16px auto !important;
}
#dialogbeantragen .mdc-typography--headline3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}
#dialogbeantragen .mdc-layout-grid {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
#dialogbeantragen .mdc-layout-grid {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
#dialogbeantragen .mdc-dialog__content .mdc-layout-grid__inner, #dialogbeantragen .mdc-layout-grid .mdc-layout-grid__inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 20px 0 24px 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row wrap !important;
          flex-flow: row wrap !important;
  gap: 12px !important;
}
#dialogbeantragen .mdc-layout-grid__cell {
  max-width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 8px !important;
}
#dialogbeantragen .mdc-layout-grid__cell.mdc-layout-grid__cell--span-6-desktop {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 332px !important;
          flex: 0 1 332px !important;
  width: 332px !important;
  max-width: 332px !important;
}
#dialogbeantragen .mdc-layout-grid__cell.mdc-layout-grid__cell--span-12-desktop {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 676px !important;
          flex: 0 1 676px !important;
  width: 676px !important;
  max-width: 676px !important;
}
#dialogbeantragen .mdc-layout-grid__cell.mdc-layout-grid__cell--span-9-desktop {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 502px !important;
          flex: 0 1 502px !important;
  width: 502px !important;
  max-width: 502px !important;
}
#dialogbeantragen .mdc-layout-grid__cell.mdc-layout-grid__cell--span-3-desktop {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 162px !important;
          flex: 0 1 162px !important;
  width: 162px !important;
  max-width: 162px !important;
}
#dialogbeantragen .form-section,
#dialogbeantragen .dialog-content-section {
  margin-bottom: 20px !important;
}
#dialogbeantragen .section-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin: 0 0 8px 0 !important;
  color: #333 !important;
}
#dialogbeantragen .section-description {
  font-size: 0.8125rem !important;
  color: #666 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.4 !important;
}
#dialogbeantragen .form-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}
#dialogbeantragen .input-group {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  min-width: 0 !important;
}
#dialogbeantragen .mdc-text-field {
  width: 100% !important;
  height: 48px !important;
}
#dialogbeantragen .mdc-text-field__input {
  font-size: 0.875rem !important;
  padding: 12px 16px !important;
}
#dialogbeantragen .mdc-floating-label {
  font-size: 0.875rem !important;
}
#dialogbeantragen .mdc-fab--mini {
  width: 36px !important;
  height: 36px !important;
}
#dialogbeantragen .mdc-fab--mini .material-icons {
  font-size: 20px !important;
}
#dialogbeantragen .button-container {
  max-width: 100% !important;
  width: 100% !important;
  margin: 20px 0 0 0 !important;
  padding: 20px 0 0 0 !important;
  border-top: 1px solid #e0e0e0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
#dialogbeantragen .button-container .mdc-button,
#dialogbeantragen .mdc-button {
  max-width: 100% !important;
  width: 100% !important;
  height: 44px !important;
  font-size: 0.9375rem !important;
  padding: 0 24px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
#dialogbeantragen .mdc-dialog__actions {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 70px !important;
          flex: 0 0 70px !important;
  min-height: 70px !important;
  height: 70px !important;
  padding: 16px 24px !important;
  border-top: 1px solid #e0e0e0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  width: 100% !important;
}
#dialogbeantragen .mdc-dialog__actions .mdc-button {
  min-width: 64px !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  width: auto !important;
  height: auto !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

#data-transfer-dialog.mdc-dialog--open .mdc-dialog__container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
}
#data-transfer-dialog.mdc-dialog--open .mdc-dialog__surface {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
}
#data-transfer-dialog .mdc-dialog__surface {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  max-height: 85vh !important;
  max-width: 700px !important;
  padding: 0 !important;
  position: relative !important;
}
#data-transfer-dialog .mdc-dialog__content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-height: calc(85vh - 180px) !important;
  padding: 20px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative !important;
}
#data-transfer-dialog .mdc-layout-grid__cell--span-3-desktop {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  z-index: 10 !important;
  padding: 0 !important;
  margin: 0 !important;
}
#data-transfer-dialog .mdc-icon-button[data-mdc-dialog-action=close] {
  position: relative !important;
  top: 12px !important;
  right: 12px !important;
  width: 40px !important;
  height: 40px !important;
  padding: 8px !important;
  background: transparent !important;
  border-radius: 50% !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
#data-transfer-dialog .mdc-icon-button[data-mdc-dialog-action=close]:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#data-transfer-dialog .mdc-icon-button[data-mdc-dialog-action=close] .material-icons, #data-transfer-dialog .mdc-icon-button[data-mdc-dialog-action=close].material-icons {
  font-size: 24px !important;
  color: #666 !important;
  line-height: 1 !important;
}
#data-transfer-dialog .mdc-layout-grid__cell--span-9-desktop {
  grid-column: span 12 !important;
  max-width: 100% !important;
}
#data-transfer-dialog .mdc-typography--body2 {
  display: none !important;
}
#data-transfer-dialog .mdc-typography--headline3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}
#data-transfer-dialog .source-years-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: 12px !important;
  margin-top: 16px !important;
}
#data-transfer-dialog .source-year-button {
  width: 100% !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  text-align: left !important;
  height: 44px !important;
  font-size: 15px !important;
  padding: 0 16px !important;
}
#data-transfer-dialog .source-year-button .material-icons {
  margin-right: 8px !important;
}
#data-transfer-dialog .no-data-message {
  color: rgba(0, 0, 0, 0.6) !important;
  font-style: italic !important;
  text-align: center !important;
  padding: 20px !important;
}
#data-transfer-dialog .mdc-dialog__actions {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  padding: 20px !important;
  border-top: 1px solid #e0e0e0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 12px !important;
}
#data-transfer-dialog .mdc-dialog__actions .mdc-button {
  min-width: 64px !important;
  height: 44px !important;
  font-size: 15px !important;
  padding: 0 24px !important;
}

.mdc-dialog-scroll-lock {
  overflow: hidden;
}

.delete-tax-year-button {
  border-color: var(--error-color) !important;
  color: var(--error-color) !important;
}
.delete-tax-year-button .mdc-button__icon {
  color: var(--error-color) !important;
}
.delete-tax-year-button:hover:not(:disabled) {
  background: rgba(244, 67, 54, 0.04) !important;
  border-color: #D32F2F !important;
  color: #D32F2F !important;
}
.delete-tax-year-button:hover:not(:disabled) .mdc-button__icon {
  color: #D32F2F !important;
}

#delete-tax-year-dialog.mdc-dialog--open .mdc-dialog__container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
#delete-tax-year-dialog.mdc-dialog--open .mdc-dialog__surface {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1 !important;
}
#delete-tax-year-dialog .mdc-dialog__surface {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  max-height: 85vh !important;
  max-width: 500px !important;
  min-width: 400px !important;
  width: auto !important;
  padding: 0 !important;
  position: relative !important;
  border-radius: var(--border-radius-medium) !important;
}
#delete-tax-year-dialog .mdc-dialog__header {
  padding: 20px 60px 16px 20px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 16px !important;
  position: relative !important;
}
#delete-tax-year-dialog .dialog-header-icon {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 48px !important;
          flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  border-radius: 50% !important;
}
#delete-tax-year-dialog .dialog-header-icon.delete-warning {
  background: rgba(244, 67, 54, 0.12) !important;
}
#delete-tax-year-dialog .dialog-header-icon.delete-warning .material-icons {
  font-size: 28px !important;
  color: var(--error-color) !important;
}
#delete-tax-year-dialog .dialog-header-content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  min-width: 0 !important;
}
#delete-tax-year-dialog .mdc-dialog__title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.3 !important;
  color: var(--text-primary) !important;
}
#delete-tax-year-dialog .mdc-dialog__title #delete-year-display {
  color: var(--error-color) !important;
  font-weight: 700 !important;
}
#delete-tax-year-dialog .dialog-subtitle {
  font-size: 0.875rem !important;
  color: var(--text-secondary) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
#delete-tax-year-dialog .dialog-close-button {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 40px !important;
  height: 40px !important;
  padding: 8px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}
#delete-tax-year-dialog .dialog-close-button:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}
#delete-tax-year-dialog .dialog-close-button .material-icons {
  font-size: 24px !important;
  color: #666 !important;
}
#delete-tax-year-dialog .mdc-dialog__content {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
  padding: 24px !important;
  overflow-y: auto !important;
}
#delete-tax-year-dialog .delete-warning-box {
  background: rgba(244, 67, 54, 0.06) !important;
  border: 1px solid rgba(244, 67, 54, 0.2) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-bottom: 24px !important;
}
#delete-tax-year-dialog .delete-warning-text {
  font-size: 0.9375rem !important;
  color: var(--text-primary) !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.5 !important;
}
#delete-tax-year-dialog .delete-warning-text strong {
  color: var(--error-color) !important;
}
#delete-tax-year-dialog .delete-year-highlight {
  background: rgba(244, 67, 54, 0.15) !important;
  color: var(--error-color) !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}
#delete-tax-year-dialog .delete-data-list {
  margin: 0 !important;
  padding-left: 20px !important;
}
#delete-tax-year-dialog .delete-data-list li {
  font-size: 0.875rem !important;
  color: var(--text-secondary) !important;
  margin-bottom: 4px !important;
  line-height: 1.4 !important;
}
#delete-tax-year-dialog .delete-data-list li:last-child {
  margin-bottom: 0 !important;
}
#delete-tax-year-dialog .delete-confirm-section p {
  font-size: 0.9375rem !important;
  color: var(--text-primary) !important;
  margin: 0 0 12px 0 !important;
}
#delete-tax-year-dialog .delete-confirm-field {
  width: 100% !important;
  margin-bottom: 8px !important;
}
#delete-tax-year-dialog .delete-confirm-field .mdc-text-field__input {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  letter-spacing: 2px !important;
}
#delete-tax-year-dialog .delete-confirm-hint {
  font-size: 0.8125rem !important;
  color: var(--text-secondary) !important;
  text-align: center !important;
  margin: 0 !important;
}
#delete-tax-year-dialog .delete-confirm-hint span {
  font-weight: 600 !important;
  color: var(--error-color) !important;
}
#delete-tax-year-dialog .mdc-dialog__actions {
  padding: 16px 24px !important;
  border-top: 1px solid #e0e0e0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  gap: 12px !important;
}
#delete-tax-year-dialog .mdc-dialog__button {
  min-width: 100px !important;
  height: 44px !important;
  font-size: 0.9375rem !important;
}
#delete-tax-year-dialog .delete-confirm-button {
  background: var(--error-color) !important;
  color: white !important;
}
#delete-tax-year-dialog .delete-confirm-button:hover:not(:disabled) {
  background: #D32F2F !important;
}
#delete-tax-year-dialog .delete-confirm-button:disabled {
  background: #bdbdbd !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: not-allowed !important;
}
#delete-tax-year-dialog .delete-confirm-button .mdc-button__icon {
  color: white !important;
  margin-right: 8px !important;
}

.delete-notification {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) translateY(100px) !important;
          transform: translateX(-50%) translateY(100px) !important;
  background: var(--surface-color) !important;
  border-radius: 8px !important;
  -webkit-box-shadow: var(--elevation-4) !important;
          box-shadow: var(--elevation-4) !important;
  padding: 16px 24px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 12px !important;
  z-index: 10000 !important;
  opacity: 0 !important;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease !important;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease !important;
  max-width: 90vw !important;
}
.delete-notification.show {
  -webkit-transform: translateX(-50%) translateY(0) !important;
          transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
}
.delete-notification .material-icons {
  font-size: 24px !important;
}
.delete-notification span {
  font-size: 0.9375rem !important;
  color: var(--text-primary) !important;
}
.delete-notification--success {
  border-left: 4px solid var(--success-color) !important;
}
.delete-notification--success .material-icons {
  color: var(--success-color) !important;
}
.delete-notification--error {
  border-left: 4px solid var(--error-color) !important;
}
.delete-notification--error .material-icons {
  color: var(--error-color) !important;
}

@media (max-width: 480px) {
  #delete-tax-year-dialog .mdc-dialog__surface {
    min-width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 16px !important;
  }
  #delete-tax-year-dialog .mdc-dialog__header {
    padding: 16px 48px 12px 16px !important;
  }
  #delete-tax-year-dialog .dialog-header-icon {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 40px !important;
            flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
  }
  #delete-tax-year-dialog .dialog-header-icon .material-icons {
    font-size: 24px !important;
  }
  #delete-tax-year-dialog .mdc-dialog__title {
    font-size: 1.125rem !important;
  }
  #delete-tax-year-dialog .mdc-dialog__content {
    padding: 16px !important;
  }
  #delete-tax-year-dialog .delete-warning-box {
    padding: 12px !important;
  }
  #delete-tax-year-dialog .mdc-dialog__actions {
    padding: 12px 16px !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  #delete-tax-year-dialog .mdc-dialog__actions .mdc-button {
    width: 100% !important;
  }

  .delete-notification {
    bottom: 16px !important;
    left: 16px !important;
    right: 16px !important;
    -webkit-transform: translateX(0) translateY(100px) !important;
            transform: translateX(0) translateY(100px) !important;
  }
  .delete-notification.show {
    -webkit-transform: translateX(0) translateY(0) !important;
            transform: translateX(0) translateY(0) !important;
  }
}
/* VaSt Status Container - Alert Banner Design */
.vast-status-container {
  background: var(--success-color);
  color: var(--text-on-secondary);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Ubuntu", sans-serif;
}
.vast-status-container:hover {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-status-container .material-icons {
  font-size: 24px;
  color: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Content-Bereich */
.vast-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.vast-title {
  font-weight: 500;
  font-size: var(--font-size-body);
  margin-bottom: var(--spacing-xs);
  line-height: 1.4;
}

.vast-description {
  font-size: var(--font-size-caption);
  opacity: 0.9;
  line-height: 1.4;
}

/* Actions-Bereich */
.vast-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Button-Styling - DESIGN-SYSTEM.md: Pill = 999px for ALL buttons */
.vast-button,
.vast-antrag-button,
.vast-abruf-button {
  background: rgba(255, 255, 255, 0.2);
  color: inherit;
  border: none;
  border-radius: var(--border-radius-pill, 999px);
  padding: 14px 24px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.vast-button:hover,
.vast-antrag-button:hover,
.vast-abruf-button:hover {
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-button:active,
.vast-antrag-button:active,
.vast-abruf-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vast-button:focus,
.vast-antrag-button:focus,
.vast-abruf-button:focus {
  outline: 2px solid rgba(255, 255, 255, 0.8);
  outline-offset: 2px;
}
.vast-button.vast-button-retry,
.vast-antrag-button.vast-button-retry,
.vast-abruf-button.vast-button-retry {
  background: rgba(255, 255, 255, 0.9);
  color: var(--error-color);
}
.vast-button.vast-button-retry:hover,
.vast-antrag-button.vast-button-retry:hover,
.vast-abruf-button.vast-button-retry:hover {
  background: white;
  color: var(--error-color);
}
.vast-button.loading,
.vast-antrag-button.loading,
.vast-abruf-button.loading {
  opacity: 0.7;
  pointer-events: none;
}
.vast-button.loading .material-icons,
.vast-antrag-button.loading .material-icons,
.vast-abruf-button.loading .material-icons {
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
}

/* Icon-Button für "Mehr Optionen" */
.icon-btn {
  background: rgba(255, 255, 255, 0.2);
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.icon-btn:focus {
  outline: 2px solid rgba(255, 255, 255, 0.8);
  outline-offset: 2px;
}
.icon-btn .material-icons {
  font-size: 20px;
}

/* Animationen */
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Responsive Design */
@media (max-width: 480px) {
  .vast-status-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    padding: 16px;
    gap: 12px;
    margin-bottom: 12px;
  }
  .vast-status-container .material-icons {
    font-size: 28px;
    margin-bottom: var(--spacing-xs);
  }

  .vast-content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }

  .vast-title {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 6px;
  }

  .vast-description {
    font-size: 0.8rem;
    line-height: 1.4;
    margin-bottom: var(--spacing-sm);
  }

  .vast-actions {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--spacing-sm);
  }

  .vast-button {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.8rem;
    min-width: 100px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 140px;
  }

  .icon-btn {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
  .icon-btn .material-icons {
    font-size: 18px;
  }
}
/* Mobile Touch Target Fix */
@media (max-width: 768px) {
  .vast-status-bar .vast-button {
    min-height: 44px;
  }
  .vast-status-bar .icon-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
  }
}
/* Accessibility */
@media (hover: none) and (pointer: coarse) {
  .vast-status-container:hover {
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: var(--elevation-1);
            box-shadow: var(--elevation-1);
  }

  .vast-button:hover,
.icon-btn:hover {
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .vast-button:active,
.icon-btn:active {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vast-status-container,
.vast-button,
.icon-btn {
    -webkit-transition: none;
    transition: none;
  }

  .rotating {
    -webkit-animation: none;
            animation: none;
  }
}
#dialogabrufen .mdc-dialog__surface {
  border-radius: 20px !important;
  overflow: hidden !important;
  max-width: 480px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  -webkit-box-shadow: 0 4px 6px rgba(35, 3, 106, 0.04), 0 12px 40px rgba(35, 3, 106, 0.14), 0 0 0 1px rgba(35, 3, 106, 0.06) !important;
          box-shadow: 0 4px 6px rgba(35, 3, 106, 0.04), 0 12px 40px rgba(35, 3, 106, 0.14), 0 0 0 1px rgba(35, 3, 106, 0.06) !important;
}
#dialogabrufen .mdc-dialog__container {
  padding: 16px;
}

.vast-modal__header {
  background: var(--primary-color);
  padding: 26px 28px 28px;
  position: relative;
}
.vast-modal__header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.vast-modal__icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  backdrop-filter: blur(4px);
}
.vast-modal__icon .material-symbols-outlined {
  font-size: 26px;
  color: #7CE0D3;
  font-variation-settings: "FILL" 1;
}
.vast-modal__close-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  padding: 0;
}
.vast-modal__close-btn:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
.vast-modal__close-btn .material-symbols-outlined {
  font-size: 18px;
}
.vast-modal__title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 6px;
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__body {
  padding: 26px 28px;
}
.vast-modal__field-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--text-secondary);
  margin-bottom: 10px;
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__person-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 22px;
}
.vast-modal__person-option {
  position: relative;
}
.vast-modal__person-option input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.vast-modal__person-option label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 2px solid var(--outline-color);
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text-secondary);
  background: #FAFBFC;
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__person-option input:checked + label {
  border-color: var(--primary-color);
  background: rgba(35, 3, 106, 0.06);
  color: var(--primary-color);
}
.vast-modal__person-option input:checked + label .vast-modal__option-icon {
  background: var(--primary-color);
}
.vast-modal__person-option input:checked + label .vast-modal__option-icon .material-symbols-outlined {
  color: #fff;
}
.vast-modal__person-option input:checked + label .vast-modal__option-sub {
  color: var(--primary-light);
}
.vast-modal__option-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-modal__option-icon .material-symbols-outlined {
  font-size: 17px;
  color: var(--text-secondary);
  font-variation-settings: "FILL" 1;
}
.vast-modal__option-label-text {
  line-height: 1.1;
}
.vast-modal__option-sub {
  font-size: 11px;
  font-weight: 400;
  color: var(--text-secondary);
  display: block;
  margin-top: 1px;
}
.vast-modal__input-group {
  margin-bottom: 6px;
}
.vast-modal__input-wrapper {
  position: relative;
}
.vast-modal__input-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
.vast-modal__input-icon .material-symbols-outlined {
  font-size: 20px;
}
.vast-modal__code-input {
  width: 100%;
  padding: 13px 14px 13px 44px;
  border: 2px solid var(--outline-color);
  border-radius: 12px;
  font-family: "Ubuntu", monospace;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-primary);
  background: #FAFBFC;
  outline: none;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.vast-modal__code-input::-webkit-input-placeholder {
  color: #C2C8D6;
  letter-spacing: 2px;
  font-weight: 400;
}
.vast-modal__code-input::-moz-placeholder {
  color: #C2C8D6;
  letter-spacing: 2px;
  font-weight: 400;
}
.vast-modal__code-input:-ms-input-placeholder {
  color: #C2C8D6;
  letter-spacing: 2px;
  font-weight: 400;
}
.vast-modal__code-input::-ms-input-placeholder {
  color: #C2C8D6;
  letter-spacing: 2px;
  font-weight: 400;
}
.vast-modal__code-input::placeholder {
  color: #C2C8D6;
  letter-spacing: 2px;
  font-weight: 400;
}
.vast-modal__code-input:focus {
  border-color: var(--primary-color);
  background: #fff;
  -webkit-box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.07);
          box-shadow: 0 0 0 4px rgba(35, 3, 106, 0.07);
}
.vast-modal__input-hint {
  font-size: 11.5px;
  color: var(--text-secondary);
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__input-hint .material-symbols-outlined {
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px;
}
.vast-modal__divider {
  height: 1px;
  background: var(--outline-color);
  margin: 0 28px;
}
.vast-modal__footer {
  padding: 18px 28px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.vast-modal__btn-ghost {
  padding: 10px 20px;
  border: none;
  background: transparent;
  font-family: "Ubuntu", sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text-secondary);
  border-radius: 999px;
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
}
.vast-modal__btn-ghost:hover {
  background: var(--background);
  color: var(--text-primary);
}
.vast-modal__btn-primary {
  padding: 11px 24px;
  background: var(--primary-color);
  color: #fff;
  border: none;
  border-radius: 999px;
  font-family: "Ubuntu", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0 2px 8px rgba(35, 3, 106, 0.25);
          box-shadow: 0 2px 8px rgba(35, 3, 106, 0.25);
}
.vast-modal__btn-primary:hover {
  background: var(--primary-light);
  -webkit-box-shadow: 0 4px 14px rgba(35, 3, 106, 0.35);
          box-shadow: 0 4px 14px rgba(35, 3, 106, 0.35);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-modal__btn-primary .material-symbols-outlined {
  font-size: 18px;
  font-variation-settings: "FILL" 1;
}

#dialogbeantragen .mdc-dialog__surface {
  border-radius: 20px !important;
  overflow: hidden !important;
  max-width: 560px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  -webkit-box-shadow: 0 4px 6px rgba(35, 3, 106, 0.04), 0 12px 40px rgba(35, 3, 106, 0.14), 0 0 0 1px rgba(35, 3, 106, 0.06) !important;
          box-shadow: 0 4px 6px rgba(35, 3, 106, 0.04), 0 12px 40px rgba(35, 3, 106, 0.14), 0 0 0 1px rgba(35, 3, 106, 0.06) !important;
}
#dialogbeantragen .mdc-dialog__container {
  padding: 16px;
}

.vast-modal__body--scrollable {
  max-height: 68vh;
  overflow-y: auto;
}
.vast-modal__body--scrollable::-webkit-scrollbar {
  width: 5px;
}
.vast-modal__body--scrollable::-webkit-scrollbar-track {
  background: transparent;
}
.vast-modal__body--scrollable::-webkit-scrollbar-thumb {
  background: var(--outline-color);
  border-radius: 99px;
}

.vast-modal__person-block {
  background: #FAFBFD;
  border: 1px solid var(--outline-color);
  border-radius: 14px;
  padding: 18px 18px 14px;
  margin-bottom: 14px;
}
.vast-modal__person-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}
.vast-modal__person-block-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--primary-color);
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__person-block-label .material-symbols-outlined {
  font-size: 16px;
  font-variation-settings: "FILL" 1;
  color: var(--primary-color);
}
.vast-modal__remove-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 12px;
  font-family: "Ubuntu", sans-serif;
  padding: 4px 8px;
  border-radius: 6px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.vast-modal__remove-btn:hover {
  background: #FEE2E2;
  color: var(--error-color);
}
.vast-modal__remove-btn .material-symbols-outlined {
  font-size: 16px;
}
.vast-modal__form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.vast-modal__form-input {
  width: 100%;
  padding: 10px 13px;
  border: 1.5px solid var(--outline-color);
  border-radius: 10px;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  color: var(--text-primary);
  background: var(--surface-color);
  outline: none;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
}
.vast-modal__form-input::-webkit-input-placeholder {
  color: #C2C8D6;
}
.vast-modal__form-input::-moz-placeholder {
  color: #C2C8D6;
}
.vast-modal__form-input:-ms-input-placeholder {
  color: #C2C8D6;
}
.vast-modal__form-input::-ms-input-placeholder {
  color: #C2C8D6;
}
.vast-modal__form-input::placeholder {
  color: #C2C8D6;
}
.vast-modal__form-input:focus {
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.07);
          box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.07);
}
.vast-modal__expander-section {
  margin-bottom: 12px;
}
.vast-modal__expander-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 18px;
  background: #FAFBFD;
  border: 1.5px dashed var(--outline-color);
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  width: 100%;
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__expander-trigger:hover {
  border-color: var(--primary-color);
  background: rgba(35, 3, 106, 0.04);
}
.vast-modal__expander-trigger--active {
  border-style: solid;
  border-color: var(--primary-color);
  background: rgba(35, 3, 106, 0.04);
  border-radius: 12px 12px 0 0;
  border-bottom: none;
}
.vast-modal__expander-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.vast-modal__expander-icon-wrap {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(35, 3, 106, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-modal__expander-icon-wrap .material-symbols-outlined {
  font-size: 17px;
  color: var(--primary-color);
  font-variation-settings: "FILL" 1;
  -webkit-transition: color 0.18s;
  transition: color 0.18s;
}
.vast-modal__expander-trigger:hover .vast-modal__expander-icon-wrap, .vast-modal__expander-trigger--active .vast-modal__expander-icon-wrap {
  background: var(--primary-color);
}
.vast-modal__expander-trigger:hover .vast-modal__expander-icon-wrap .material-symbols-outlined, .vast-modal__expander-trigger--active .vast-modal__expander-icon-wrap .material-symbols-outlined {
  color: #fff;
}
.vast-modal__expander-text {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text-primary);
  text-align: left;
}
.vast-modal__expander-text small {
  display: block;
  font-size: 11.5px;
  font-weight: 400;
  color: var(--text-secondary);
  margin-top: 1px;
}
.vast-modal__expander-chevron {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: rgba(35, 3, 106, 0.06);
  color: var(--primary-color);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-modal__expander-chevron .material-symbols-outlined {
  font-size: 18px;
}
.vast-modal__expander-trigger--active .vast-modal__expander-chevron {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: rgba(35, 3, 106, 0.12);
}
.vast-modal__expander-content {
  display: none;
  padding: 16px 18px 18px;
  border: 1.5px solid var(--primary-color);
  border-top: none;
  border-radius: 0 0 12px 12px;
  background: #FAFBFD;
}
.vast-modal__expander-content--open {
  display: block;
}
.vast-modal__kind-block {
  background: var(--surface-color);
  border: 1px solid var(--outline-color);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
}
.vast-modal__kind-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}
.vast-modal__kind-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-color);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-family: "Ubuntu", sans-serif;
}
.vast-modal__kind-label .material-symbols-outlined {
  font-size: 15px;
  font-variation-settings: "FILL" 1;
}
.vast-modal__add-kind-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: 1.5px dashed var(--outline-color);
  border-radius: 10px;
  font-family: "Ubuntu", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  margin-top: 4px;
}
.vast-modal__add-kind-btn:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background: rgba(35, 3, 106, 0.04);
}
.vast-modal__add-kind-btn .material-symbols-outlined {
  font-size: 18px;
}

#dialogbeantragen #validation-errors:not(:empty) {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 14px;
}
#dialogbeantragen #validation-errors .error-message {
  color: var(--error-color);
  font-size: 12.5px;
  margin-bottom: 4px;
  font-family: "Ubuntu", sans-serif;
  line-height: 1.4;
}
#dialogbeantragen #validation-errors .error-message:last-child {
  margin-bottom: 0;
}

.vast-banner-pending {
  background: #FFF8EC;
  border: 1px solid #FDDEA0;
  border-radius: 14px;
  padding: 18px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.vast-banner-pending__icon {
  color: #D97706;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vast-banner-pending__icon .material-symbols-outlined {
  font-size: 24px;
}
.vast-banner-pending__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vast-banner-pending__text strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #92400E;
  margin-bottom: 2px;
}
.vast-banner-pending__text p {
  font-size: 13px;
  color: #A16207;
  line-height: 1.5;
  margin: 0;
}
.vast-banner-pending__btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 9px 18px;
  background: #D97706;
  color: #fff;
  border: none;
  border-radius: 999px;
  font-family: "Ubuntu", sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: background 0.18s;
  transition: background 0.18s;
  white-space: nowrap;
}
.vast-banner-pending__btn:hover {
  background: #B45309;
}
.vast-banner-pending__btn .material-symbols-outlined {
  font-size: 16px;
}

.vast-info-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(26, 2, 80, 0.45);
  backdrop-filter: blur(3px);
  z-index: 100;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
}
.vast-info-overlay.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vast-info-modal {
  background: var(--surface-color, #fff);
  border-radius: 20px;
  width: 100%;
  max-width: 480px;
  overflow: hidden;
  -webkit-box-shadow: 0 12px 48px rgba(35, 3, 106, 0.2), 0 0 0 1px rgba(35, 3, 106, 0.06);
          box-shadow: 0 12px 48px rgba(35, 3, 106, 0.2), 0 0 0 1px rgba(35, 3, 106, 0.06);
  -webkit-animation: vastInfoPopIn 0.22s ease;
          animation: vastInfoPopIn 0.22s ease;
}
@-webkit-keyframes vastInfoPopIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.96) translateY(8px);
            transform: scale(0.96) translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes vastInfoPopIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.96) translateY(8px);
            transform: scale(0.96) translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
.vast-info-modal__header {
  background: var(--primary-color, #23036A);
  padding: 24px 26px 26px;
}
.vast-info-modal__header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}
.vast-info-modal__icon {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.13);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.vast-info-modal__icon .material-symbols-outlined {
  font-size: 24px;
  color: #7CE0D3;
}
.vast-info-modal__close-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  padding: 0;
}
.vast-info-modal__close-btn:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
.vast-info-modal__close-btn .material-symbols-outlined {
  font-size: 18px;
}
.vast-info-modal__title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
  font-family: "Ubuntu", sans-serif;
}
.vast-info-modal__subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}
.vast-info-modal__body {
  padding: 24px 26px 26px;
}
.vast-info-modal__intro {
  font-size: 13px;
  color: var(--text-secondary, #6B7280);
  line-height: 1.6;
  margin-bottom: 18px;
  font-family: "Ubuntu", sans-serif;
}
.vast-info-modal__option-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--outline-color, #E2E5EE);
  margin-bottom: 10px;
  background: #FAFBFD;
}
.vast-info-modal__option-card:last-child {
  margin-bottom: 0;
}
.vast-info-modal__option-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-info-modal__option-icon .material-symbols-outlined {
  font-size: 18px;
}
.vast-info-modal__option-icon--mail {
  background: rgba(13, 115, 119, 0.1);
}
.vast-info-modal__option-icon--mail .material-symbols-outlined {
  color: var(--secondary-color, #0D7377);
}
.vast-info-modal__option-icon--letter {
  background: rgba(35, 3, 106, 0.08);
}
.vast-info-modal__option-icon--letter .material-symbols-outlined {
  color: var(--primary-light, #4A2E7C);
}
.vast-info-modal__option-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-color, #23036A);
  margin-bottom: 3px;
  font-family: "Ubuntu", sans-serif;
}
.vast-info-modal__option-desc {
  font-size: 12.5px;
  color: var(--text-secondary, #6B7280);
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}
.vast-info-modal__option-desc strong {
  color: var(--text-primary, #1A1A2E);
  font-weight: 600;
}
.vast-info-modal__footer {
  padding: 0 26px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.vast-info-modal__btn-primary {
  padding: 10px 24px;
  background: var(--primary-color, #23036A);
  color: #fff;
  border: none;
  border-radius: 999px;
  font-family: "Ubuntu", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  -webkit-box-shadow: 0 2px 8px rgba(35, 3, 106, 0.2);
          box-shadow: 0 2px 8px rgba(35, 3, 106, 0.2);
}
.vast-info-modal__btn-primary:hover {
  background: var(--primary-light, #4A2E7C);
}

.vast-help-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: inherit;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.vast-help-icon:hover {
  background: rgba(255, 255, 255, 0.35);
}
.vast-help-icon .material-symbols-outlined {
  font-size: 20px;
}

.vast-banner-pending .vast-help-icon {
  background: rgba(217, 119, 6, 0.12);
  color: #92400E;
}
.vast-banner-pending .vast-help-icon:hover {
  background: rgba(217, 119, 6, 0.2);
}

.vast-how-modal {
  background: var(--surface-color, #fff);
  border-radius: 20px;
  width: 100%;
  max-width: 540px;
  overflow: hidden;
  -webkit-box-shadow: 0 12px 48px rgba(35, 3, 106, 0.2), 0 0 0 1px rgba(35, 3, 106, 0.06);
          box-shadow: 0 12px 48px rgba(35, 3, 106, 0.2), 0 0 0 1px rgba(35, 3, 106, 0.06);
  -webkit-animation: vastHowPopIn 0.22s ease;
          animation: vastHowPopIn 0.22s ease;
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@-webkit-keyframes vastHowPopIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.96) translateY(8px);
            transform: scale(0.96) translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes vastHowPopIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.96) translateY(8px);
            transform: scale(0.96) translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
.vast-how-modal__header {
  background: var(--primary-color, #23036A);
  padding: 24px 26px 26px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-how-modal__header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}
.vast-how-modal__icon {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.13);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.vast-how-modal__icon .material-symbols-outlined {
  font-size: 24px;
  color: #7CE0D3;
}
.vast-how-modal__close-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  padding: 0;
}
.vast-how-modal__close-btn:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
.vast-how-modal__close-btn .material-symbols-outlined {
  font-size: 18px;
}
.vast-how-modal__title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 5px;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__body {
  padding: 24px 26px;
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vast-how-modal__body::-webkit-scrollbar {
  width: 5px;
}
.vast-how-modal__body::-webkit-scrollbar-track {
  background: transparent;
}
.vast-how-modal__body::-webkit-scrollbar-thumb {
  background: var(--outline-color);
  border-radius: 99px;
}
.vast-how-modal__section {
  margin-bottom: 22px;
}
.vast-how-modal__section:last-child {
  margin-bottom: 0;
}
.vast-how-modal__section-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--primary-color);
  margin-bottom: 10px;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__section-label .material-symbols-outlined {
  font-size: 16px;
  color: var(--primary-color);
}
.vast-how-modal__section-text {
  font-size: 13px;
  color: var(--text-secondary, #6B7280);
  line-height: 1.65;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.vast-how-modal__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 14px;
  background: #FAFBFD;
  border: 1px solid var(--outline-color, #E2E5EE);
  border-radius: 12px;
}
.vast-how-modal__step-number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--primary-color);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__step-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vast-how-modal__step-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary, #1A1A2E);
  margin-bottom: 2px;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__step-desc {
  font-size: 12.5px;
  color: var(--text-secondary, #6B7280);
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__elster-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.vast-how-modal__elster-card {
  padding: 14px;
  border-radius: 12px;
  border: 1px solid var(--outline-color, #E2E5EE);
  background: #FAFBFD;
}
.vast-how-modal__elster-card--konto {
  border-color: rgba(13, 115, 119, 0.2);
  background: rgba(13, 115, 119, 0.04);
}
.vast-how-modal__elster-card--brief {
  border-color: rgba(35, 3, 106, 0.15);
  background: rgba(35, 3, 106, 0.04);
}
.vast-how-modal__elster-card-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.vast-how-modal__elster-card-icon .material-symbols-outlined {
  font-size: 18px;
}
.vast-how-modal__elster-card-icon--konto {
  background: rgba(13, 115, 119, 0.12);
}
.vast-how-modal__elster-card-icon--konto .material-symbols-outlined {
  color: var(--secondary-color, #0D7377);
}
.vast-how-modal__elster-card-icon--brief {
  background: rgba(35, 3, 106, 0.1);
}
.vast-how-modal__elster-card-icon--brief .material-symbols-outlined {
  color: var(--primary-light, #4A2E7C);
}
.vast-how-modal__elster-card-title {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-primary, #1A1A2E);
  margin-bottom: 4px;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__elster-card-desc {
  font-size: 12px;
  color: var(--text-secondary, #6B7280);
  line-height: 1.5;
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.vast-how-modal__data-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: #FAFBFD;
  border: 1px solid var(--outline-color, #E2E5EE);
  border-radius: 999px;
  font-size: 12px;
  color: var(--text-secondary, #6B7280);
  font-family: "Ubuntu", sans-serif;
}
.vast-how-modal__data-item .material-symbols-outlined {
  font-size: 14px;
  color: var(--secondary-color, #0D7377);
}
.vast-how-modal__footer {
  padding: 0 26px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-how-modal__btn-primary {
  padding: 10px 24px;
  background: var(--primary-color, #23036A);
  color: #fff;
  border: none;
  border-radius: 999px;
  font-family: "Ubuntu", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  -webkit-box-shadow: 0 2px 8px rgba(35, 3, 106, 0.2);
          box-shadow: 0 2px 8px rgba(35, 3, 106, 0.2);
}
.vast-how-modal__btn-primary:hover {
  background: var(--primary-light, #4A2E7C);
}

@media (max-width: 480px) {
  #dialogabrufen .mdc-dialog__surface,
#dialogbeantragen .mdc-dialog__surface {
    max-width: calc(100vw - 32px) !important;
    border-radius: 16px !important;
  }

  .vast-modal__header {
    padding: 20px 20px 22px;
  }
  .vast-modal__body {
    padding: 20px;
  }
  .vast-modal__person-options {
    grid-template-columns: 1fr;
  }
  .vast-modal__form-grid {
    grid-template-columns: 1fr;
  }
  .vast-modal__divider {
    margin: 0 20px;
  }
  .vast-modal__footer {
    padding: 16px 20px 18px;
  }

  .vast-banner-pending {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 16px;
  }

  .vast-info-modal {
    max-width: calc(100vw - 32px);
    border-radius: 16px;
  }

  .vast-how-modal {
    max-width: calc(100vw - 32px);
    border-radius: 16px;
  }
  .vast-how-modal__header {
    padding: 20px 20px 22px;
  }
  .vast-how-modal__body {
    padding: 20px;
  }
  .vast-how-modal__elster-cards {
    grid-template-columns: 1fr;
  }
  .vast-how-modal__footer {
    padding: 0 20px 18px;
  }
}
/* Interview Pages */
/* Interview Page Layout */
.interview-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100vh - 64px);
  background-color: var(--background-color);
  padding: 0;
}

.interview-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);
  gap: var(--spacing-xl);
}

/* Header Section */
.interview-header {
  text-align: center;
}
.interview-header .interview-title {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
  color: var(--text-primary);
  margin: 0;
}
.interview-header .interview-title .text-color-primary {
  color: var(--primary-color);
  font-weight: var(--font-weight-semibold);
}

/* Content Section */
.interview-content {
  text-align: center;
  color: var(--text-primary);
}
.interview-content p {
  font-size: var(--font-size-body-lg);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

/* Taxtip Section */
.interview-taxtip {
  background-color: var(--surface-variant-color);
  color: var(--text-primary);
  padding: var(--spacing-md);
  border-radius: var(--border-radius-small);
  margin: var(--spacing-md) 0;
  border-left: 4px solid var(--primary-color);
}
.interview-taxtip p {
  margin: 0;
  font-size: var(--font-size-body);
  line-height: 1.5;
}

/* Template Parts Section */
.interview-template-parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-md);
  /* Center text content in .mitte column */
  /* Override BuddyPress .description styling for dialog forms */
}
.interview-template-parts .mitte {
  text-align: center;
}
.interview-template-parts .mitte p {
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.interview-template-parts p.description,
.interview-template-parts .description {
  background: transparent;
  padding: 0;
  min-height: auto;
  color: var(--text-secondary, #666);
  font-size: var(--font-size-body-sm, 14px);
  text-align: center;
  display: block;
  /* Override flex from BuddyPress to make text-align work */
}

/* Interview Boxes Container with improved spacing */
.interview-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: var(--spacing-lg);
  padding: var(--spacing-md) 0;
  margin-top: var(--spacing-md);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .interview-boxes {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: var(--spacing-sm);
  }
}
@media (max-width: 414px) {
  .interview-boxes {
    gap: 8px !important;
  }
}

/* Interview Box Wrapper */
.interview-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 300px;
  min-width: 200px;
  gap: var(--spacing-sm);
}
@media (min-width: 769px) {
  .interview-box-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(33.333% - var(--spacing-lg));
  }
}
@media (max-width: 768px) {
  .interview-box-wrapper {
    max-width: 100%;
    width: 100%;
  }
}

/* Single Interview Box Styles - Material Design 3 Mockup Implementation */
.dialogimage,
.interview-bild {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  background-color: #F8F8F8;
  border: 2px solid #E0E0E0;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 280px;
  max-width: 360px;
  min-height: 240px;
  text-align: center;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .dialogimage,
.interview-bild {
    min-height: 180px !important;
    max-height: 200px !important;
    padding: 16px !important;
  }
}
@media (max-width: 414px) {
  .dialogimage,
.interview-bild {
    min-height: 160px !important;
    max-height: 180px !important;
    padding: 12px !important;
  }
}
.dialogimage::before,
.interview-bild::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  pointer-events: none;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dialogimage > *,
.interview-bild > * {
  position: relative;
  z-index: 2;
}
.dialogimage:hover,
.interview-bild:hover {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
.dialogimage.dialogselected,
.interview-bild.dialogselected {
  background-color: rgba(98, 0, 238, 0.05);
  border: 3px solid #6200EE;
  border-color: #6200EE;
  -webkit-box-shadow: 0 4px 16px rgba(98, 0, 238, 0.2);
          box-shadow: 0 4px 16px rgba(98, 0, 238, 0.2);
  -webkit-transform: none;
          transform: none;
}
.dialogimage.dialogselected::before,
.interview-bild.dialogselected::before {
  background: rgba(98, 0, 238, 0.02);
}
@media (max-width: 768px) {
  .dialogimage.dialogselected::before, .dialogimage.dialogselected:hover::before,
.interview-bild.dialogselected::before,
.interview-bild.dialogselected:hover::before {
    background: rgba(98, 0, 238, 0.25) !important;
  }
}
.dialogimage.dialogselected:hover,
.interview-bild.dialogselected:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 20px rgba(98, 0, 238, 0.25);
          box-shadow: 0 6px 20px rgba(98, 0, 238, 0.25);
}
.dialogimage.dialogselected:hover::before,
.interview-bild.dialogselected:hover::before {
  background: rgba(98, 0, 238, 0.04);
}
.dialogimage:focus,
.interview-bild:focus {
  outline: 2px solid #6200EE;
  outline-offset: 4px;
}

/* Dialog Question Text */
.dialog-question {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: var(--spacing-sm) 0;
  line-height: 1.4;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Material Design Input Controls - Mockup Implementation */
/* CRITICAL: Do NOT set position here - it conflicts with absolute positioning in .interview-boxes */
/* SCOPED to interview pages only - prevents leaking to WooCommerce checkout etc. */
.interview-content input[type=checkbox],
.interview-content input[type=radio],
.interview-container input[type=checkbox],
.interview-container input[type=radio] {
  width: 24px;
  height: 24px;
  border: 2px solid #9E9E9E;
  background-color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  /* position: relative; */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.interview-content input[type=checkbox]:focus,
.interview-content input[type=radio]:focus,
.interview-container input[type=checkbox]:focus,
.interview-container input[type=radio]:focus {
  outline: 2px solid #6200EE;
  outline-offset: 2px;
}
.interview-content input[type=checkbox]:hover,
.interview-content input[type=radio]:hover,
.interview-container input[type=checkbox]:hover,
.interview-container input[type=radio]:hover {
  border-color: #6200EE;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.interview-content input[type=checkbox]:checked,
.interview-content input[type=radio]:checked,
.interview-container input[type=checkbox]:checked,
.interview-container input[type=radio]:checked {
  background-color: #6200EE;
  border-color: #6200EE;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.interview-content input[type=checkbox]:checked:hover,
.interview-content input[type=radio]:checked:hover,
.interview-container input[type=checkbox]:checked:hover,
.interview-container input[type=radio]:checked:hover {
  background-color: #7C4DFF;
  border-color: #7C4DFF;
}

.interview-content input[type=checkbox],
.interview-container input[type=checkbox] {
  border-radius: 4px;
}
.interview-content input[type=checkbox]:checked::after,
.interview-container input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.interview-content input[type=radio],
.interview-container input[type=radio] {
  border-radius: 50%;
}
.interview-content input[type=radio]:checked::after,
.interview-container input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
}

/* Radio Button Material Design State */
.mdc-radio--selected {
  background-color: rgba(35, 3, 106, 0.1);
}
.mdc-radio--selected .mdc-radio__background {
  border-color: var(--primary-color);
}
.mdc-radio--selected .mdc-radio__background .mdc-radio__inner-circle {
  background-color: var(--primary-color);
}

/* Selected state for interview boxes */
.dialogselected {
  border-color: var(--primary-color) !important;
  background-color: var(--surface-variant-color);
}
.dialogselected::before {
  background: rgba(35, 3, 106, 0.1);
}
.dialogselected .dialog-question {
  color: var(--primary-color);
  font-weight: var(--font-weight-semibold);
}

/* Material Design Ripple Effect */
@-webkit-keyframes ripple-effect {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
@keyframes ripple-effect {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
/* Accessibility: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .dialogimage,
.interview-bild {
    -webkit-transition: none;
    transition: none;
  }
  .dialogimage:hover, .dialogimage.dialogselected,
.interview-bild:hover,
.interview-bild.dialogselected {
    -webkit-transform: none;
            transform: none;
  }
  .dialogimage.dialogselected:hover,
.interview-bild.dialogselected:hover {
    -webkit-transform: none;
            transform: none;
  }

  @-webkit-keyframes ripple-effect {
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0.5;
    }
  }

  @keyframes ripple-effect {
    to {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 0.5;
    }
  }
}
/* Navigation Section */
.interview-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--outline-color);
}

/* Button Styles - TOOL BUTTON STYLE */
.interview-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--primary-color, #23036A) !important;
  color: #FFFFFF !important;
  border: none;
  border-radius: var(--border-radius-pill, 999px);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  -webkit-transition: all var(--animation-standard) var(--easing-standard);
  transition: all var(--animation-standard) var(--easing-standard);
  /* Hover state - lighter primary color background, KEEP white text */
  /* Active state */
  /* Focus state for accessibility */
  /* Secondary button variant */
}
.interview-button:hover {
  background-color: var(--primary-light, #4A2E7C) !important;
  color: #FFFFFF !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.interview-button:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}
.interview-button:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.interview-button.secondary {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  border: 2px solid var(--primary-color);
}
.interview-button.secondary:hover {
  background-color: var(--primary-color) !important;
  color: #FFFFFF !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .interview-container {
    padding: var(--spacing-md) var(--spacing-sm);
    gap: var(--spacing-md);
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .interview-header {
    padding: 0 var(--spacing-sm);
  }
  .interview-header .interview-title {
    font-size: var(--font-size-h3) !important;
    line-height: 1.2 !important;
  }

  .interview-content {
    padding: 0 var(--spacing-sm);
  }
  .interview-content p {
    font-size: var(--font-size-body) !important;
  }

  .interview-boxes {
    margin: var(--spacing-sm) 0;
    padding: 0 var(--spacing-sm);
  }

  .interview-box-wrapper {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }

  .interview-template-parts {
    padding: 0 var(--spacing-sm);
  }

  .interview-navigation {
    padding: var(--spacing-md) var(--spacing-sm);
    gap: var(--spacing-sm);
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--spacing-xl, 32px));
    margin-bottom: var(--spacing-xl, 32px);
  }
  .interview-navigation button,
.interview-navigation .interview-nav-back,
.interview-navigation .interview-nav-forward {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* ============================================ */
/* TEMPLATE PARTS - FLOATING LABEL FIX         */
/* ============================================ */
/* MDC Textfield Design System Compliance - Non-invasive */
.interview-template-parts .mdc-text-field--outlined {
  font-family: var(--font-family, "Ubuntu", sans-serif);
  border-radius: var(--border-radius-small, 6px);
}

/* ============================================ */
/* INFO BUTTON DESIGN - INLINE TEXT FLOW       */
/* ============================================ */
/* Info Button - Material Design inline neben Label-Text */
/* CRITICAL: Info icon flows INLINE next to label text, not absolutely positioned */
/* POSITIONING STRATEGY:
 * Label and info icon are siblings in .interview-box-wrapper (below .dialogimage).
 * We create a label-wrapper with flexbox to make them flow inline.
 * Info icon floats to the right of the label text.
 */
/* CRITICAL: Create flex row for label + icon inline positioning */
.interview-boxes .interview-box-wrapper {
  /* Keep wrapper static to avoid z-index stacking issues with Shepherd Tour */
  /* Tour dialogs must not be affected by wrapper positioning */
  /* CRITICAL: Row layout with wrap so label and icon can be inline */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: var(--spacing-sm) !important;
  /* Responsive behavior */
  /* Image should be first in flex order */
  /* Info icon - display in same flex row as label */
}
@media (max-width: 768px) {
  .interview-boxes .interview-box-wrapper {
    width: 100% !important;
  }
}
.interview-boxes .interview-box-wrapper > label {
  /* Label styles - will flow in flex row with icon */
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  max-width: calc(100% - 38px) !important;
  font-size: var(--font-size-body, 16px) !important;
  font-weight: var(--font-weight-medium, 500) !important;
  color: var(--text-primary, #333) !important;
  line-height: 1.4 !important;
  text-align: center !important;
  margin: var(--spacing-sm, 8px) 0 !important;
  word-wrap: break-word !important;
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
  /* When label has info icon, add padding for spacing */
}
.interview-boxes .interview-box-wrapper > label.has-info {
  padding-right: 4px !important;
}
.interview-boxes .interview-box-wrapper > .dialogimage,
.interview-boxes .interview-box-wrapper > .interview-bild {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
  width: 100% !important;
}
.interview-boxes .interview-box-wrapper > label.has-info + .info-icon,
.interview-boxes .interview-box-wrapper > .info-icon.tooltip-icon-custom {
  /* CRITICAL: Flex item in same row as label */
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  position: relative !important;
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
  /* Vertical alignment with label text */
  margin-top: var(--spacing-sm, 8px) !important;
  margin-left: 0 !important;
  z-index: 2 !important;
  /* VISUELLES DESIGN aus tool-module.html */
  border: none !important;
  background: transparent !important;
  color: inherit !important;
  border-radius: var(--border-radius-small, 6px) !important;
  padding: 4px !important;
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  /* FIXED: Korrekte Dimensions - 29px Icon (20% larger than 24px) */
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  min-height: 29px !important;
  /* Material Symbols Icon Styling */
  /* Text-Content Styling - für alte .info-icon Struktur */
  color: var(--text-secondary, #666666) !important;
  font-family: "Material Symbols Outlined" !important;
  font-size: 24px !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1 !important;
  text-align: center !important;
  /* HOVER STATE */
  /* ACTIVE STATE für besseres Feedback */
  /* FOCUS STATE für Accessibility */
}
.interview-boxes .interview-box-wrapper > label.has-info + .info-icon .material-symbols-outlined,
.interview-boxes .interview-box-wrapper > .info-icon.tooltip-icon-custom .material-symbols-outlined {
  font-size: 24px !important;
  color: var(--text-secondary, #666666) !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.interview-boxes .interview-box-wrapper > label.has-info + .info-icon:hover,
.interview-boxes .interview-box-wrapper > .info-icon.tooltip-icon-custom:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  -webkit-transform: translateY(-50%) scale(1.1) !important;
          transform: translateY(-50%) scale(1.1) !important;
}
.interview-boxes .interview-box-wrapper > label.has-info + .info-icon:active,
.interview-boxes .interview-box-wrapper > .info-icon.tooltip-icon-custom:active {
  -webkit-transform: translateY(-50%) scale(1) !important;
          transform: translateY(-50%) scale(1) !important;
  -webkit-transition: -webkit-transform 0.1s ease !important;
  transition: -webkit-transform 0.1s ease !important;
  transition: transform 0.1s ease !important;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease !important;
}
.interview-boxes .interview-box-wrapper > label.has-info + .info-icon:focus, .interview-boxes .interview-box-wrapper > label.has-info + .info-icon:focus-visible,
.interview-boxes .interview-box-wrapper > .info-icon.tooltip-icon-custom:focus,
.interview-boxes .interview-box-wrapper > .info-icon.tooltip-icon-custom:focus-visible {
  outline: 2px solid var(--primary-color, #23036A) !important;
  outline-offset: 2px !important;
}

/* ============================================ */
/* TOOLTIP SYSTEM - MDC INTEGRATION            */
/* ============================================ */
/* Tooltip Container */
.info-tooltip {
  position: absolute !important;
  top: 40px !important;
  right: 0 !important;
  z-index: 3 !important;
  /* PREMIUM TOOLTIP DESIGN */
  background: white !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  max-width: 280px !important;
  min-width: 200px !important;
  /* SCHATTEN & BORDER */
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  /* TYPOGRAPHY */
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: var(--text-primary, #333) !important;
  /* ANIMATION */
  opacity: 0 !important;
  -webkit-transform: translateY(-10px) !important;
          transform: translateY(-10px) !important;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  pointer-events: none !important;
  /* TOOLTIP ARROW */
}
.info-tooltip::before {
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  right: 20px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid white !important;
  -webkit-filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1)) !important;
          filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.1)) !important;
}

/* Tooltip sichtbar bei Hover */
.interview-box-wrapper:hover .info-tooltip,
.info-icon:hover + .info-tooltip {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  pointer-events: auto !important;
}

.info-tooltip:hover {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  pointer-events: auto !important;
  /* Ensure tooltip doesn't extend beyond wrapper bounds */
  max-width: calc(100% - 40px) !important;
}

/* ============================================ */
/* PFLICHTFELD VALIDATION POPUP - FIX #428     */
/* ============================================ */
/* FIX for GitHub Issue #428: Pflichtfeld Hinweis PopUp liegt UNTER grauer Fläche
 * Problem: MDC Text Field Helper Text (Validation Messages) haben keinen z-index
 * und erscheinen UNTER dem grauen ::before Overlay (z-index: 1) der Interview Cards
 * Solution: Gebe Validation Messages z-index: 10 für korrekte Stacking-Order
 */
.interview-boxes .interview-box-wrapper .mdc-text-field-helper-text,
.interview-boxes .interview-box-wrapper .mdc-text-field-helper-text--validation-msg,
.interview-boxes .interview-box-wrapper .mdc-text-field-helper-line,
.interview-box-wrapper .mdc-text-field-helper-text,
.interview-box-wrapper .mdc-text-field-helper-text--validation-msg,
.interview-box-wrapper .mdc-text-field-helper-line,
.dialogimage .mdc-text-field-helper-text,
.dialogimage .mdc-text-field-helper-text--validation-msg,
.dialogimage .mdc-text-field-helper-line,
.interview-bild .mdc-text-field-helper-text,
.interview-bild .mdc-text-field-helper-text--validation-msg,
.interview-bild .mdc-text-field-helper-line {
  position: relative !important;
  z-index: 10 !important;
}

/* ============================================ */
/* CHECKBOX POSITIONING - KRITISCHER FIX       */
/* ============================================ */
/* Interview Box Checkboxes/Radio - TOP RIGHT CORNER - DESIGN SPEC */
/* CRITICAL: Position relative to the CARD (.dialogimage/.interview-bild), NOT the wrapper! */
.interview-boxes .interview-box-wrapper {
  /* IMPORTANT: Card must be positioned relative for absolute positioning to work */
  /* CRITICAL FIX: Position the MDC wrapper divs, not just the inputs */
  /* The MDC Touch Target Wrapper is the direct parent of radio/checkbox */
}
.interview-boxes .interview-box-wrapper .dialogimage,
.interview-boxes .interview-box-wrapper .interview-bild {
  position: relative !important;
}
.interview-boxes .interview-box-wrapper .dialogimage,
.interview-boxes .interview-box-wrapper .interview-bild {
  /* CRITICAL: Hide MDC visual elements - we style the native input instead */
  /* CRITICAL: Hide ripple and focus ring to avoid double display */
  /* Native input controls - DESIGN SPEC styling */
}
.interview-boxes .interview-box-wrapper .dialogimage .mdc-touch-target-wrapper,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-touch-target-wrapper.pull-right,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-touch-target-wrapper,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-touch-target-wrapper.pull-right {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 5 !important;
  margin: 0 !important;
  float: none !important;
  pointer-events: none !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox {
  position: relative !important;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__background,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__outer-circle,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__inner-circle,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__background,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__checkmark,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__mixedmark,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__background,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__outer-circle,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__inner-circle,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__background,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__checkmark,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__mixedmark {
  display: none !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__ripple,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__ripple,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__focus-ring,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__focus-ring,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__ripple,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__ripple,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__focus-ring,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__focus-ring {
  display: none !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox],
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio],
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox],
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio] {
  width: 24px !important;
  height: 24px !important;
  cursor: pointer !important;
  opacity: 1 !important;
  margin: 0 !important;
  background: #FFFFFF !important;
  border: 2px solid #9E9E9E !important;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  pointer-events: auto !important;
  /* Radio buttons are round */
  /* Checkboxes are slightly rounded */
  /* Checked state */
  /* Hover state */
  /* Focus state for accessibility */
}
.interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox[type=radio], .interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox.mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control[type=radio],
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control.mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control[type=radio],
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control.mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox][type=radio],
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox].mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio][type=radio],
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio].mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox[type=radio],
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox.mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control[type=radio],
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control.mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control[type=radio],
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control.mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox][type=radio],
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox].mdc-radio__native-control,
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio][type=radio],
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio].mdc-radio__native-control {
  border-radius: 50% !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox[type=checkbox], .interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox.mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control[type=checkbox],
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control.mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control[type=checkbox],
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control.mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox][type=checkbox],
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox].mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio][type=checkbox],
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio].mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox[type=checkbox],
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox.mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control[type=checkbox],
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control.mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control[type=checkbox],
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control.mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox][type=checkbox],
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox].mdc-checkbox__native-control,
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio][type=checkbox],
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio].mdc-checkbox__native-control {
  border-radius: 4px !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox:checked,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control:checked,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control:checked,
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox]:checked,
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio]:checked,
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox:checked,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control:checked,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control:checked,
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox]:checked,
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio]:checked {
  background: #6200EE !important;
  border-color: #6200EE !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox:hover,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control:hover,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control:hover,
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox]:hover,
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio]:hover,
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox:hover,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control:hover,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control:hover,
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox]:hover,
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio]:hover {
  border-color: #6200EE !important;
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
}
.interview-boxes .interview-box-wrapper .dialogimage .interview-checkbox:focus,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-checkbox__native-control:focus,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-radio__native-control:focus,
.interview-boxes .interview-box-wrapper .dialogimage input[type=checkbox]:focus,
.interview-boxes .interview-box-wrapper .dialogimage input[type=radio]:focus,
.interview-boxes .interview-box-wrapper .interview-bild .interview-checkbox:focus,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-checkbox__native-control:focus,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-radio__native-control:focus,
.interview-boxes .interview-box-wrapper .interview-bild input[type=checkbox]:focus,
.interview-boxes .interview-box-wrapper .interview-bild input[type=radio]:focus {
  outline: 2px solid #6200EE !important;
  outline-offset: 2px !important;
}

/* ============================================ */
/* BUTTON LABEL FIX - CLICKABILITY             */
/* ============================================ */
/* CRITICAL: MDC button decorative elements block clicks to card */
/* Allow clicks to pass through button labels and ripples to the card below */
.interview-boxes .interview-box-wrapper .dialogimage .mdc-button__label,
.interview-boxes .interview-box-wrapper .dialogimage .mdc-button__ripple,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-button__label,
.interview-boxes .interview-box-wrapper .interview-bild .mdc-button__ripple {
  pointer-events: none !important;
}

/* ============================================ */
/* MDC DIALOG OVERLAY FIX - CRITICAL!          */
/* ============================================ */
/* PROBLEM: MDC Dialog elements (.mdc-dialog__content, .mdc-dialog__actions)
 * have z-index 2003 and pointer-events: auto, blocking clicks to interview cards!
 * These dialog elements are floating ABOVE the interview cards.
 *
 * SOLUTION: Disable pointer-events on dialog overlays when not actively showing a dialog.
 * Interview cards have z-index 2, dialog has z-index 2003 - dialog wins and blocks clicks!
 */
.dialog-container.interview-container .mdc-dialog__content, .interview-container.dialog.mdc-layout-grid .mdc-dialog__content,
.dialog-container.interview-container .mdc-dialog__actions,
.interview-container.dialog.mdc-layout-grid .mdc-dialog__actions,
.dialog-container.interview-container .mdc-dialog__surface,
.interview-container.dialog.mdc-layout-grid .mdc-dialog__surface {
  pointer-events: none !important;
}
.dialog-container.interview-container .mdc-dialog--open .mdc-dialog__content, .interview-container.dialog.mdc-layout-grid .mdc-dialog--open .mdc-dialog__content,
.dialog-container.interview-container .mdc-dialog--open .mdc-dialog__actions,
.interview-container.dialog.mdc-layout-grid .mdc-dialog--open .mdc-dialog__actions,
.dialog-container.interview-container .mdc-dialog--open .mdc-dialog__surface,
.interview-container.dialog.mdc-layout-grid .mdc-dialog--open .mdc-dialog__surface {
  pointer-events: auto !important;
}

/* ============================================ */
/* CHIP DESIGN - DESIGN-IMPLEMENTATION-RULES.md */
/* Lines 987-1002: Custom Chip Design          */
/* ============================================ */
.chip,
.mdc-evolution-chip {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  border: none !important;
  cursor: pointer !important;
  -webkit-transition: none !important;
  transition: none !important;
  white-space: nowrap !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.mdc-evolution-chip__cell {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.mdc-evolution-chip__action--primary {
  padding: 6px 12px !important;
  border-radius: 16px !important;
  background-color: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  border: none !important;
  -webkit-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mdc-evolution-chip__action--primary:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.mdc-evolution-chip__text-label {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.mdc-evolution-chip.selected .mdc-evolution-chip__action--primary {
  background-color: #6200EE !important;
  color: #FFFFFF !important;
}

.mdc-evolution-chip:not(.selected) .mdc-evolution-chip__action--primary {
  background-color: #E0E0E0 !important;
  color: #000000 !important;
}

.mdc-evolution-chip__ripple {
  display: none !important;
}

/* ============================================ */
/* GLOBAL FIX #428: Hide Card Overlays when Dialog Open */
/* ============================================ */
body:has(.mdc-dialog--open) .dialogimage::before,
body:has(.mdc-dialog--open) .interview-bild::before,
body:has(.mdc-dialog--open) .interview-box-wrapper::before {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.mdc-dialog-is-open .dialogimage::before,
body.mdc-dialog-is-open .interview-bild::before,
body.mdc-dialog-is-open .interview-box-wrapper::before {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ============================================ */
/* FIX #428 PART 2: Dialog Scrim/Surface Z-Index Fix */
/* ============================================ */
.mdc-dialog .mdc-dialog__scrim {
  z-index: 1 !important;
}
.mdc-dialog .mdc-dialog__surface {
  z-index: 2 !important;
}
.mdc-dialog .mdc-dialog__content,
.mdc-dialog .mdc-dialog__actions {
  z-index: auto;
}

/* ============================================ */
/* Loading Spinner Animation für Weiter-Button */
/* ============================================ */
@-webkit-keyframes spin-icon {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin-icon {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#schritt-weiter .material-icons:not(:empty) {
  display: inline-block;
}
#schritt-weiter.is-loading .material-icons {
  -webkit-animation: spin-icon 1s linear infinite;
          animation: spin-icon 1s linear infinite;
}

#schritt-zurueck .material-icons:not(:empty) {
  display: inline-block;
}
#schritt-zurueck.is-loading .material-icons {
  -webkit-animation: spin-icon 1s linear infinite;
          animation: spin-icon 1s linear infinite;
}

/* ============================================
 * Issue #1224 (2026-04-21): Label IMMER unter Kachel bis iPad-Pro-Portrait (1024px).
 * Info-Icon bleibt INLINE neben dem Label, nur die Kachel bricht die Zeile um.
 * DIESER BLOCK MUSS AM ENDE STEHEN, damit er die vorigen !important-Regeln überschreibt.
 * ============================================ */
@media (max-width: 1024px) {
  /* Wrapper auf Kachel-Breite beschränken, damit Image + Label/Icon sauber stacken.
     Bei breiterem Wrapper könnte Label rechts neben der fixen-Breite-Kachel Platz finden. */
  .interview-boxes .interview-box-wrapper {
    max-width: 360px !important;
    width: 100% !important;
  }

  /* Kachel erzwingt volle (begrenzte) Zeile → Label + Icon fließen in nächster Zeile zusammen */
  .interview-boxes .interview-box-wrapper > .dialogimage,
.interview-boxes .interview-box-wrapper > .interview-bild {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Label: schrumpft damit Icon daneben passt — bleibt inline mit Icon */
  .interview-boxes .interview-box-wrapper > label {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    max-width: calc(100% - 38px) !important;
    text-align: center !important;
  }

  /* Info-Icon: inline rechts vom Label, nicht in eigener Zeile */
  .interview-boxes .interview-box-wrapper > label.has-info + .info-icon,
.interview-boxes .interview-box-wrapper > .info-icon.tooltip-icon-custom {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
    -ms-flex-item-align: center !important;
        align-self: center !important;
    margin-top: 0 !important;
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}
/**
 * Dialog Layout - Clean Structure ohne MDC Grid
 * Für dialog-start.php und dialog-ende.php
 */
/* ============================================
   DIALOG CONTAINER - Hauptstruktur
   ============================================ */
.dialog-container, .dialog.mdc-layout-grid {
  background: var(--background-color);
  min-height: calc(100vh - 80px - 200px);
  padding: var(--spacing-xxl) 0;
}
@media (max-width: 768px) {
  .dialog-container, .dialog.mdc-layout-grid {
    padding: var(--spacing-xl) 0;
  }
}
.dialog-container .container, .dialog.mdc-layout-grid .container, .dialog-container .mdc-layout-grid, .dialog.mdc-layout-grid .mdc-layout-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

/* Dialog Wrapper - Ersetzt mdc-layout-grid__inner */
.dialog-wrapper {
  display: grid;
  grid-template-columns: 1fr minmax(600px, 800px) 1fr;
  gap: var(--spacing-xl);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (max-width: 1024px) {
  .dialog-wrapper {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
}

/* Dialog Content - Zentrale Spalte */
.dialog-content, .mdc-layout-grid__cell--span-6-desktop.mitte {
  grid-column: 2;
  width: 100%;
}
@media (max-width: 1024px) {
  .dialog-content, .mdc-layout-grid__cell--span-6-desktop.mitte {
    grid-column: 1;
    max-width: 800px;
    margin: 0 auto;
  }
}

.dialog-inner {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-xl);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
@media (max-width: 768px) {
  .dialog-inner {
    padding: var(--spacing-lg);
    border-radius: 0;
  }
}

/* ============================================
   DIALOG KOMPONENTEN
   ============================================ */
/* Dialog Header */
.dialog-header {
  margin-bottom: var(--spacing-xl);
}
.dialog-header.centered {
  text-align: center;
}
.dialog-header .dialog-title, .dialog-header .mdc-typography--headline4 {
  font-size: var(--font-size-h2);
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--spacing-lg);
}
@media (max-width: 768px) {
  .dialog-header .dialog-title, .dialog-header .mdc-typography--headline4 {
    font-size: var(--font-size-h3);
  }
}
.dialog-header .dialog-icon {
  display: block;
  margin: 0 auto var(--spacing-lg);
  max-width: 200px;
  height: auto;
}
.dialog-header .dialog-description {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

/* ============================================
   DIALOG START - Year Tag & Stepper
   ============================================ */
/* Year Tag Pill */
.dialog-year-tag {
  display: inline-block;
  font-size: var(--font-size-small);
  font-weight: 500;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: var(--spacing-lg);
}

/* Title accent color (legen wir los!) */
/* Divider */
.dialog-divider {
  width: 100%;
  border: none;
  border-top: 1px solid var(--border-gray);
  margin-bottom: var(--spacing-xl);
}

/* ── STEPPER ── */
.dialog-stepper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--spacing-xl);
  text-align: left;
}
.dialog-stepper__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}
.dialog-stepper__step:last-child .dialog-stepper__body {
  padding-bottom: 0;
}
.dialog-stepper__step--current .dialog-stepper__title {
  font-weight: 700;
  color: var(--text-primary);
  font-size: 15px;
}
.dialog-stepper__step--current .dialog-stepper__desc {
  color: var(--text-secondary);
}
.dialog-stepper__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dialog-stepper__dot {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--background-color);
  border: 1.5px solid var(--border-gray);
  color: var(--text-secondary);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.dialog-stepper__dot--active {
  color: var(--text-on-primary);
}
.dialog-stepper__connector {
  width: 1.5px;
  min-height: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--border-gray);
  margin: 4px 0;
}
.dialog-stepper__body {
  padding: 4px 0 22px;
}
.dialog-stepper__label {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 100px;
  margin-bottom: 4px;
}
.dialog-stepper__title {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-secondary);
  margin-bottom: 2px;
}
.dialog-stepper__desc {
  font-size: 13px;
  color: var(--text-disabled);
  line-height: 1.5;
}

/* VAST Badge (grün) */
.dialog-vast-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  background: #E8F5E9;
  color: #1B5E20;
  padding: 2px 9px;
  border-radius: 100px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* ── THEME MODIFIER: VAST (purple) ── */
.dialog-start--vast .dialog-year-tag {
  color: var(--primary-color);
  background: var(--primary-color-alpha-08);
}
.dialog-start--vast .dialog-title__accent {
  color: var(--primary-color);
}
.dialog-start--vast .dialog-stepper__dot--active {
  background: var(--primary-color);
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 4px var(--primary-color-alpha-15);
          box-shadow: 0 0 0 4px var(--primary-color-alpha-15);
}
.dialog-start--vast .dialog-stepper__label {
  background: var(--primary-color-alpha-08);
  color: var(--primary-color);
}
.dialog-start--vast .mdc-button--raised {
  background-color: var(--primary-color);
}

/* ── THEME MODIFIER: Ohne VAST (teal) ── */
.dialog-start--no-vast .dialog-year-tag {
  color: var(--secondary-color);
  background: rgba(13, 115, 119, 0.08);
}
.dialog-start--no-vast .dialog-title__accent {
  color: var(--secondary-color);
}
.dialog-start--no-vast .dialog-stepper__dot--active {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  -webkit-box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.15);
          box-shadow: 0 0 0 4px rgba(13, 115, 119, 0.15);
}
.dialog-start--no-vast .dialog-stepper__label {
  background: rgba(13, 115, 119, 0.08);
  color: var(--secondary-color);
}
.dialog-start--no-vast .mdc-button--raised {
  background-color: var(--secondary-color);
}

/* Dialog Actions */
.dialog-actions {
  margin: var(--spacing-xl) 0;
}
.dialog-actions.text-center {
  text-align: center;
}
.dialog-actions .mdc-button {
  margin: var(--spacing-sm);
}

/* Dialog Reset */
.dialog-reset {
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--border-gray);
}
.dialog-reset.text-center {
  text-align: center;
}
.dialog-reset .mdc-button .material-icons {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

/* ============================================
   DIALOG ENDE - Spezifische Layouts
   ============================================ */
/* Progressbar Section */
.dialog-progressbar {
  margin: var(--spacing-xl) 0;
}

/* Status Grid */
.dialog-status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
}
@media (max-width: 768px) {
  .dialog-status-grid {
    grid-template-columns: 1fr;
  }
}
.dialog-status-grid .status-column {
  background: var(--background-color);
  padding: var(--spacing-md);
  border-radius: var(--border-radius-small);
}

/* Additional Status */
.dialog-additional-status {
  margin: var(--spacing-xl) 0;
}
.dialog-additional-status .status-full-width {
  background: var(--background-color);
  padding: var(--spacing-md);
  border-radius: var(--border-radius-small);
}

/* Action Buttons Grid */
.action-buttons-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-md);
  margin: var(--spacing-xl) 0;
}
@media (max-width: 768px) {
  .action-buttons-grid {
    grid-template-columns: 1fr;
  }
}
.action-buttons-grid .action-button-wrapper.zweite {
  display: none;
}
.action-buttons-grid .action-button-wrapper.zweite.show {
  display: block;
}

/* Dialog CTA */
.dialog-cta {
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-xl);
  background: var(--primary-light);
  border-radius: var(--border-radius-medium);
}
.dialog-cta.centered {
  text-align: center;
}

/* Dialog Footer */
.dialog-footer {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--border-gray);
}
.dialog-footer.centered {
  text-align: center;
}
.dialog-footer .return-link {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.dialog-footer .return-link:hover {
  opacity: 0.7;
}

/* ============================================
   HELP DRAWER - Rechte Spalte
   ============================================ */
.help-drawer {
  grid-column: 3;
  position: sticky;
  top: var(--spacing-xl);
  align-self: start;
}
@media (max-width: 1024px) {
  .help-drawer {
    display: none;
  }
}
.help-drawer #help-wrapper {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-lg);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  position: relative;
}
.help-drawer #help-wrapper #closehelp {
  position: absolute;
  top: var(--spacing-sm);
  right: var(--spacing-sm);
}
.help-drawer #help-wrapper #help p {
  margin-bottom: var(--spacing-md);
  font-size: var(--font-size-body);
}
.help-drawer #help-wrapper #help p strong {
  font-weight: 600;
  color: var(--primary-color);
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
.centered {
  text-align: center;
}

.text-center {
  text-align: center;
}

.text-color-primary {
  color: var(--primary-color);
}

/* Partner Selection - Dialog Form Partner */
.partner.centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.partner.centered .mdc-evolution-chip-set {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: var(--spacing-md);
}
.partner.centered .mdc-evolution-chip-set__chips {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.partner.centered .mdc-icon-button.help {
  vertical-align: middle;
  margin-left: var(--spacing-xs);
}

/* ============================================
   BACKWARDS COMPATIBILITY für Migration
   ============================================ */
/* VAST Reports */
/*
 * VAST Reports: Layout & Structure
 * VAST-Berichte Layout mit Design System
 */
.vast-reports-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-lg);
}
@media (max-width: 768px) {
  .vast-reports-container {
    padding: var(--spacing-lg) var(--spacing-md);
  }
}

/* WooCommerce overrides: full-width for VAST report content */
.woocommerce-MyAccount-content:has(.vast-enhanced-report) {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  border-radius: 0;
}

.wc-account-main:has(.vast-enhanced-report) {
  max-width: none;
  padding: var(--spacing-lg, 24px);
}

.vast-reports-header {
  margin-bottom: var(--spacing-xl);
}
.vast-reports-header h2 {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}
.vast-reports-header p {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.vast-reports-empty {
  text-align: center;
  padding: var(--spacing-3xl) var(--spacing-lg);
  color: var(--text-secondary);
  font-size: var(--font-size-body);
}
.vast-reports-empty .material-icons {
  font-size: 48px;
  color: var(--text-disabled);
  margin-bottom: var(--spacing-md);
  display: block;
}
.vast-reports-empty .empty-title {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm);
}
.vast-reports-empty .empty-description {
  max-width: 400px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

/* VAST Reports Grid Layout */
.vast-reports-list {
  display: grid;
  gap: var(--spacing-lg);
  grid-template-columns: 1fr;
  /* Single column layout */
}
@media (min-width: 1024px) {
  .vast-reports-list {
    gap: var(--spacing-xl);
  }
}

/* VAST Report Card */
.vast-report-card {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  overflow: hidden;
  -webkit-transition: all var(--animation-standard) var(--easing-standard);
  transition: all var(--animation-standard) var(--easing-standard);
  border: 1px solid var(--surface-container-high);
}
.vast-report-card:hover {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-report-card .vast-report-header {
  padding: var(--spacing-lg);
  border-bottom: 1px solid var(--surface-container-high);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-md);
}
.vast-report-card .vast-report-header .vast-report-title {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}
.vast-report-card .vast-report-header .vast-report-date {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  white-space: nowrap;
}
.vast-report-card .vast-report-content {
  padding: var(--spacing-lg);
}
.vast-report-card .vast-report-content .vast-report-summary {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}
.vast-report-card .vast-report-content .vast-report-details {
  display: grid;
  gap: var(--spacing-sm);
  font-size: var(--font-size-caption);
}
.vast-report-card .vast-report-content .vast-report-details .detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-xs) 0;
}
.vast-report-card .vast-report-content .vast-report-details .detail-row .detail-label {
  color: var(--text-secondary);
}
.vast-report-card .vast-report-content .vast-report-details .detail-row .detail-value {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
}
.vast-report-card .vast-report-actions {
  padding: var(--spacing-md) var(--spacing-lg);
  border-top: 1px solid var(--surface-container-high);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.vast-report-card .vast-report-actions .btn {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-caption);
}

/* ============================================ */
/* VAST Enhanced Report System                 */
/* ============================================ */
/*
 * Design Specification for VAST Enhanced Reports
 * Based on Material Design 2 Guidelines (DESIGN-SYSTEM.md)
 *
 * Container:
 *   - Max Width: 1200px
 *   - Padding: 32px (desktop), 24px (tablet), 16px (mobile)
 *   - Background: var(--background-color) #F5F7FA
 *
 * Header:
 *   - Padding: 24px
 *   - Typography: H2 (2rem/32px), weight 500
 *   - Color: var(--text-primary) #1A1A1A
 *
 * Stats Grid:
 *   - Layout: CSS Grid, 3 columns (desktop), 1 column (mobile)
 *   - Gap: 24px
 *   - Margin Bottom: 32px
 *
 * Stat Cards:
 *   - Background: var(--surface-color) #FFFFFF
 *   - Border Radius: 12px (medium)
 *   - Padding: 20px
 *   - Shadow: var(--elevation-1)
 *   - Hover: var(--elevation-2) + translateY(-1px)
 *   - Transition: 280ms (standard)
 *
 * VAST Cards:
 *   - Background: var(--surface-color) #FFFFFF
 *   - Border Radius: 12px
 *   - Shadow: var(--elevation-1)
 *   - Margin Bottom: 24px
 *   - Border: 1px solid var(--surface-container-high)
 *
 * Card Header:
 *   - Padding: 24px
 *   - Border Bottom: 1px solid var(--surface-container-high)
 *   - Typography: H5 (1.25rem/20px), weight 600
 *
 * Card Content:
 *   - Padding: 24px
 *
 * Typography:
 *   - Headings: Ubuntu font family
 *   - Body: 1rem (16px), line-height 1.5
 *   - Caption: 0.875rem (14px), line-height 1.4
 *   - Small: 0.75rem (12px), line-height 1.3
 *
 * Colors:
 *   - Primary: #23036A
 *   - Secondary: #0D7377
 *   - Text Primary: #1A1A1A (87% opacity)
 *   - Text Secondary: #666666 (60% opacity)
 *   - Surface: #FFFFFF
 *   - Background: #F5F7FA
 *
 * Spacing Scale:
 *   - xs: 4px, sm: 8px, md: 16px, lg: 24px, xl: 32px, xxl: 48px
 */
.vast-enhanced-report {
  max-width: none;
  padding: var(--spacing-xl) var(--spacing-lg);
  background: var(--background-color);
  /* Header Section */
  /* Stats Grid Section */
  /* Individual Stat Card */
  /* Section Container */
  /* Single Column Layout for Files */
  /* Individual VAST Card */
  /* VAST Types List */
  /* Empty State */
  /* Error State */
}
@media (max-width: 768px) {
  .vast-enhanced-report {
    padding: var(--spacing-lg) var(--spacing-md);
  }
}
@media (max-width: 480px) {
  .vast-enhanced-report {
    padding: var(--spacing-md);
  }
}
.vast-enhanced-report__header {
  margin-bottom: var(--spacing-xl);
}
.vast-enhanced-report__header h2 {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}
.vast-enhanced-report__header p {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}
.vast-enhanced-report__stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}
@media (max-width: 768px) {
  .vast-enhanced-report__stats-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
}
.vast-enhanced-report__stat-card {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-lg);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  -webkit-transition: all var(--animation-standard) var(--easing-standard);
  transition: all var(--animation-standard) var(--easing-standard);
  border: 1px solid var(--surface-container-high);
}
.vast-enhanced-report__stat-card:hover {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-enhanced-report__stat-card .stat-label {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-xs);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.vast-enhanced-report__stat-card .stat-value {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  color: var(--primary-color);
  margin: 0;
  line-height: 1.2;
}
.vast-enhanced-report__stat-card .stat-description {
  font-size: var(--font-size-small);
  color: var(--text-secondary);
  margin-top: var(--spacing-xs);
  line-height: var(--line-height-relaxed);
}
.vast-enhanced-report__section {
  margin-bottom: var(--spacing-xl);
}
.vast-enhanced-report__section h3 {
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}
.vast-enhanced-report__files-single-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-lg);
}
.vast-enhanced-report__vast-card {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  overflow: hidden;
  -webkit-transition: all var(--animation-standard) var(--easing-standard);
  transition: all var(--animation-standard) var(--easing-standard);
  border: 1px solid var(--surface-container-high);
}
.vast-enhanced-report__vast-card:hover {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-enhanced-report__vast-types-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .vast-enhanced-report__vast-types-list {
    grid-template-columns: 1fr;
  }
}
.vast-enhanced-report__vast-types-list li {
  background: var(--surface-color);
  padding: var(--spacing-md);
  border-radius: var(--border-radius-small);
  border-left: 4px solid var(--secondary-color);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.vast-enhanced-report__vast-types-list li strong {
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}
.vast-enhanced-report__vast-types-list li .vast-code {
  font-family: "Courier New", monospace;
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  background: var(--background-color);
  padding: 2px 6px;
  border-radius: var(--border-radius-small);
  margin-left: var(--spacing-xs);
}
.vast-enhanced-report__empty {
  text-align: center;
  padding: var(--spacing-3xl) var(--spacing-lg);
  color: var(--text-secondary);
}
.vast-enhanced-report__empty .material-icons {
  font-size: 64px;
  color: var(--text-disabled);
  margin-bottom: var(--spacing-md);
  display: block;
}
.vast-enhanced-report__empty h3 {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm);
}
.vast-enhanced-report__empty p {
  max-width: 400px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}
.vast-enhanced-report__error {
  background: rgba(244, 67, 54, 0.1);
  border: 1px solid var(--error-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-lg);
  color: var(--error-color);
  font-size: var(--font-size-body);
  line-height: var(--line-height-relaxed);
}
.vast-enhanced-report__error strong {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: var(--font-weight-semibold);
}

/* VAST Card Components */
.vast-card-header {
  padding: var(--spacing-lg);
  border-bottom: 1px solid var(--surface-container-high);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--surface-color)), to(var(--background-color)));
  background: linear-gradient(to bottom, var(--surface-color) 0%, var(--background-color) 100%);
}
.vast-card-header h4 {
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}
.vast-card-header .vast-type-code {
  font-family: "Courier New", monospace;
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  background: var(--surface-color);
  padding: 4px 8px;
  border-radius: var(--border-radius-small);
  display: inline-block;
  margin-bottom: var(--spacing-sm);
}
.vast-card-header .file-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-md);
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  margin-top: var(--spacing-sm);
}
.vast-card-header .file-meta .meta-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
}
.vast-card-header .file-meta .meta-item .material-icons {
  font-size: 16px;
  color: var(--text-disabled);
}

.vast-card-content {
  padding: var(--spacing-lg);
}

/* VAST Data Section */
.vast-data-section {
  margin-bottom: var(--spacing-lg);
  /* Material Design Table Integration */
}
.vast-data-section:last-child {
  margin-bottom: 0;
}
.vast-data-section h5 {
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-md) 0;
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--secondary-color);
}
.vast-data-section .data-table-wrapper {
  overflow-x: auto;
  margin-top: var(--spacing-md);
}
.vast-data-section .mdc-data-table {
  width: 100%;
  border: 1px solid var(--surface-container-high);
  border-radius: var(--border-radius-small);
  overflow: hidden;
}
.vast-data-section .mdc-data-table .mdc-data-table__header-row {
  background: var(--background-color);
}
.vast-data-section .mdc-data-table .mdc-data-table__header-row .mdc-data-table__header-cell {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  font-size: var(--font-size-caption);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.vast-data-section .mdc-data-table .mdc-data-table__row:hover {
  background: rgba(13, 115, 119, 0.05);
}
.vast-data-section .mdc-data-table .mdc-data-table__row:nth-child(even) {
  background: rgba(0, 0, 0, 0.02);
}
.vast-data-section .mdc-data-table .mdc-data-table__cell {
  font-size: var(--font-size-caption);
  color: var(--text-primary);
  padding: var(--spacing-sm) var(--spacing-md);
}
.vast-data-section .mdc-data-table .mdc-data-table__cell:first-child {
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}
.vast-data-section .no-data {
  padding: var(--spacing-lg);
  text-align: center;
  color: var(--text-secondary);
  font-size: var(--font-size-caption);
  font-style: italic;
  background: var(--background-color);
  border-radius: var(--border-radius-small);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .vast-card-header .file-meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-xs);
  }

  .vast-data-section .mdc-data-table {
    font-size: var(--font-size-small);
  }
  .vast-data-section .mdc-data-table .mdc-data-table__cell {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
}
/*
 * VAST Enhanced Reports - MDC-Konforme Styles
 * Material Design 2 Komponenten für VAST Reports Seite
 * Design System: DESIGN-SYSTEM-TOOL.md (WooCommerce)
 */
/* ============================================ */
/* VAST Enhanced Report Container             */
/* ============================================ */
.vast-enhanced-report {
  /* Stat Cards - Statistics Overview */
  /* Import Cards - Individual VAST Import Display */
  /* Buttons - MDC-Compliant Button Styles */
  /* Report Details Panel */
  /* Status Badges */
  /* Responsive Behavior */
}
.vast-enhanced-report__stat-card {
  background: var(--surface-color);
  border-radius: 12px;
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  padding: var(--spacing-lg);
  -webkit-transition: all var(--animation-standard) var(--easing-standard);
  transition: all var(--animation-standard) var(--easing-standard);
  border: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
}
.vast-enhanced-report__stat-card:hover {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.vast-enhanced-report__stat-card h4 {
  font-family: var(--font-family);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm);
}
.vast-enhanced-report__stat-card .stat-value {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-bold);
  color: var(--primary-color);
  margin-bottom: var(--spacing-xs);
}
.vast-enhanced-report__stat-card .stat-label {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
}
.vast-enhanced-report__import-card {
  background: var(--surface-color);
  border-radius: 12px;
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  -webkit-transition: all var(--animation-standard) var(--easing-standard);
  transition: all var(--animation-standard) var(--easing-standard);
  border: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
  overflow: hidden;
}
.vast-enhanced-report__import-card:hover {
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-enhanced-report__import-card .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
}
.vast-enhanced-report__import-card .card-header h3 {
  font-family: var(--font-family);
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-sm);
}
.vast-enhanced-report__import-card .card-header h3 .material-symbols-outlined {
  color: var(--primary-color);
  font-size: 24px;
}
.vast-enhanced-report__import-card .card-header .import-date {
  font-size: var(--font-size-caption);
  color: var(--text-secondary);
  white-space: nowrap;
}
.vast-enhanced-report__import-card .card-content {
  font-size: var(--font-size-body);
  color: var(--text-primary);
  line-height: var(--line-height-relaxed);
}
.vast-enhanced-report__import-card .card-content p {
  margin-bottom: var(--spacing-sm);
}
.vast-enhanced-report__import-card .card-content p:last-child {
  margin-bottom: 0;
}
.vast-enhanced-report__import-card .card-content strong {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.vast-enhanced-report__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--spacing-xs);
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-medium);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-pill, 999px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  text-decoration: none;
}
.vast-enhanced-report__btn .material-symbols-outlined {
  font-size: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.vast-enhanced-report__btn--primary {
  background: var(--primary-color);
  color: var(--text-on-primary);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.vast-enhanced-report__btn--primary:hover {
  background: var(--primary-dark);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-enhanced-report__btn--primary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.vast-enhanced-report__btn--primary:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.vast-enhanced-report__btn--outlined {
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.vast-enhanced-report__btn--outlined:hover {
  background: rgba(35, 3, 106, 0.04);
  border-color: var(--primary-dark);
  color: var(--primary-dark);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-enhanced-report__btn--outlined:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: rgba(35, 3, 106, 0.08);
}
.vast-enhanced-report__btn--outlined:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.vast-enhanced-report__btn--outlined.expanded .material-symbols-outlined {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.vast-enhanced-report__btn--secondary {
  background: var(--secondary-color);
  color: var(--text-on-secondary);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
.vast-enhanced-report__btn--secondary:hover {
  background: var(--secondary-dark);
  -webkit-box-shadow: var(--elevation-2);
          box-shadow: var(--elevation-2);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.vast-enhanced-report__btn--secondary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.vast-enhanced-report__btn--secondary:focus {
  outline: 2px solid var(--secondary-color);
  outline-offset: 2px;
}
.vast-enhanced-report__btn--text {
  background: transparent;
  color: var(--primary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: var(--spacing-xs) var(--spacing-sm);
}
.vast-enhanced-report__btn--text:hover {
  background: rgba(35, 3, 106, 0.04);
}
.vast-enhanced-report__btn--text:active {
  background: rgba(35, 3, 106, 0.08);
}
.vast-enhanced-report__btn:disabled, .vast-enhanced-report__btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.vast-enhanced-report__details {
  margin-top: var(--spacing-md);
  padding: var(--spacing-md);
  background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
  border-radius: 6px;
  border-left: 4px solid var(--primary-color);
}
.vast-enhanced-report__details .details-grid {
  display: grid;
  gap: var(--spacing-sm);
  font-size: var(--font-size-caption);
}
.vast-enhanced-report__details .details-grid .detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-xs) 0;
}
.vast-enhanced-report__details .details-grid .detail-row .detail-label {
  color: var(--text-secondary);
  font-weight: var(--font-weight-regular);
}
.vast-enhanced-report__details .details-grid .detail-row .detail-value {
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  text-align: right;
}
.vast-enhanced-report__status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-large);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
}
.vast-enhanced-report__status--success {
  background: rgba(13, 115, 119, 0.1);
  color: var(--secondary-dark);
}
.vast-enhanced-report__status--success .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--secondary-color);
}
.vast-enhanced-report__status--warning {
  background: rgba(255, 152, 0, 0.1);
  color: var(--warning-color);
}
.vast-enhanced-report__status--warning .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--warning-color);
}
.vast-enhanced-report__status--error {
  background: rgba(244, 67, 54, 0.1);
  color: var(--error-color);
}
.vast-enhanced-report__status--error .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--error-color);
}
.vast-enhanced-report__status--info {
  background: rgba(33, 150, 243, 0.1);
  color: var(--info-color);
}
.vast-enhanced-report__status--info .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--info-color);
}
@media (max-width: 768px) {
  .vast-enhanced-report__import-card {
    padding: var(--spacing-md);
  }
  .vast-enhanced-report__import-card .card-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-sm);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .vast-enhanced-report__btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* ============================================ */
/* Grid Layout for Stat Cards                 */
/* ============================================ */
.vast-enhanced-report__stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}
@media (max-width: 768px) {
  .vast-enhanced-report__stats-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }
}

/* ============================================ */
/* Empty State                                 */
/* ============================================ */
.vast-enhanced-report__empty {
  text-align: center;
  padding: var(--spacing-3xl) var(--spacing-lg);
  background: var(--surface-color);
  border-radius: 12px;
}
.vast-enhanced-report__empty .material-symbols-outlined {
  font-size: 64px;
  color: var(--text-disabled);
  margin-bottom: var(--spacing-md);
  display: block;
}
.vast-enhanced-report__empty h3 {
  font-family: var(--font-family);
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin-bottom: var(--spacing-sm);
}
.vast-enhanced-report__empty p {
  font-size: var(--font-size-body);
  color: var(--text-secondary);
  max-width: 400px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

/* ============================================ */
/* Accessibility Enhancements                  */
/* ============================================ */
.vast-enhanced-report *:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .vast-enhanced-report *,
.vast-enhanced-report *::before,
.vast-enhanced-report *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
  }
}

/* ============================================ */
/* Report Page Header & Filter Selects          */
/* ============================================ */
.vast-enhanced-report .vast-report-page-header {
  margin-bottom: var(--spacing-lg, 24px);
}
.vast-enhanced-report .vast-report-page-header h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--primary-color);
  margin: 0 0 4px;
}
.vast-enhanced-report .vast-report-page-header p {
  color: var(--text-secondary);
  font-size: 14px;
  margin: 0;
}
.vast-enhanced-report .vast-report-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-xl, 32px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vast-enhanced-report .vast-report-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  min-width: 220px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 320px;
}
.vast-enhanced-report .vast-report-filter label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--text-secondary);
}
.vast-enhanced-report .vast-report-filter select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: var(--surface-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  border: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.12));
  border-radius: 8px;
  padding: 10px 36px 10px 14px;
  font-size: 14px;
  font-family: inherit;
  color: var(--text-primary);
  cursor: pointer;
  -webkit-transition: border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-box-shadow: 0 1px 3px rgba(35, 3, 106, 0.06);
          box-shadow: 0 1px 3px rgba(35, 3, 106, 0.06);
}
.vast-enhanced-report .vast-report-filter select:hover {
  border-color: var(--primary-color);
}
.vast-enhanced-report .vast-report-filter select:focus {
  outline: none;
  border-color: var(--primary-color);
  -webkit-box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.1);
          box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.1);
}
.vast-enhanced-report .vast-report-filter select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--surface-elevated, #f5f5f5);
}
.vast-enhanced-report .vast-report-filter--action {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: none;
}
.vast-enhanced-report .vast-reimport-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border: 1px solid var(--primary-color);
  border-radius: 8px;
  background: transparent;
  color: var(--primary-color);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
  white-space: nowrap;
}
.vast-enhanced-report .vast-reimport-btn .material-symbols-outlined {
  font-size: 18px;
}
.vast-enhanced-report .vast-reimport-btn:hover:not(:disabled) {
  background: var(--primary-color);
  color: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(35, 3, 106, 0.18);
          box-shadow: 0 2px 6px rgba(35, 3, 106, 0.18);
}
.vast-enhanced-report .vast-reimport-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.vast-enhanced-report .vast-reimport-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: var(--spacing-md, 16px);
  -webkit-animation: vast-notice-in 0.3s ease;
          animation: vast-notice-in 0.3s ease;
}
.vast-enhanced-report .vast-reimport-notice .material-symbols-outlined {
  font-size: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-enhanced-report .vast-reimport-notice--success {
  background: rgba(5, 150, 105, 0.08);
  border: 1px solid rgba(5, 150, 105, 0.2);
  color: var(--success-color, #059669);
}
.vast-enhanced-report .vast-reimport-notice--error {
  background: rgba(244, 67, 54, 0.08);
  border: 1px solid rgba(244, 67, 54, 0.2);
  color: var(--error-color, #dc2626);
}
@-webkit-keyframes vast-notice-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes vast-notice-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.vast-enhanced-report .vast-report-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: var(--spacing-lg, 24px);
  color: var(--text-secondary);
  font-size: 14px;
}
.vast-enhanced-report .vast-report-loading .material-icons {
  -webkit-animation: vast-spin 1.2s linear infinite;
          animation: vast-spin 1.2s linear infinite;
  font-size: 20px;
  color: var(--primary-color);
}
@-webkit-keyframes vast-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes vast-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* ============================================ */
/* Beleg-Card Design (Individual Files Report) */
/* ============================================ */
.vast-enhanced-report {
  /* ── Summary Strip ── */
  /* ── Info Bar ── */
  /* ── Section Label ── */
  /* ── Beleg Card ── */
  /* ── Sub Sections ── */
  /* ── Raw Data Table ── */
  /* ── Import Table ── */
  /* ── Responsive ── */
}
.vast-enhanced-report .summary-strip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm, 12px);
  margin-bottom: var(--spacing-lg, 28px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vast-enhanced-report .summary-chip {
  background: var(--surface-color);
  border: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
  border-radius: 8px;
  padding: 10px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs, 8px);
  font-size: var(--font-size-caption, 13px);
  color: var(--text-secondary);
  -webkit-box-shadow: 0 1px 3px rgba(35, 3, 106, 0.08), 0 4px 16px rgba(35, 3, 106, 0.04);
          box-shadow: 0 1px 3px rgba(35, 3, 106, 0.08), 0 4px 16px rgba(35, 3, 106, 0.04);
}
.vast-enhanced-report .summary-chip strong {
  font-size: 18px;
  font-weight: var(--font-weight-bold, 700);
  color: var(--primary-color);
  letter-spacing: -0.5px;
}
.vast-enhanced-report .info-bar {
  background: rgba(35, 3, 106, 0.04);
  border: 1px solid rgba(35, 3, 106, 0.08);
  border-radius: 8px;
  padding: 10px var(--spacing-md, 16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs, 8px);
  font-size: 12px;
  color: var(--primary-light, #4A2E7C);
  margin-bottom: var(--spacing-md, 16px);
}
.vast-enhanced-report .info-bar .material-icons {
  font-size: 16px;
  color: var(--primary-color);
}
.vast-enhanced-report .belege-section-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: var(--spacing-md, 16px);
  margin-top: var(--spacing-xs, 4px);
}
.vast-enhanced-report .belege-section-label h2 {
  font-size: 18px;
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary);
  margin: 0;
}
.vast-enhanced-report .belege-count-badge {
  background: var(--primary-color);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 99px;
}
.vast-enhanced-report .beleg-card {
  background: var(--surface-color);
  border: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
  border-radius: 12px;
  margin-bottom: var(--spacing-md, 16px);
  -webkit-box-shadow: 0 2px 8px rgba(35, 3, 106, 0.06), 0 8px 32px rgba(35, 3, 106, 0.04);
          box-shadow: 0 2px 8px rgba(35, 3, 106, 0.06), 0 8px 32px rgba(35, 3, 106, 0.04);
  overflow: hidden;
}
.vast-enhanced-report .beleg-card-header {
  padding: 18px 22px 14px;
  border-bottom: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--spacing-md, 16px);
}
.vast-enhanced-report .beleg-card-header h3 {
  font-size: 16px;
  font-weight: var(--font-weight-semibold, 600);
  color: var(--text-primary);
  margin: 0 0 2px 0;
}
.vast-enhanced-report .beleg-title-block {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vast-enhanced-report .beleg-category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  background: rgba(35, 3, 106, 0.06);
  color: var(--primary-light, #6D4AC8);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 3px 8px;
  border-radius: 99px;
  margin-bottom: 6px;
}
.vast-enhanced-report .beleg-meta {
  font-size: 11.5px;
  color: var(--text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vast-enhanced-report .beleg-meta .dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--text-disabled, #9CA3AF);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-enhanced-report .beleg-status-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 500;
  background: rgba(5, 150, 105, 0.08);
  color: var(--success-color, #059669);
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vast-enhanced-report .sub-section {
  padding: var(--spacing-md, 16px) 22px;
}
.vast-enhanced-report .sub-section + .sub-section {
  border-top: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
}
.vast-enhanced-report .sub-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--text-secondary);
  margin-bottom: 10px;
}
.vast-enhanced-report .raw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.vast-enhanced-report .raw-table th {
  text-align: left;
  padding: 6px 10px;
  background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
  color: var(--text-secondary);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.3px;
  border-bottom: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
}
.vast-enhanced-report .raw-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
  color: var(--text-primary);
  vertical-align: top;
}
.vast-enhanced-report .raw-table tr:last-child td {
  border-bottom: none;
}
.vast-enhanced-report .raw-table tr:hover td {
  background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
}
.vast-enhanced-report .raw-table .field-name {
  font-family: "Ubuntu Mono", monospace;
  font-size: 11px;
  color: var(--text-secondary);
  background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
  padding: 2px 6px;
  border-radius: 4px;
}
.vast-enhanced-report .raw-table .field-value {
  font-weight: 500;
  color: var(--text-primary);
}
.vast-enhanced-report .import-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.vast-enhanced-report .import-table th {
  text-align: left;
  padding: 6px 10px;
  background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
  color: var(--text-secondary);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.3px;
  border-bottom: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
}
.vast-enhanced-report .import-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
  vertical-align: middle;
}
.vast-enhanced-report .import-table tr:last-child td {
  border-bottom: none;
}
.vast-enhanced-report .import-table tr:hover td {
  background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
}
.vast-enhanced-report .field-link {
  font-family: "Ubuntu Mono", monospace;
  font-size: 11px;
  color: var(--secondary-color);
  text-decoration: none;
  background: rgba(13, 115, 119, 0.07);
  padding: 2px 6px;
  border-radius: 4px;
}
.vast-enhanced-report .field-link:hover {
  background: rgba(13, 115, 119, 0.14);
}
.vast-enhanced-report .semantic-label {
  display: inline-block;
  background: rgba(35, 3, 106, 0.06);
  color: var(--primary-light, #4A2E7C);
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 99px;
}
.vast-enhanced-report .value-pill {
  display: inline-block;
  background: var(--surface-elevated, rgba(0, 0, 0, 0.02));
  border: 1px solid var(--surface-container-high, rgba(0, 0, 0, 0.06));
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 12px;
}
.vast-enhanced-report .match-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: var(--success-color, #059669);
  font-size: 11.5px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .vast-enhanced-report .summary-strip {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vast-enhanced-report .beleg-card-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-sm, 8px);
  }
  .vast-enhanced-report .beleg-meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .vast-enhanced-report .import-table,
.vast-enhanced-report .raw-table {
    font-size: 11px;
  }
  .vast-enhanced-report .import-table th,
.vast-enhanced-report .import-table td,
.vast-enhanced-report .raw-table th,
.vast-enhanced-report .raw-table td {
    padding: 5px 6px;
  }
}

/* ============================================ */
/* Admin Combined Data Table                    */
/* ============================================ */
.beleg-mapping-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-sm, 8px);
  margin-bottom: var(--spacing-md, 16px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mapping-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}
.mapping-chip--success {
  background: rgba(5, 150, 105, 0.1);
  color: #059669;
}
.mapping-chip--warning {
  background: rgba(217, 119, 6, 0.1);
  color: #d97706;
}

.admin-combined-table {
  width: 100%;
  border-collapse: collapse;
}
.admin-combined-table thead th {
  background: var(--surface-container-high, #f5f5f5);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--on-surface-variant, #666);
  padding: 8px 12px;
  text-align: left;
  border-bottom: 2px solid var(--outline-variant, #e0e0e0);
}
.admin-combined-table tbody td {
  padding: 6px 12px;
  font-size: 13px;
  border-bottom: 1px solid var(--outline-variant, rgba(0, 0, 0, 0.08));
  vertical-align: middle;
}
.admin-combined-table tbody tr:hover {
  background: var(--surface-container-low, rgba(0, 0, 0, 0.02));
}
.admin-combined-table .field-link {
  color: var(--primary-color, #1976d2);
  text-decoration: none;
}
.admin-combined-table .field-link:hover {
  text-decoration: underline;
}
.admin-combined-table .semantic-label {
  font-size: 12px;
  color: var(--on-surface-variant, #555);
}
.admin-combined-table .match-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: var(--success-color, #059669);
}

.unmapped-separator td {
  background: rgba(217, 119, 6, 0.06);
  color: var(--warning-color, #d97706);
  font-weight: 500;
  font-size: 12px;
  padding: 10px 12px !important;
  border-top: 2px solid rgba(217, 119, 6, 0.2);
  border-bottom: 1px solid rgba(217, 119, 6, 0.2);
}

.unmapped-row td {
  background: rgba(217, 119, 6, 0.03);
}
.unmapped-row .field-name {
  color: var(--on-surface-variant, #888);
}

/* Profile Pages */
/**
 * BuddyPress Profile Layout - Clean Structure ohne MDC Grid
 * Für BuddyPress profile edit template
 */
/* ============================================
   PROFILE CONTAINER - Hauptstruktur
   ============================================ */
.profile-container, .profil-grid {
  background: var(--background-color);
  min-height: calc(100vh - 80px - 200px);
  padding: var(--spacing-xl) 0;
}
@media (max-width: 768px) {
  .profile-container, .profil-grid {
    padding: var(--spacing-lg) 0;
  }
}

/* Profile Wrapper - Ersetzt mdc-layout-grid__inner */
.profile-wrapper {
  display: grid;
  grid-template-columns: 1fr minmax(300px, 400px) 1fr minmax(600px, 900px) minmax(300px, 400px) 1fr;
  gap: var(--spacing-lg);
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}
@media (max-width: 1200px) {
  .profile-wrapper {
    grid-template-columns: 1fr minmax(250px, 300px) 1fr minmax(500px, 700px) 1fr;
    gap: var(--spacing-md);
  }
}
@media (max-width: 768px) {
  .profile-wrapper {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
    padding: 0 var(--spacing-md);
  }
}

/* ============================================
   PROFILE LAYOUT SECTIONS
   ============================================ */
/* Left Sidebar */
.profile-sidebar {
  grid-column: 2;
}
@media (max-width: 768px) {
  .profile-sidebar {
    grid-column: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.profile-sidebar .linke_spalte {
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-lg);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
@media (max-width: 768px) {
  .profile-sidebar .linke_spalte {
    padding: var(--spacing-md);
  }
}

/* Main Content Area */
.profile-main {
  grid-column: 4;
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-xl);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
}
@media (max-width: 768px) {
  .profile-main {
    grid-column: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 768px) {
  .profile-main {
    padding: var(--spacing-lg);
    border-radius: var(--border-radius-small);
  }
}

/* Right Sidebar */
.profile-sidebar-right {
  grid-column: 5;
  background: var(--surface-color);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-lg);
  -webkit-box-shadow: var(--elevation-1);
          box-shadow: var(--elevation-1);
  position: sticky;
  top: var(--spacing-xl);
  align-self: start;
}
@media (max-width: 768px) {
  .profile-sidebar-right {
    display: none;
  }
}

/* ============================================
   PROFILE ACTIONS GRID - Bottom Section
   ============================================ */
.profile-actions-grid {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: var(--spacing-lg);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--border-gray);
}
@media (max-width: 768px) {
  .profile-actions-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
    text-align: center;
  }
}

/* Progress Bar Section */
.profile-progressbar-section {
  grid-column: 1/-1;
  margin-bottom: var(--spacing-lg);
}
@media (max-width: 768px) {
  .profile-progressbar-section {
    grid-column: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.profile-progressbar-section .mdc-linear-progress {
  width: 100%;
  margin-bottom: var(--spacing-sm);
}

/* Spacer Column - Hidden on mobile */
@media (max-width: 768px) {
  .profile-spacer-column {
    display: none;
  }
}

/* Action Buttons */
.profile-action-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 768px) {
  .profile-action-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: var(--spacing-md);
  }
}
.profile-action-button .mdc-button {
  margin-left: var(--spacing-sm);
}
@media (max-width: 768px) {
  .profile-action-button .mdc-button {
    margin: 0;
    width: 100%;
    max-width: 300px;
  }
}

/* ============================================
   SPECIAL COMPONENTS
   ============================================ */
/* Tool Menu Box */
.tool_menu_box {
  position: sticky;
  top: var(--spacing-xl);
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
@media (max-width: 768px) {
  .tool_menu_box {
    position: static;
    max-height: none;
    overflow-y: visible;
  }
}

/* Loading Banner - Material Design */
#loading-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(35, 3, 106, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#loading-banner .overlay {
  background: var(--surface-color, #ffffff);
  padding: var(--spacing-xl, 32px) var(--spacing-xxl, 48px);
  border-radius: var(--border-radius-large, 16px);
  -webkit-box-shadow: 0 24px 48px rgba(35, 3, 106, 0.25), 0 8px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 24px 48px rgba(35, 3, 106, 0.25), 0 8px 16px rgba(0, 0, 0, 0.1);
  text-align: center;
  min-width: 280px;
  max-width: 400px;
  -webkit-animation: loadingFadeIn 0.3s ease-out;
          animation: loadingFadeIn 0.3s ease-out;
}
#loading-banner .overlay .spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-lg, 24px);
}
#loading-banner .overlay .spinner::before {
  content: "";
  width: 48px;
  height: 48px;
  border: 4px solid rgba(35, 3, 106, 0.15);
  border-top-color: var(--primary-color, #23036A);
  border-radius: 50%;
  -webkit-animation: loadingSpinner 0.8s linear infinite;
          animation: loadingSpinner 0.8s linear infinite;
}
#loading-banner .overlay .spinner p {
  margin: 0;
  color: var(--text-primary, #1A1A1A);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}

@-webkit-keyframes loadingSpinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loadingSpinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(-10px);
            transform: scale(0.95) translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
@keyframes loadingFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95) translateY(-10px);
            transform: scale(0.95) translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
  }
}
/* ============================================
   BACKWARDS COMPATIBILITY
   ============================================ */
/* ============================================
   MOBILE OPTIMIZATION
   ============================================ */
@media (max-width: 480px) {
  .profile-container, .profil-grid {
    padding: var(--spacing-md) 0;
  }

  .profile-wrapper {
    padding: 0 var(--spacing-sm);
  }

  .profile-main {
    padding: var(--spacing-md);
    border-radius: 0;
    margin: 0 calc(-1 * var(--spacing-sm));
  }

  .profile-sidebar .linke_spalte {
    padding: var(--spacing-md);
    border-radius: var(--border-radius-small);
  }
}
/* Checkout Pages */
/*
 * Steuererklärung prüfen — Redesign nach Entwurf 2026-04-25 (Issue #1329)
 * Namespace: co-pc-* (checkout / pruefen-check)
 *
 * 3 Zustände: trigger | error | success
 * Mobile-first, responsive bis Desktop
 */
.co-pc {
  --pc-primary: #23036A;
  --pc-primary-dark: #1A0250;
  --pc-secondary: #0D7377;
  --pc-error: #F44336;
  --pc-error-bg: #FFF5F5;
  --pc-error-border: #FFCDD2;
  --pc-success: #0D7377;
  --pc-success-bg: #F0FAF8;
  --pc-success-border: #B2DFDB;
  --pc-surface: #FFFFFF;
  --pc-text-primary: #1A1A1A;
  --pc-text-secondary: #666666;
  --pc-text-hint: #9E9E9E;
  --pc-divider: #EEEEEE;
  --pc-elev-2: 0 4px 10px rgba(0,0,0,0.09);
  --pc-radius-md: 12px;
  --pc-radius-pill: 999px;
  padding: 20px 16px 40px;
  max-width: 860px;
  margin: 0 auto;
  font-family: "Ubuntu", sans-serif;
  color: var(--pc-text-primary);
  /* SCREEN 1: Trigger */
  /* Buttons */
  /* Loading */
  /* Status Banner */
  /* Error List */
  /* Action-Gruppe Desktop: Info + Bearbeiten nebeneinander */
  /* Info-Button (Desktop) — kreisförmig, neutral, weniger prominent als Bearbeiten */
  /* Info-Icon-Button (Mobile) — neutraler Style, links neben Edit-Icon */
  /* Success Checklist */
  /* Action Row */
}
@media (min-width: 600px) {
  .co-pc {
    padding: 32px 24px 56px;
  }
}
@media (min-width: 900px) {
  .co-pc {
    padding: 40px 32px 64px;
  }
}
.co-pc__card {
  background: var(--pc-surface);
  border-radius: var(--pc-radius-md);
  -webkit-box-shadow: var(--pc-elev-2);
          box-shadow: var(--pc-elev-2);
  overflow: hidden;
}
.co-pc__card + .co-pc__card {
  margin-top: 16px;
}
.co-pc__screen {
  display: none;
}
.co-pc__screen--active {
  display: block;
}
.co-pc__hero {
  padding: 28px 20px 24px;
  text-align: center;
}
.co-pc__hero h1 {
  font-size: 24px;
  font-weight: 700;
  color: var(--pc-text-primary);
  margin: 0 0 10px;
  line-height: 1.25;
}
.co-pc__hero p {
  font-size: 15px;
  color: var(--pc-text-secondary);
  line-height: 1.6;
  max-width: 480px;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .co-pc__hero {
    padding: 36px 32px 28px;
  }
  .co-pc__hero h1 {
    font-size: 30px;
  }
  .co-pc__hero p {
    font-size: 17px;
  }
}
.co-pc__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 16px 16px 20px;
  border-top: 1px solid var(--pc-divider);
}
@media (min-width: 640px) {
  .co-pc__tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding: 20px 24px 28px;
  }
}
.co-pc__tile {
  background: #F8F9FC;
  border-radius: 10px;
  border: 1px solid #ECEDF2;
  padding: 14px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}
@media (min-width: 640px) {
  .co-pc__tile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 20px 16px;
  }
}
.co-pc__tile-icon {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  background: rgba(35, 3, 106, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--pc-primary);
}
.co-pc__tile-icon .material-symbols-outlined,
.co-pc__tile-icon .material-icons {
  font-size: 22px;
}
.co-pc__tile-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.co-pc__tile-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--pc-text-primary);
  line-height: 1.3;
  margin-bottom: 3px;
}
@media (min-width: 640px) {
  .co-pc__tile-title {
    font-size: 16px;
  }
}
.co-pc__tile-desc {
  font-size: 14px;
  color: var(--pc-text-secondary);
  line-height: 1.5;
}
.co-pc__cta {
  margin-top: 16px;
  background: var(--pc-surface);
  border-radius: var(--pc-radius-md);
  -webkit-box-shadow: var(--pc-elev-2);
          box-shadow: var(--pc-elev-2);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 600px) {
  .co-pc__cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px 28px;
    gap: 24px;
  }
}
.co-pc__cta-text h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--pc-text-primary);
  margin: 0 0 4px;
}
.co-pc__cta-text p {
  font-size: 14px;
  color: var(--pc-text-secondary);
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 600px) {
  .co-pc__cta-text h3 {
    font-size: 18px;
  }
  .co-pc__cta-text p {
    font-size: 15px;
  }
}
.co-pc__btn {
  font-family: "Ubuntu", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  border: none;
  border-radius: var(--pc-radius-pill);
  padding: 14px 24px;
  min-height: 52px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 480px) {
  .co-pc__btn {
    width: auto;
  }
}
.co-pc__btn .material-symbols-outlined,
.co-pc__btn .material-icons {
  font-size: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.co-pc__btn--primary {
  background: var(--pc-primary);
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(35, 3, 106, 0.28);
          box-shadow: 0 4px 12px rgba(35, 3, 106, 0.28);
}
.co-pc__btn--primary:hover {
  background: var(--pc-primary-dark);
  -webkit-box-shadow: 0 6px 18px rgba(35, 3, 106, 0.38);
          box-shadow: 0 6px 18px rgba(35, 3, 106, 0.38);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  color: #fff;
}
.co-pc__btn--primary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.co-pc__btn--outlined {
  background: transparent;
  color: var(--pc-primary);
  border: 2px solid rgba(35, 3, 106, 0.35);
}
.co-pc__btn--outlined:hover {
  background: rgba(35, 3, 106, 0.05);
  border-color: var(--pc-primary);
  color: var(--pc-primary);
}
.co-pc__loading {
  display: none;
  text-align: center;
  padding: 60px 20px;
}
.co-pc__loading--active {
  display: block;
}
.co-pc__spinner {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(35, 3, 106, 0.15);
  border-top-color: var(--pc-primary);
  border-radius: 50%;
  margin: 0 auto 16px;
  -webkit-animation: pc-spin 0.8s linear infinite;
          animation: pc-spin 0.8s linear infinite;
}
@-webkit-keyframes pc-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes pc-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.co-pc__loading-text {
  font-size: 15px;
  color: var(--pc-text-secondary);
}
.co-pc__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
  border-radius: var(--pc-radius-md);
  padding: 16px;
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  .co-pc__banner {
    padding: 18px 22px;
    gap: 16px;
  }
}
.co-pc__banner--error {
  background: var(--pc-error-bg);
  border: 1px solid var(--pc-error-border);
  border-left: 4px solid var(--pc-error);
}
.co-pc__banner--success {
  background: var(--pc-success-bg);
  border: 1px solid var(--pc-success-border);
  border-left: 4px solid var(--pc-success);
}
.co-pc__banner--info {
  background: rgba(35, 3, 106, 0.04);
  border: 1px solid rgba(35, 3, 106, 0.15);
  border-left: 4px solid var(--pc-primary);
}
.co-pc__banner-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.co-pc__banner-icon .material-symbols-outlined,
.co-pc__banner-icon .material-icons {
  font-size: 22px;
}
.co-pc__banner--error .co-pc__banner-icon {
  background: #FFEBEE;
  color: var(--pc-error);
}
.co-pc__banner--success .co-pc__banner-icon {
  background: #E0F2F1;
  color: var(--pc-success);
}
.co-pc__banner--info .co-pc__banner-icon {
  background: rgba(35, 3, 106, 0.1);
  color: var(--pc-primary);
}
.co-pc__banner-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.co-pc__banner-body h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
  line-height: 1.3;
}
@media (min-width: 600px) {
  .co-pc__banner-body h2 {
    font-size: 17px;
  }
}
.co-pc__banner--error .co-pc__banner-body h2 {
  color: #B71C1C;
}
.co-pc__banner--success .co-pc__banner-body h2 {
  color: #004D40;
}
.co-pc__banner-body p {
  font-size: 14px;
  color: var(--pc-text-secondary);
  line-height: 1.5;
  margin: 0;
}
.co-pc__banner-chip {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: var(--pc-radius-pill);
  border: 1.5px solid;
  white-space: nowrap;
  display: none;
}
@media (min-width: 480px) {
  .co-pc__banner-chip {
    display: inline-block;
  }
}
.co-pc__banner--error .co-pc__banner-chip {
  background: #FFEBEE;
  color: #B71C1C;
  border-color: #FFCDD2;
}
.co-pc__banner--success .co-pc__banner-chip {
  background: #E0F2F1;
  color: #004D40;
  border-color: #B2DFDB;
}
.co-pc__list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--pc-divider);
}
@media (min-width: 600px) {
  .co-pc__list-header {
    padding: 16px 20px;
  }
}
.co-pc__list-header .material-symbols-outlined,
.co-pc__list-header .material-icons {
  font-size: 20px;
  color: var(--pc-error);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.co-pc__list-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--pc-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 600px) {
  .co-pc__list-title {
    font-size: 15px;
  }
}
.co-pc__list-count {
  margin-left: auto;
  font-size: 12px;
  color: var(--pc-text-hint);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 480px) {
  .co-pc__list-count {
    font-size: 13px;
  }
}
.co-pc__table {
  width: 100%;
  border-collapse: collapse;
  display: none;
}
@media (min-width: 680px) {
  .co-pc__table {
    display: table;
  }
}
.co-pc__table thead {
  background: #F8F9FB;
}
.co-pc__table th {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: #AAAAAA;
  padding: 10px 16px;
  text-align: left;
  border-bottom: 1px solid var(--pc-divider);
}
.co-pc__table th:last-child {
  text-align: right;
}
.co-pc__table td {
  padding: 13px 16px;
  font-size: 14px;
  border-bottom: 1px solid #F5F5F5;
  vertical-align: middle;
  color: var(--pc-text-secondary);
}
.co-pc__table tr:last-child td {
  border-bottom: none;
}
.co-pc__table tbody tr:hover {
  background: #FAFBFF;
}
.co-pc__table td.co-pc__td-form {
  color: var(--pc-primary);
  font-weight: 500;
}
.co-pc__table td.co-pc__td-form a {
  color: inherit;
  text-decoration: none;
}
.co-pc__table td.co-pc__td-form a:hover {
  text-decoration: underline;
}
.co-pc__table td.co-pc__td-form--empty {
  color: var(--pc-text-hint);
}
.co-pc__table td:last-child {
  text-align: right;
  padding-right: 14px;
}
.co-pc__edit-btn {
  font-family: "Ubuntu", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--pc-primary);
  background: none;
  border: 1.5px solid rgba(35, 3, 106, 0.25);
  border-radius: var(--pc-radius-pill);
  padding: 6px 14px;
  min-height: 36px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  white-space: nowrap;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.co-pc__edit-btn .material-symbols-outlined,
.co-pc__edit-btn .material-icons {
  font-size: 15px;
}
.co-pc__edit-btn:hover {
  background: var(--pc-primary);
  color: #fff;
  border-color: var(--pc-primary);
}
.co-pc__edit-btn:active {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}
.co-pc__action-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.co-pc__info-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: none;
  border: 1.5px solid rgba(35, 3, 106, 0.18);
  color: var(--pc-text-secondary);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}
.co-pc__info-btn .material-symbols-outlined,
.co-pc__info-btn .material-icons {
  font-size: 18px;
}
.co-pc__info-btn:hover {
  background: rgba(35, 3, 106, 0.06);
  border-color: rgba(35, 3, 106, 0.35);
  color: var(--pc-primary);
}
.co-pc__info-btn:active {
  -webkit-transform: scale(0.93);
          transform: scale(0.93);
}
.co-pc__cards {
  display: block;
}
@media (min-width: 680px) {
  .co-pc__cards {
    display: none;
  }
}
.co-pc__card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #F5F5F5;
  min-height: 64px;
}
.co-pc__card-row:last-child {
  border-bottom: none;
}
.co-pc__card-row:active {
  background: #FAFBFF;
}
.co-pc__card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.co-pc__card-form {
  font-size: 12px;
  font-weight: 500;
  color: var(--pc-primary);
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.co-pc__card-form--empty {
  color: var(--pc-text-hint);
}
.co-pc__card-form a {
  color: inherit;
  text-decoration: none;
}
.co-pc__card-field {
  font-size: 15px;
  font-weight: 500;
  color: var(--pc-text-primary);
  line-height: 1.35;
}
.co-pc__edit-btn-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1.5px solid rgba(35, 3, 106, 0.2);
  background: none;
  color: var(--pc-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.co-pc__edit-btn-icon .material-symbols-outlined,
.co-pc__edit-btn-icon .material-icons {
  font-size: 20px;
}
.co-pc__edit-btn-icon:active {
  background: rgba(35, 3, 106, 0.08);
  -webkit-transform: scale(0.93);
          transform: scale(0.93);
}
.co-pc__info-btn-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  background: none;
  color: var(--pc-text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.18s;
  transition: all 0.18s;
  -webkit-tap-highlight-color: transparent;
}
.co-pc__info-btn-icon .material-symbols-outlined,
.co-pc__info-btn-icon .material-icons {
  font-size: 20px;
}
.co-pc__info-btn-icon:active {
  background: rgba(0, 0, 0, 0.05);
  -webkit-transform: scale(0.93);
          transform: scale(0.93);
}
.co-pc__check-list {
  padding: 18px 16px;
}
@media (min-width: 600px) {
  .co-pc__check-list {
    padding: 20px 24px;
  }
}
.co-pc__check-list-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--pc-text-hint);
  text-transform: uppercase;
  letter-spacing: 0.7px;
  margin-bottom: 14px;
}
.co-pc__check-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--pc-divider);
  min-height: 52px;
}
.co-pc__check-row:last-child {
  border-bottom: none;
}
.co-pc__check-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--pc-success-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.co-pc__check-dot .material-symbols-outlined,
.co-pc__check-dot .material-icons {
  font-size: 16px;
  color: var(--pc-success);
}
.co-pc__check-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 15px;
  font-weight: 500;
  color: var(--pc-text-primary);
}
.co-pc__check-tag {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--pc-success);
  background: var(--pc-success-bg);
  border: 1px solid var(--pc-success-border);
  padding: 4px 10px;
  border-radius: var(--pc-radius-pill);
  white-space: nowrap;
}
.co-pc__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.co-pc__actions .co-pc__btn--primary {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.co-pc__actions .co-pc__btn--outlined {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 480px) {
  .co-pc__actions {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .co-pc__actions .co-pc__btn--outlined {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .co-pc__actions .co-pc__btn--primary {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.co-pc__admin-xml {
  margin-top: 24px;
  padding: 16px;
  background: #1a1a2e;
  border-radius: 8px;
  color: #a8b2d1;
  font-family: monospace;
  font-size: 12px;
}
.co-pc__admin-xml h3 {
  color: #e94560;
  margin: 0 0 12px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

/**
 * Multi-Step Checkout Styles - Taxtastic Design
 *
 * Matches the design mockups:
 * - Step 1: Billing Address (03-checkout-adresse.html)
 * - Step 2: Payment Method (04-checkout-zahlung.html)
 * - Step 3: Payment Details (05-checkout-kreditkarte.html)
 *
 * Uses tx-checkout namespace (Taxtastic Checkout)
 *
 * @package Taxtastic
 */
.tx-checkout {
  background: #F8F9FA;
  min-height: calc(100vh - 80px);
  padding: 40px 24px;
}
@media (max-width: 768px) {
  .tx-checkout {
    padding: 24px 16px;
  }
}

.tx-checkout__container {
  max-width: 900px;
  margin: 0 auto;
}

.tx-checkout__header {
  text-align: center;
  margin-bottom: 40px;
}

.tx-checkout__title {
  font-family: "Ubuntu", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #000000;
  margin: 0 0 16px 0;
}
@media (max-width: 768px) {
  .tx-checkout__title {
    font-size: 1.75rem;
  }
}

.tx-checkout__subtitle {
  font-size: 1.125rem;
  color: #666666;
  margin: 0;
}

.tx-checkout__card {
  background: #FFFFFF;
  border-radius: 24px;
  padding: 40px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
@media (max-width: 768px) {
  .tx-checkout__card {
    padding: 24px;
    border-radius: 16px;
  }
}

.tx-checkout__section-title {
  font-family: "Ubuntu", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #23036A;
  margin: 0 0 24px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #E5E5E5;
}
.tx-checkout__section-title:not(:first-of-type) {
  margin-top: 32px;
}

.tx-checkout__form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .tx-checkout__form-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.tx-checkout__form-grid--full {
  grid-template-columns: 1fr;
}

.tx-checkout__field-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tx-checkout__field-label {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 8px;
}
.tx-checkout__field-label > span:first-child {
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
}

.tx-checkout__label-subtext {
  font-size: 0.85rem;
  font-weight: 300;
  color: #666666;
  margin-top: 3px;
}

.tx-checkout__input {
  height: 44px;
  padding: 10px 14px;
  border: 1.5px solid #E5E5E5;
  border-radius: 8px;
  font-family: "Ubuntu", sans-serif;
  font-size: 1rem;
  color: #000000;
  background: #FFFFFF;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tx-checkout__input::-webkit-input-placeholder {
  color: #999;
}
.tx-checkout__input::-moz-placeholder {
  color: #999;
}
.tx-checkout__input:-ms-input-placeholder {
  color: #999;
}
.tx-checkout__input::-ms-input-placeholder {
  color: #999;
}
.tx-checkout__input::placeholder {
  color: #999;
}
.tx-checkout__input:focus {
  outline: none;
  border-color: #0D7377;
  -webkit-box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
          box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
}
.tx-checkout__input--error {
  border-color: #f44336;
}
.tx-checkout__input--error:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1);
          box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1);
}

.tx-checkout__payment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}

.tx-checkout__payment-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 2px solid #E5E5E5;
  border-radius: 12px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tx-checkout__payment-option:hover {
  border-color: rgba(35, 3, 106, 0.3);
  background: rgba(35, 3, 106, 0.02);
}
.tx-checkout__payment-option--selected {
  border-color: #23036A;
  background: rgba(35, 3, 106, 0.05);
  -webkit-box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.1);
          box-shadow: 0 0 0 3px rgba(35, 3, 106, 0.1);
}
.tx-checkout__payment-option--selected .tx-checkout__payment-radio {
  border-color: #23036A;
}
.tx-checkout__payment-option--selected .tx-checkout__payment-radio-inner {
  -webkit-transform: scale(1);
          transform: scale(1);
  background: #23036A;
}

.tx-checkout__payment-radio {
  width: 24px;
  height: 24px;
  border: 2px solid #E5E5E5;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}

.tx-checkout__payment-radio-inner {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #23036A;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.tx-checkout__payment-icon {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F8F9FA;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tx-checkout__payment-icon .material-icons {
  font-size: 24px;
  color: #23036A;
}

.tx-checkout__payment-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tx-checkout__payment-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 4px;
}

.tx-checkout__payment-description {
  font-size: 0.875rem;
  color: #666666;
}

.tx-checkout__payment-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tx-checkout__summary-box {
  background: #F8F9FA;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 32px;
}

.tx-checkout__summary-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
  font-size: 1rem;
  color: #666666;
  border-bottom: 1px solid #E5E5E5;
}
.tx-checkout__summary-row:last-child {
  border-bottom: none;
}
.tx-checkout__summary-row--total {
  font-size: 1.25rem;
  font-weight: 700;
  color: #000000;
  padding-top: 16px;
  margin-top: 8px;
  border-top: 2px solid #E5E5E5;
  border-bottom: none;
}

.tx-checkout__total-box {
  background: linear-gradient(135deg, #23036A 0%, #1A0250 100%);
  border-radius: 24px;
  padding: 32px;
  text-align: center;
  color: #fff;
  margin-bottom: 32px;
}

.tx-checkout__total-label {
  font-size: 1rem;
  opacity: 0.9;
  margin-bottom: 8px;
}

.tx-checkout__total-amount {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .tx-checkout__total-amount {
    font-size: 2.5rem;
  }
}

.tx-checkout__total-product {
  font-size: 1rem;
  opacity: 0.8;
}

.tx-checkout__security-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: rgba(13, 115, 119, 0.1);
  border-radius: 24px;
  font-size: 0.875rem;
  color: #0D7377;
  margin-top: 16px;
}
.tx-checkout__security-badge .material-icons {
  font-size: 1.125rem;
}

.tx-checkout__payment-form {
  margin-bottom: 24px;
}

.tx-checkout__gateway-form {
  padding: 24px;
  background: #F8F9FA;
  border-radius: 12px;
}
.tx-checkout__gateway-form .wc-stripe-elements-field,
.tx-checkout__gateway-form .StripeElement,
.tx-checkout__gateway-form #wc-stripe-card-element {
  padding: 14px;
  background: #FFFFFF;
  border: 1.5px solid #E5E5E5;
  border-radius: 8px;
  margin-bottom: 16px;
}
.tx-checkout__gateway-form .wc-stripe-elements-field.StripeElement--focus,
.tx-checkout__gateway-form .StripeElement.StripeElement--focus,
.tx-checkout__gateway-form #wc-stripe-card-element.StripeElement--focus {
  border-color: #0D7377;
  -webkit-box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
          box-shadow: 0 0 0 3px rgba(13, 115, 119, 0.1);
}
.tx-checkout__gateway-form .wc-stripe-elements-field.StripeElement--invalid,
.tx-checkout__gateway-form .StripeElement.StripeElement--invalid,
.tx-checkout__gateway-form #wc-stripe-card-element.StripeElement--invalid {
  border-color: #f44336;
}
.tx-checkout__gateway-form #ppcp-hosted-fields,
.tx-checkout__gateway-form .ppcp-button-apm {
  margin-top: 16px;
}

.tx-checkout__terms {
  margin: 32px 0;
  padding: 20px 24px;
  background: #F8F9FA;
  border-radius: 12px;
  border: 1px solid #E5E5E5;
}
.tx-checkout__terms .tx-checkout__terms-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  cursor: pointer;
  font-size: 0.9375rem;
  color: #000000;
  line-height: 1.5;
}
.tx-checkout__terms .tx-checkout__terms-label input[type=checkbox] {
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-top: 2px;
  accent-color: #23036A;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tx-checkout__terms .tx-checkout__terms-label input[type=checkbox]:focus {
  outline: 2px solid #0D7377;
  outline-offset: 2px;
}
.tx-checkout__terms .tx-checkout__terms-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tx-checkout__terms .tx-checkout__terms-text a {
  color: #23036A;
  text-decoration: underline;
  font-weight: 500;
}
.tx-checkout__terms .tx-checkout__terms-text a:hover {
  color: #1A0250;
}
.tx-checkout__terms .tx-checkout__terms-text .required {
  color: #f44336;
  font-weight: 600;
}
.tx-checkout__terms .woocommerce-terms-and-conditions-wrapper .form-row {
  margin: 0;
  padding: 0;
}
.tx-checkout__terms .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  cursor: pointer;
  font-size: 0.9375rem;
  color: #000000;
  line-height: 1.5;
}
.tx-checkout__terms .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox input[type=checkbox] {
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-top: 2px;
  accent-color: #23036A;
  cursor: pointer;
}
.tx-checkout__terms .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox input[type=checkbox]:focus {
  outline: 2px solid #0D7377;
  outline-offset: 2px;
}
.tx-checkout__terms .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tx-checkout__terms .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .required {
  color: #f44336;
  font-weight: 600;
}
.tx-checkout__terms .woocommerce-privacy-policy-text {
  font-size: 0.875rem;
  color: #666666;
  margin-bottom: 16px;
  line-height: 1.5;
}
.tx-checkout__terms a {
  color: #23036A;
  text-decoration: underline;
  font-weight: 500;
}
.tx-checkout__terms a:hover {
  color: #1A0250;
}

.tx-checkout__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .tx-checkout__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.tx-checkout__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 12px;
  font-family: "Ubuntu", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tx-checkout__btn .material-icons {
  font-size: 1.25rem;
}
.tx-checkout__btn--primary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #23036A;
  color: #fff;
}
.tx-checkout__btn--primary:hover {
  background: #1A0250;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(35, 3, 106, 0.3);
          box-shadow: 0 4px 12px rgba(35, 3, 106, 0.3);
}
.tx-checkout__btn--secondary {
  background: #FFFFFF;
  color: #23036A;
  border: 2px solid #E5E5E5;
}
.tx-checkout__btn--secondary:hover {
  background: #F8F9FA;
  border-color: #23036A;
}
.tx-checkout__btn--pay {
  background: #0D7377;
  min-height: 56px;
  font-size: 1.125rem;
}
.tx-checkout__btn--pay:hover {
  background: #094f52;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);
          box-shadow: 0 4px 12px rgba(13, 115, 119, 0.3);
}
.tx-checkout__btn:disabled, .tx-checkout__btn.loading {
  opacity: 0.6;
  pointer-events: none;
}

.tx-checkout__notice {
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 24px;
  font-size: 0.9375rem;
}
.tx-checkout__notice--error {
  background: #ffebee;
  border-left: 4px solid #f44336;
  color: #c62828;
}
.tx-checkout__notice--info {
  background: #e3f2fd;
  border-left: 4px solid #23036A;
  color: #1A0250;
}
.tx-checkout__notice--success {
  background: #e8f5e9;
  border-left: 4px solid #4caf50;
  color: #2e7d32;
}

.tx-checkout__form .col2-set {
  display: block;
  width: 100%;
}
.tx-checkout__form .col2-set .col-1,
.tx-checkout__form .col2-set .col-2 {
  width: 100%;
  float: none;
}
.tx-checkout__form .woocommerce-billing-fields h3,
.tx-checkout__form .woocommerce-shipping-fields,
.tx-checkout__form .woocommerce-additional-fields,
.tx-checkout__form #order_review_heading,
.tx-checkout__form .woocommerce-checkout-review-order-table {
  display: none;
}
.tx-checkout__form #billing_country_field {
  display: none;
}

.woocommerce-error {
  background: #ffebee;
  border-left: 4px solid #f44336;
  padding: 16px 20px;
  margin-bottom: 24px;
  border-radius: 8px;
  list-style: none;
}
.woocommerce-error li {
  color: #c62828;
  font-size: 0.9375rem;
}

.woocommerce-info {
  background: #e3f2fd;
  border-left: 4px solid #23036A;
  padding: 16px 20px;
  margin-bottom: 24px;
  border-radius: 8px;
  color: #1A0250;
}

@media (max-width: 600px) {
  .tx-checkout__title {
    font-size: 1.5rem;
  }

  .tx-checkout__card {
    padding: 20px;
  }

  .tx-checkout__section-title {
    font-size: 1.125rem;
  }

  .tx-checkout__total-amount {
    font-size: 2rem;
  }

  .tx-checkout__btn {
    padding: 14px 24px;
    font-size: 0.9375rem;
  }

  .tx-checkout__payment-option {
    padding: 16px;
  }

  .tx-checkout__payment-icon {
    width: 40px;
    height: 40px;
  }
  .tx-checkout__payment-icon .material-icons {
    font-size: 20px;
  }
}
/**
 * Thank You Page Styles - Taxtastic Design
 *
 * Matches the design mockup: 06-bestellbestaetigung.html
 *
 * @package Taxtastic
 */
.tx-thankyou {
  background: #F8F9FA;
  min-height: calc(100vh - 80px);
  padding: 60px 24px;
}
@media (max-width: 768px) {
  .tx-thankyou {
    padding: 40px 16px;
  }
}

.tx-thankyou__container {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.tx-thankyou__success-icon {
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 32px;
  -webkit-box-shadow: 0 8px 32px rgba(76, 175, 80, 0.3);
          box-shadow: 0 8px 32px rgba(76, 175, 80, 0.3);
  -webkit-animation: tx-scaleIn 0.5s ease-out;
          animation: tx-scaleIn 0.5s ease-out;
}
.tx-thankyou__success-icon .material-icons {
  font-size: 72px;
  color: #fff;
}
@media (max-width: 768px) {
  .tx-thankyou__success-icon {
    width: 100px;
    height: 100px;
  }
  .tx-thankyou__success-icon .material-icons {
    font-size: 56px;
  }
}

.tx-thankyou__error-icon {
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #f44336 0%, #ea1c0d 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 32px;
  -webkit-box-shadow: 0 8px 32px rgba(244, 67, 54, 0.3);
          box-shadow: 0 8px 32px rgba(244, 67, 54, 0.3);
  -webkit-animation: tx-scaleIn 0.5s ease-out;
          animation: tx-scaleIn 0.5s ease-out;
}
.tx-thankyou__error-icon .material-icons {
  font-size: 72px;
  color: #fff;
}

@-webkit-keyframes tx-scaleIn {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes tx-scaleIn {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.tx-thankyou__title {
  font-family: "Ubuntu", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
  margin: 0 0 16px 0;
}
.tx-thankyou__title--error {
  color: #f44336;
}
@media (max-width: 768px) {
  .tx-thankyou__title {
    font-size: 1.75rem;
  }
}

.tx-thankyou__message {
  font-size: 1.25rem;
  color: #666666;
  line-height: 1.6;
  margin: 0 0 40px 0;
}
@media (max-width: 768px) {
  .tx-thankyou__message {
    font-size: 1.125rem;
    margin-bottom: 32px;
  }
}

.tx-thankyou__card {
  background: #FFFFFF;
  border-radius: 24px;
  padding: 40px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: left;
}
@media (max-width: 768px) {
  .tx-thankyou__card {
    padding: 24px;
    border-radius: 16px;
  }
}

.tx-thankyou__order-number {
  background: #F8F9FA;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  margin-bottom: 32px;
}

.tx-thankyou__order-number-label {
  font-size: 0.95rem;
  color: #666666;
  margin-bottom: 8px;
}

.tx-thankyou__order-number-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #23036A;
}
@media (max-width: 768px) {
  .tx-thankyou__order-number-value {
    font-size: 1.25rem;
  }
}

.tx-thankyou__details {
  margin-bottom: 32px;
}

.tx-thankyou__detail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #E5E5E5;
}
.tx-thankyou__detail-row:last-child {
  border-bottom: none;
}
.tx-thankyou__detail-row--total {
  padding-top: 20px;
  margin-top: 8px;
  border-top: 2px solid #E5E5E5;
  border-bottom: none;
}
@media (max-width: 480px) {
  .tx-thankyou__detail-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
  }
}

.tx-thankyou__detail-label {
  font-size: 1rem;
  color: #666666;
}

.tx-thankyou__detail-value {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
}
.tx-thankyou__detail-value--total {
  color: #23036A;
  font-size: 1.25rem;
}

.tx-thankyou__info-box {
  background: #E8F5F6;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 32px;
}

.tx-thankyou__info-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0D7377;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.tx-thankyou__info-title .material-icons {
  font-size: 20px;
}

.tx-thankyou__info-text {
  font-size: 0.95rem;
  color: #000000;
  line-height: 1.6;
  margin: 0;
}
.tx-thankyou__info-text strong {
  color: #23036A;
}

.tx-thankyou__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  padding: 18px 32px;
  border-radius: 12px;
  font-family: "Ubuntu", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
}
.tx-thankyou__btn .material-icons {
  font-size: 24px;
}
.tx-thankyou__btn--primary {
  background: #23036A;
  color: #fff;
}
.tx-thankyou__btn--primary:hover, .tx-thankyou__btn--primary:focus, .tx-thankyou__btn--primary:active {
  background: #1A0250;
  color: #fff;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(35, 3, 106, 0.3);
          box-shadow: 0 4px 12px rgba(35, 3, 106, 0.3);
}
.tx-thankyou__btn--secondary {
  background: #FFFFFF;
  color: #23036A;
  border: 2px solid #E5E5E5;
}
.tx-thankyou__btn--secondary:hover {
  background: #F8F9FA;
  border-color: #23036A;
}
@media (max-width: 768px) {
  .tx-thankyou__btn {
    padding: 16px 24px;
    font-size: 1rem;
  }
}

.tx-thankyou__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  max-width: 400px;
  margin: 0 auto;
}

.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order-received .woocommerce-thankyou-order-received {
  display: none;
}

/* ============================================ */
/* 5. UTILITY OVERRIDES                        */
/* ============================================ */
/*
 * Only utilities are allowed to use !important
 * These should be kept to an absolute minimum
 */
.u-hidden {
  display: none !important;
}

.u-visible {
  display: block !important;
}

.u-text-center {
  text-align: center !important;
}

.u-w-100 {
  width: 100% !important;
}

/* ============================================ */
/* 8. PRINT STYLES                             */
/* ============================================ */
@media print {
  .bp-profile__button,
.sp-steuer__button,
.tx-form__button {
    display: none;
  }

  .bp-profile__container,
.sp-steuer__container {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #000;
  }
}
/* Dialog Border Radius - Minimal Design System Compliance */
.mdc-dialog .mdc-dialog__surface {
  border-radius: var(--border-radius-medium, 12px);
}

/* Textfield Design System Compliance - Minimal & Non-Invasive */
.mdc-text-field--outlined {
  border-radius: var(--border-radius-small, 6px);
  font-family: var(--font-family, "Ubuntu", sans-serif);
}
.mdc-text-field--outlined .mdc-text-field__input {
  font-family: var(--font-family, "Ubuntu", sans-serif);
  color: var(--text-primary, #1A1A1A);
}
.mdc-text-field--outlined .mdc-floating-label {
  font-family: var(--font-family, "Ubuntu", sans-serif);
}

/* =====================================================
   CRITICAL: Dialog Scrim Fix - MUST be last to override MDC
   ===================================================== */
.mdc-dialog .mdc-dialog__scrim {
  z-index: 1 !important;
}
.mdc-dialog .mdc-dialog__surface {
  z-index: 2 !important;
}
.mdc-dialog.mdc-dialog--open .mdc-dialog__scrim, .mdc-dialog.mdc-dialog--opening .mdc-dialog__scrim {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  opacity: 1;
}
.mdc-dialog:not(.mdc-dialog--open):not(.mdc-dialog--opening) .mdc-dialog__scrim {
  display: none !important;
}