:root {
  --tu-global-margin-v: 24px;
  --tu-global-margin-h: 24px;
  --tu-global-gap-v: 24px;
  --tu-global-gap-h: 24px;
  --tu-global-corner: 16px;
  --tu-global-max-width: 1712px;
  --tu-global-min-width: 600px;
  --tu-global-text-icon-gap: 6px;
  --tu-global-2xl: 16px;
  --tu-global-xl: 12px;
  --tu-global-md: 10px;
  --tu-global-sm: 8px;
  --tu-global-xs: 6px;
  --tu-global-xxs: 4px;
  --tu-global-indent: 40px;
}

@media (max-width: 500px) {
  :root {
    --tu-global-margin-v: 16px;
    --tu-global-margin-h: 16px;
    --tu-global-gap-v: 16px;
    --tu-global-gap-h: 16px;
    --tu-global-corner: 16px;
    --tu-global-max-width: 2000px;
    --tu-global-min-width: 600px;
    --tu-global-text-icon-gap: 6px;
    --tu-global-2xl: 16px;
    --tu-global-xl: 12px;
    --tu-global-md: 10px;
    --tu-global-sm: 8px;
    --tu-global-xs: 6px;
    --tu-global-xxs: 4px;
    --tu-global-indent: 40px;
  }
}
:root {
  --tu-icon-extra-extra-large: 64px;
  --tu-icon-extra-large: 48px;
  --tu-icon-large: 32px;
  --tu-icon-medium: 24px;
  --tu-icon-small: 20px;
  --tu-icon-extra-small: 18px;
  --tu-icon-extra-extra-small: 16px;
}

@media (max-width: 500px) {
  :root {
    --tu-icon-extra-extra-large: 64px;
    --tu-icon-extra-large: 48px;
    --tu-icon-large: 32px;
    --tu-icon-medium: 24px;
    --tu-icon-small: 20px;
    --tu-icon-extra-small: 18px;
    --tu-icon-extra-extra-small: 16px;
  }
}
tu-icon {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
tu-icon::before {
  --tu-icon-size: var(--tu-icon-extra-large);
  content: "";
  display: block;
  width: var(--tu-icon-size);
  height: var(--tu-icon-size);
}
tu-icon:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/right.svg");
          mask-image: url("./components/icon/svgs/right.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background: var(--color-secondary-500);
}
tu-icon[color=original]::before {
  background-image: url("./components/icon/svgs/right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
tu-icon[size=xxl]::before {
  --tu-icon-size: var(--tu-icon-extra-extra-large);
}
tu-icon[size=xl]::before {
  --tu-icon-size: var(--tu-icon-extra-large);
}
tu-icon[size=l]::before {
  --tu-icon-size: var(--tu-icon-large);
}
tu-icon[size=m]::before {
  --tu-icon-size: var(--tu-icon-medium);
}
tu-icon[size=s]::before {
  --tu-icon-size: var(--tu-icon-small);
}
tu-icon[size=xs]::before {
  --tu-icon-size: var(--tu-icon-extra-small);
}
tu-icon[size=xxs]::before {
  --tu-icon-size: var(--tu-icon-extra-extra-small);
}
tu-icon[instance=left]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/left.svg");
          mask-image: url("./components/icon/svgs/left.svg");
}
tu-icon[instance=left][color=original]::before {
  background-image: url("./components/icon/svgs/left.svg");
}
tu-icon[instance=check]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/check.svg");
          mask-image: url("./components/icon/svgs/check.svg");
}
tu-icon[instance=check][color=original]::before {
  background-image: url("./components/icon/svgs/check.svg");
}
tu-icon[instance=info]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/info.svg");
          mask-image: url("./components/icon/svgs/info.svg");
}
tu-icon[instance=info][color=original]::before {
  background-image: url("./components/icon/svgs/info.svg");
}
tu-icon[instance=minus]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/minus.svg");
          mask-image: url("./components/icon/svgs/minus.svg");
}
tu-icon[instance=minus][color=original]::before {
  background-image: url("./components/icon/svgs/minus.svg");
}
tu-icon[instance=right]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/right.svg");
          mask-image: url("./components/icon/svgs/right.svg");
}
tu-icon[instance=right][color=original]::before {
  background-image: url("./components/icon/svgs/right.svg");
}
tu-icon[instance=click]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/click.svg");
          mask-image: url("./components/icon/svgs/click.svg");
}
tu-icon[instance=click][color=original]::before {
  background-image: url("./components/icon/svgs/click.svg");
}
tu-icon[instance=up]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/up.svg");
          mask-image: url("./components/icon/svgs/up.svg");
}
tu-icon[instance=up][color=original]::before {
  background-image: url("./components/icon/svgs/up.svg");
}
tu-icon[instance=down]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/down.svg");
          mask-image: url("./components/icon/svgs/down.svg");
}
tu-icon[instance=down][color=original]::before {
  background-image: url("./components/icon/svgs/down.svg");
}
tu-icon[instance="teamupdraft-logos/wp-optimize"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/wp-optimize.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/wp-optimize.svg");
}
tu-icon[instance="teamupdraft-logos/wp-optimize"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/wp-optimize.svg");
}

:root {
  --tu-button-padding-tert: 2px;
  --tu-button-outline-tert: 2px;
  --tu-button-large-padding-h: 16px;
  --tu-button-large-padding-v: 10px;
  --tu-button-large-min-height: 48px;
  --tu-button-corner: 32px;
  --tu-button-icon-basic-corner: 4px;
  --tu-button-large-gap: 8px;
  --tu-button-large-border: 1px;
  --tu-button-large-outline: 4px;
  --tu-button-medium-padding-h: 16px;
  --tu-button-medium-padding-v: 10px;
  --tu-button-medium-min-height: 48px;
  --tu-button-medium-gap: 8px;
  --tu-button-medium-border: 1px;
  --tu-button-medium-outline: 4px;
  --tu-button-small-padding-h: 16px;
  --tu-button-small-padding-v: 10px;
  --tu-button-small-min-height: 48px;
  --tu-button-small-gap: 6px;
  --tu-button-small-border: 1px;
  --tu-button-small-outline: 4px;
  --tu-button-icon-large-padding: 12px;
  --tu-button-icon-small-padding: 8px;
  --tu-button-icon-corner: 48px;
}

@media (max-width: 500px) {
  :root {
    --tu-button-padding-tert: 2px;
    --tu-button-outline-tert: 2px;
    --tu-button-large-padding-h: 16px;
    --tu-button-large-padding-v: 10px;
    --tu-button-large-min-height: 48px;
    --tu-button-corner: 32px;
    --tu-button-icon-basic-corner: 4px;
    --tu-button-large-gap: 8px;
    --tu-button-large-border: 1px;
    --tu-button-large-outline: 4px;
    --tu-button-medium-padding-h: 16px;
    --tu-button-medium-padding-v: 10px;
    --tu-button-medium-min-height: 48px;
    --tu-button-medium-gap: 8px;
    --tu-button-medium-border: 1px;
    --tu-button-medium-outline: 4px;
    --tu-button-small-padding-h: 16px;
    --tu-button-small-padding-v: 10px;
    --tu-button-small-min-height: 48px;
    --tu-button-small-gap: 6px;
    --tu-button-small-border: 1px;
    --tu-button-small-outline: 4px;
    --tu-button-icon-large-padding: 12px;
    --tu-button-icon-small-padding: 8px;
    --tu-button-icon-corner: 48px;
  }
}
tu-button {
  display: contents;
}
tu-button button {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--tu-button-large-gap);
  border: var(--tu-button-large-border) solid transparent;
  border-radius: var(--tu-button-corner);
  min-height: var(--tu-button-large-min-height);
  padding: var(--tu-button-large-padding-v) var(--tu-button-large-padding-h);
  background: var(--color-primary-600);
  cursor: pointer;
  -webkit-transition: background 0.3s, border-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, border-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  color: var(--color-secondary-0);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-button button {
    font-size: 16px;
  }
}
tu-button button {
  font-size: 16px;
}
@media (max-width: 500px) {
  tu-button button {
    font-weight: 500;
  }
}
tu-button button {
  font-weight: 500;
}
@media (max-width: 500px) {
  tu-button button {
    font-style: normal;
  }
}
tu-button button {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-button button {
    line-height: 120%;
  }
}
tu-button button {
  line-height: 120%;
}
@media (max-width: 500px) {
  tu-button button {
    letter-spacing: 0.15px;
  }
}
tu-button button {
  letter-spacing: 0.15px;
}
tu-button button tu-icon::before {
  background: var(--color-secondary-0) !important;
  width: var(--tu-icon-small) !important;
  height: var(--tu-icon-small) !important;
}
tu-button button[size=medium] {
  gap: var(--tu-button-medium-gap);
  min-height: var(--tu-button-medium-min-height);
  padding: var(--tu-button-medium-padding-v) var(--tu-button-medium-padding-h);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-button button[size=medium] {
    font-size: 14px;
  }
}
tu-button button[size=medium] {
  font-size: 14px;
}
@media (max-width: 500px) {
  tu-button button[size=medium] {
    font-weight: 500;
  }
}
tu-button button[size=medium] {
  font-weight: 500;
}
@media (max-width: 500px) {
  tu-button button[size=medium] {
    font-style: normal;
  }
}
tu-button button[size=medium] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-button button[size=medium] {
    line-height: 120%;
  }
}
tu-button button[size=medium] {
  line-height: 120%;
}
@media (max-width: 500px) {
  tu-button button[size=medium] {
    letter-spacing: 0.15px;
  }
}
tu-button button[size=medium] {
  letter-spacing: 0.15px;
}
tu-button button[size=small] {
  gap: var(--tu-button-small-gap);
  min-height: var(--tu-button-small-min-height);
  padding: var(--tu-button-small-padding-v) var(--tu-button-small-padding-h);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-button button[size=small] {
    font-size: 12px;
  }
}
tu-button button[size=small] {
  font-size: 12px;
}
@media (max-width: 500px) {
  tu-button button[size=small] {
    font-weight: 500;
  }
}
tu-button button[size=small] {
  font-weight: 500;
}
@media (max-width: 500px) {
  tu-button button[size=small] {
    font-style: normal;
  }
}
tu-button button[size=small] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-button button[size=small] {
    line-height: 120%;
  }
}
tu-button button[size=small] {
  line-height: 120%;
}
@media (max-width: 500px) {
  tu-button button[size=small] {
    letter-spacing: 0.05px;
  }
}
tu-button button[size=small] {
  letter-spacing: 0.05px;
}
tu-button button[size=small] tu-icon::before {
  width: var(--tu-icon-extra-small) !important;
  height: var(--tu-icon-extra-small) !important;
}
tu-button button:hover {
  background: var(--color-primary-700);
}
tu-button button:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-400);
  background: var(--color-primary-700);
  border-color: transparent;
}
tu-button button[disabled], tu-button button[disabled]:hover, tu-button button[disabled][theme], tu-button button[disabled][theme]:hover {
  background: var(--color-primary-200) !important;
  cursor: not-allowed;
}
tu-button button[disabled][type=tertiary], tu-button button[disabled][type=tertiary]:hover, tu-button button[disabled][type=tertiary][theme], tu-button button[disabled][type=tertiary][theme]:hover {
  color: var(--color-secondary-400) !important;
  background: transparent !important;
  cursor: not-allowed;
  text-decoration: none !important;
}
tu-button button[disabled][type=tertiary] tu-icon::before, tu-button button[disabled][type=tertiary]:hover tu-icon::before, tu-button button[disabled][type=tertiary][theme] tu-icon::before, tu-button button[disabled][type=tertiary][theme]:hover tu-icon::before {
  background: var(--color-secondary-400) !important;
}
tu-button button[disabled][type=icon], tu-button button[disabled][type=icon]:hover, tu-button button[disabled][type=icon][theme], tu-button button[disabled][type=icon][theme]:hover, tu-button button[disabled][type=secondary], tu-button button[disabled][type=secondary]:hover, tu-button button[disabled][type=secondary][theme], tu-button button[disabled][type=secondary][theme]:hover {
  border: var(--tu-button-large-border) solid var(--color-secondary-100) !important;
  background: var(--color-secondary-0) !important;
  color: var(--color-secondary-400) !important;
  cursor: not-allowed;
}
tu-button button[disabled][type=icon] tu-icon::before, tu-button button[disabled][type=icon]:hover tu-icon::before, tu-button button[disabled][type=icon][theme] tu-icon::before, tu-button button[disabled][type=icon][theme]:hover tu-icon::before, tu-button button[disabled][type=secondary] tu-icon::before, tu-button button[disabled][type=secondary]:hover tu-icon::before, tu-button button[disabled][type=secondary][theme] tu-icon::before, tu-button button[disabled][type=secondary][theme]:hover tu-icon::before {
  background: var(--color-secondary-400) !important;
}
tu-button button[type=icon], tu-button button[type=secondary], tu-button button[type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-primary-600);
  color: var(--color-primary-600);
}
tu-button button[type=icon] tu-icon::before, tu-button button[type=secondary] tu-icon::before, tu-button button[type=tertiary] tu-icon::before {
  background: var(--color-primary-600) !important;
}
tu-button button[type=icon]:hover, tu-button button[type=icon]:focus-visible, tu-button button[type=secondary]:hover, tu-button button[type=secondary]:focus-visible, tu-button button[type=tertiary]:hover, tu-button button[type=tertiary]:focus-visible {
  background: var(--color-primary-50);
  color: var(--color-primary-700);
}
tu-button button[type=icon]:hover tu-icon::before, tu-button button[type=icon]:focus-visible tu-icon::before, tu-button button[type=secondary]:hover tu-icon::before, tu-button button[type=secondary]:focus-visible tu-icon::before, tu-button button[type=tertiary]:hover tu-icon::before, tu-button button[type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-primary-700) !important;
}
tu-button button[type=icon]:hover, tu-button button[type=secondary]:hover, tu-button button[type=tertiary]:hover {
  border-color: var(--color-primary-700);
}
tu-button button[type=icon]:focus-visible, tu-button button[type=secondary]:focus-visible, tu-button button[type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-300);
}
tu-button button[type=tertiary], tu-button button[type=tertiary][theme] {
  border: none;
  padding: 0 var(--tu-button-padding-tert);
  background: transparent !important;
  min-height: unset;
}
tu-button button[type=tertiary]:hover, tu-button button[type=tertiary][theme]:hover {
  text-decoration: underline;
}
tu-button button[type=icon], tu-button button[type=icon][theme], tu-button button[type=icon-basic], tu-button button[type=icon-basic][theme] {
  background: var(--color-primary-50);
  border: none;
  padding: var(--tu-button-icon-large-padding);
  border-radius: var(--tu-button-icon-corner);
  min-height: unset;
}
tu-button button[type=icon] .tu-button-content,
tu-button button[type=icon] tu-icon:not(:first-child), tu-button button[type=icon][theme] .tu-button-content,
tu-button button[type=icon][theme] tu-icon:not(:first-child), tu-button button[type=icon-basic] .tu-button-content,
tu-button button[type=icon-basic] tu-icon:not(:first-child), tu-button button[type=icon-basic][theme] .tu-button-content,
tu-button button[type=icon-basic][theme] tu-icon:not(:first-child) {
  display: none;
}
tu-button button[type=icon]:hover, tu-button button[type=icon][theme]:hover, tu-button button[type=icon-basic]:hover, tu-button button[type=icon-basic][theme]:hover {
  background: var(--color-primary-100);
}
tu-button button[type=icon][disabled], tu-button button[type=icon][disabled]:hover, tu-button button[type=icon][theme][disabled], tu-button button[type=icon][theme][disabled]:hover, tu-button button[type=icon-basic][disabled], tu-button button[type=icon-basic][disabled]:hover, tu-button button[type=icon-basic][theme][disabled], tu-button button[type=icon-basic][theme][disabled]:hover {
  background: var(--color-secondary-50) !important;
  border: none !important;
}
tu-button button[type=icon-basic] {
  padding: 0;
  border-radius: var(--tu-button-icon-basic-corner);
  background: transparent;
  color: var(--color-secondary-500);
}
tu-button button[type=icon-basic]:hover {
  background: transparent;
}
tu-button button[type=icon-basic] tu-icon::before {
  background: var(--color-secondary-500) !important;
}
tu-button button[theme=primary][disabled][type=cta], tu-button button[theme=primary][disabled][type=cta]:hover {
  background: var(--color-primary-200);
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=primary][type=cta] {
  background: var(--color-primary-600);
  color: var(--color-secondary-0);
  border-color: var(--color-primary-600);
}
tu-button button[theme=primary][type=cta] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=primary][type=cta]:hover, tu-button button[theme=primary][type=cta]:focus-visible {
  background: var(--color-primary-700);
  border-color: var(--color-primary-700);
}
tu-button button[theme=primary][type=cta]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-300);
}
tu-button button[theme=primary][type=icon], tu-button button[theme=primary][type=secondary], tu-button button[theme=primary][type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-primary-600);
  color: var(--color-primary-600);
}
tu-button button[theme=primary][type=icon] tu-icon::before, tu-button button[theme=primary][type=secondary] tu-icon::before, tu-button button[theme=primary][type=tertiary] tu-icon::before {
  background: var(--color-primary-600) !important;
}
tu-button button[theme=primary][type=icon]:hover, tu-button button[theme=primary][type=icon]:focus-visible, tu-button button[theme=primary][type=secondary]:hover, tu-button button[theme=primary][type=secondary]:focus-visible, tu-button button[theme=primary][type=tertiary]:hover, tu-button button[theme=primary][type=tertiary]:focus-visible {
  background: var(--color-primary-50);
  color: var(--color-primary-700);
}
tu-button button[theme=primary][type=icon]:hover tu-icon::before, tu-button button[theme=primary][type=icon]:focus-visible tu-icon::before, tu-button button[theme=primary][type=secondary]:hover tu-icon::before, tu-button button[theme=primary][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=primary][type=tertiary]:hover tu-icon::before, tu-button button[theme=primary][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-primary-700) !important;
}
tu-button button[theme=primary][type=icon]:hover, tu-button button[theme=primary][type=secondary]:hover, tu-button button[theme=primary][type=tertiary]:hover {
  border-color: var(--color-primary-700);
}
tu-button button[theme=primary][type=icon]:focus-visible, tu-button button[theme=primary][type=secondary]:focus-visible, tu-button button[theme=primary][type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-300);
}
tu-button button[theme=primary][type=icon] {
  border: none;
  background: var(--color-primary-50);
}
tu-button button[theme=primary][type=icon] tu-icon::before {
  background: !important;
}
tu-button button[theme=primary][type=icon]:focus-visible tu-icon::before {
  background: !important;
}
tu-button button[theme=primary][type=icon]:hover {
  background: var(--color-primary-100);
}
tu-button button[theme=primary][type=icon]:hover tu-icon::before {
  background: !important;
}
tu-button button[theme=error][disabled][type=cta], tu-button button[theme=error][disabled][type=cta]:hover {
  background: var(--color-status-error-200);
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=error][type=cta] {
  background: var(--color-status-error-600);
  color: var(--color-secondary-0);
  border-color: var(--color-status-error-600);
}
tu-button button[theme=error][type=cta] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=error][type=cta]:hover, tu-button button[theme=error][type=cta]:focus-visible {
  background: var(--color-status-error-700);
  border-color: var(--color-status-error-700);
}
tu-button button[theme=error][type=cta]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-error-200);
}
tu-button button[theme=error][type=icon], tu-button button[theme=error][type=secondary], tu-button button[theme=error][type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-status-error-600);
  color: var(--color-status-error-600);
}
tu-button button[theme=error][type=icon] tu-icon::before, tu-button button[theme=error][type=secondary] tu-icon::before, tu-button button[theme=error][type=tertiary] tu-icon::before {
  background: var(--color-status-error-600) !important;
}
tu-button button[theme=error][type=icon]:hover, tu-button button[theme=error][type=icon]:focus-visible, tu-button button[theme=error][type=secondary]:hover, tu-button button[theme=error][type=secondary]:focus-visible, tu-button button[theme=error][type=tertiary]:hover, tu-button button[theme=error][type=tertiary]:focus-visible {
  background: var(--color-status-error-50);
  color: var(--color-status-error-700);
}
tu-button button[theme=error][type=icon]:hover tu-icon::before, tu-button button[theme=error][type=icon]:focus-visible tu-icon::before, tu-button button[theme=error][type=secondary]:hover tu-icon::before, tu-button button[theme=error][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=error][type=tertiary]:hover tu-icon::before, tu-button button[theme=error][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-status-error-700) !important;
}
tu-button button[theme=error][type=icon]:hover, tu-button button[theme=error][type=secondary]:hover, tu-button button[theme=error][type=tertiary]:hover {
  border-color: var(--color-status-error-700);
}
tu-button button[theme=error][type=icon]:focus-visible, tu-button button[theme=error][type=secondary]:focus-visible, tu-button button[theme=error][type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-error-200);
}
tu-button button[theme=error][type=icon] {
  border: none;
  background: var(--color-status-error-50);
}
tu-button button[theme=error][type=icon] tu-icon::before {
  background: !important;
}
tu-button button[theme=error][type=icon]:focus-visible tu-icon::before {
  background: !important;
}
tu-button button[theme=error][type=icon]:hover {
  background: var(--color-status-error-100);
}
tu-button button[theme=error][type=icon]:hover tu-icon::before {
  background: !important;
}
tu-button button[theme=info][disabled][type=cta], tu-button button[theme=info][disabled][type=cta]:hover {
  background: var(--color-status-info-200);
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=info][type=cta] {
  background: var(--color-status-info-600);
  color: var(--color-secondary-0);
  border-color: var(--color-status-info-600);
}
tu-button button[theme=info][type=cta] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=info][type=cta]:hover, tu-button button[theme=info][type=cta]:focus-visible {
  background: var(--color-status-info-700);
  border-color: var(--color-status-info-700);
}
tu-button button[theme=info][type=cta]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-info-200);
}
tu-button button[theme=info][type=icon], tu-button button[theme=info][type=secondary], tu-button button[theme=info][type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-status-info-600);
  color: var(--color-status-info-600);
}
tu-button button[theme=info][type=icon] tu-icon::before, tu-button button[theme=info][type=secondary] tu-icon::before, tu-button button[theme=info][type=tertiary] tu-icon::before {
  background: var(--color-status-info-600) !important;
}
tu-button button[theme=info][type=icon]:hover, tu-button button[theme=info][type=icon]:focus-visible, tu-button button[theme=info][type=secondary]:hover, tu-button button[theme=info][type=secondary]:focus-visible, tu-button button[theme=info][type=tertiary]:hover, tu-button button[theme=info][type=tertiary]:focus-visible {
  background: var(--color-status-info-50);
  color: var(--color-status-info-700);
}
tu-button button[theme=info][type=icon]:hover tu-icon::before, tu-button button[theme=info][type=icon]:focus-visible tu-icon::before, tu-button button[theme=info][type=secondary]:hover tu-icon::before, tu-button button[theme=info][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=info][type=tertiary]:hover tu-icon::before, tu-button button[theme=info][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-status-info-700) !important;
}
tu-button button[theme=info][type=icon]:hover, tu-button button[theme=info][type=secondary]:hover, tu-button button[theme=info][type=tertiary]:hover {
  border-color: var(--color-status-info-700);
}
tu-button button[theme=info][type=icon]:focus-visible, tu-button button[theme=info][type=secondary]:focus-visible, tu-button button[theme=info][type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-info-200);
}
tu-button button[theme=info][type=icon] {
  border: none;
  background: var(--color-status-info-50);
}
tu-button button[theme=info][type=icon] tu-icon::before {
  background: !important;
}
tu-button button[theme=info][type=icon]:focus-visible tu-icon::before {
  background: !important;
}
tu-button button[theme=info][type=icon]:hover {
  background: var(--color-status-info-100);
}
tu-button button[theme=info][type=icon]:hover tu-icon::before {
  background: !important;
}
tu-button button[theme=success][disabled][type=cta], tu-button button[theme=success][disabled][type=cta]:hover {
  background: var(--color-status-success-200);
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=success][type=cta] {
  background: var(--color-status-success-600);
  color: var(--color-secondary-0);
  border-color: var(--color-status-success-600);
}
tu-button button[theme=success][type=cta] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=success][type=cta]:hover, tu-button button[theme=success][type=cta]:focus-visible {
  background: var(--color-status-success-700);
  border-color: var(--color-status-success-700);
}
tu-button button[theme=success][type=cta]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-success-200);
}
tu-button button[theme=success][type=icon], tu-button button[theme=success][type=secondary], tu-button button[theme=success][type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-status-success-600);
  color: var(--color-status-success-600);
}
tu-button button[theme=success][type=icon] tu-icon::before, tu-button button[theme=success][type=secondary] tu-icon::before, tu-button button[theme=success][type=tertiary] tu-icon::before {
  background: var(--color-status-success-600) !important;
}
tu-button button[theme=success][type=icon]:hover, tu-button button[theme=success][type=icon]:focus-visible, tu-button button[theme=success][type=secondary]:hover, tu-button button[theme=success][type=secondary]:focus-visible, tu-button button[theme=success][type=tertiary]:hover, tu-button button[theme=success][type=tertiary]:focus-visible {
  background: var(--color-status-success-50);
  color: var(--color-status-success-700);
}
tu-button button[theme=success][type=icon]:hover tu-icon::before, tu-button button[theme=success][type=icon]:focus-visible tu-icon::before, tu-button button[theme=success][type=secondary]:hover tu-icon::before, tu-button button[theme=success][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=success][type=tertiary]:hover tu-icon::before, tu-button button[theme=success][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-status-success-700) !important;
}
tu-button button[theme=success][type=icon]:hover, tu-button button[theme=success][type=secondary]:hover, tu-button button[theme=success][type=tertiary]:hover {
  border-color: var(--color-status-success-700);
}
tu-button button[theme=success][type=icon]:focus-visible, tu-button button[theme=success][type=secondary]:focus-visible, tu-button button[theme=success][type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-success-200);
}
tu-button button[theme=success][type=icon] {
  border: none;
  background: var(--color-status-success-50);
}
tu-button button[theme=success][type=icon] tu-icon::before {
  background: !important;
}
tu-button button[theme=success][type=icon]:focus-visible tu-icon::before {
  background: !important;
}
tu-button button[theme=success][type=icon]:hover {
  background: var(--color-status-success-100);
}
tu-button button[theme=success][type=icon]:hover tu-icon::before {
  background: !important;
}
tu-button button[theme=warning][disabled][type=cta], tu-button button[theme=warning][disabled][type=cta]:hover {
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=warning][type=cta] {
  background: var(--color-status-warning-600);
  color: var(--color-secondary-0);
  border-color: var(--color-status-warning-600);
}
tu-button button[theme=warning][type=cta] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=warning][type=cta]:hover, tu-button button[theme=warning][type=cta]:focus-visible {
  background: var(--color-status-warning-700);
  border-color: var(--color-status-warning-700);
}
tu-button button[theme=warning][type=cta]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-warning-200);
}
tu-button button[theme=warning][type=icon], tu-button button[theme=warning][type=secondary], tu-button button[theme=warning][type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-status-warning-600);
  color: var(--color-status-warning-600);
}
tu-button button[theme=warning][type=icon] tu-icon::before, tu-button button[theme=warning][type=secondary] tu-icon::before, tu-button button[theme=warning][type=tertiary] tu-icon::before {
  background: var(--color-status-warning-600) !important;
}
tu-button button[theme=warning][type=icon]:hover, tu-button button[theme=warning][type=icon]:focus-visible, tu-button button[theme=warning][type=secondary]:hover, tu-button button[theme=warning][type=secondary]:focus-visible, tu-button button[theme=warning][type=tertiary]:hover, tu-button button[theme=warning][type=tertiary]:focus-visible {
  color: var(--color-status-warning-700);
}
tu-button button[theme=warning][type=icon]:hover tu-icon::before, tu-button button[theme=warning][type=icon]:focus-visible tu-icon::before, tu-button button[theme=warning][type=secondary]:hover tu-icon::before, tu-button button[theme=warning][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=warning][type=tertiary]:hover tu-icon::before, tu-button button[theme=warning][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-status-warning-700) !important;
}
tu-button button[theme=warning][type=icon]:hover, tu-button button[theme=warning][type=secondary]:hover, tu-button button[theme=warning][type=tertiary]:hover {
  border-color: var(--color-status-warning-700);
}
tu-button button[theme=warning][type=icon]:focus-visible, tu-button button[theme=warning][type=secondary]:focus-visible, tu-button button[theme=warning][type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-status-warning-200);
}
tu-button button[theme=warning][type=icon] {
  border: none;
  background: var(--color-status-warning-50);
}
tu-button button[theme=warning][type=icon] tu-icon::before {
  background: !important;
}
tu-button button[theme=warning][type=icon]:focus-visible tu-icon::before {
  background: !important;
}
tu-button button[theme=warning][type=icon]:hover {
  background: var(--color-status-warning-100);
}
tu-button button[theme=warning][type=icon]:hover tu-icon::before {
  background: !important;
}
tu-button button[theme=premium][disabled][type=cta], tu-button button[theme=premium][disabled][type=cta]:hover {
  background: var(--color-primary-200);
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=premium][type=cta] {
  background: var(--color-premium-gradient);
  color: var(--color-secondary-0);
  border: none;
  -webkit-font-smoothing: antialiased;
}
tu-button button[theme=premium][type=cta]:hover, tu-button button[theme=premium][type=cta]:focus-visible {
  background: var(--color-premium-gradient-dark);
}
tu-button button[theme=premium][type=secondary], tu-button button[theme=premium][type=tertiary] {
  position: relative;
  z-index: 1;
  border: var(--tu-button-large-border) solid transparent;
  border-radius: var(--tu-button-corner);
  background-image: var(--color-premium-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
tu-button button[theme=premium][type=secondary] tu-icon::before, tu-button button[theme=premium][type=tertiary] tu-icon::before {
  background: var(--color-premium-gradient) !important;
}
tu-button button[theme=premium][type=secondary]::before, tu-button button[theme=premium][type=tertiary]::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--tu-button-large-border));
  z-index: -1;
  border-radius: inherit;
  padding: var(--tu-button-large-border);
  background: var(--color-premium-gradient);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-secondary-0))) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-secondary-0)));
  mask: linear-gradient(var(--color-secondary-0) 0 0) content-box, linear-gradient(var(--color-secondary-0) 0 0);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-secondary-0))) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-secondary-0)));
  -webkit-mask: linear-gradient(var(--color-secondary-0) 0 0) content-box, linear-gradient(var(--color-secondary-0) 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
tu-button button[theme=premium][type=secondary]::after, tu-button button[theme=premium][type=tertiary]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  background: transparent;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
tu-button button[theme=premium][type=secondary][disabled]::before, tu-button button[theme=premium][type=secondary][disabled]:hover::before, tu-button button[theme=premium][type=tertiary][disabled]::before, tu-button button[theme=premium][type=tertiary][disabled]:hover::before {
  background: var(--color-secondary-100);
}
tu-button button[theme=premium][type=secondary]:hover, tu-button button[theme=premium][type=secondary]:focus-visible, tu-button button[theme=premium][type=tertiary]:hover, tu-button button[theme=premium][type=tertiary]:focus-visible {
  background-image: var(--color-premium-gradient-dark), var(--color-premium-gradient-light);
  background-clip: text, padding-box;
  color: transparent;
}
tu-button button[theme=premium][type=secondary]:hover tu-icon::before, tu-button button[theme=premium][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=premium][type=tertiary]:hover tu-icon::before, tu-button button[theme=premium][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-premium-gradient-dark) !important;
}
tu-button button[theme=premium][type=secondary]:hover::before, tu-button button[theme=premium][type=secondary]:focus-visible::before, tu-button button[theme=premium][type=tertiary]:hover::before, tu-button button[theme=premium][type=tertiary]:focus-visible::before {
  background: var(--color-premium-gradient-dark);
}
tu-button button[theme=premium][type=secondary]:hover::after, tu-button button[theme=premium][type=secondary]:focus-visible::after, tu-button button[theme=premium][type=tertiary]:hover::after, tu-button button[theme=premium][type=tertiary]:focus-visible::after {
  display: none;
}
tu-button button[theme=white][disabled][type=cta], tu-button button[theme=white][disabled][type=cta]:hover {
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=white][type=cta] {
  background: var(--color-secondary-0);
  color: var(--color-secondary-0);
  border-color: var(--color-secondary-0);
}
tu-button button[theme=white][type=cta] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=white][type=cta]:hover, tu-button button[theme=white][type=cta]:focus-visible {
  background: var(--color-primary-300);
  border-color: var(--color-primary-300);
}
tu-button button[theme=white][type=cta]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-300);
}
tu-button button[theme=white][type=icon], tu-button button[theme=white][type=secondary], tu-button button[theme=white][type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-secondary-0);
  color: var(--color-secondary-0);
}
tu-button button[theme=white][type=icon] tu-icon::before, tu-button button[theme=white][type=secondary] tu-icon::before, tu-button button[theme=white][type=tertiary] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=white][type=icon]:hover, tu-button button[theme=white][type=icon]:focus-visible, tu-button button[theme=white][type=secondary]:hover, tu-button button[theme=white][type=secondary]:focus-visible, tu-button button[theme=white][type=tertiary]:hover, tu-button button[theme=white][type=tertiary]:focus-visible {
  color: var(--color-primary-300);
}
tu-button button[theme=white][type=icon]:hover tu-icon::before, tu-button button[theme=white][type=icon]:focus-visible tu-icon::before, tu-button button[theme=white][type=secondary]:hover tu-icon::before, tu-button button[theme=white][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=white][type=tertiary]:hover tu-icon::before, tu-button button[theme=white][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-primary-300) !important;
}
tu-button button[theme=white][type=icon]:hover, tu-button button[theme=white][type=secondary]:hover, tu-button button[theme=white][type=tertiary]:hover {
  border-color: var(--color-primary-300);
}
tu-button button[theme=white][type=icon]:focus-visible, tu-button button[theme=white][type=secondary]:focus-visible, tu-button button[theme=white][type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-300);
}
tu-button button[theme=white][type=icon] {
  border: none;
  background: var(--color-secondary-0);
}
tu-button button[theme=white][type=icon] tu-icon::before {
  background: var(--color-secondary-500) !important;
}
tu-button button[theme=white][type=icon]:focus-visible tu-icon::before {
  background: var(--color-secondary-500) !important;
}
tu-button button[theme=white][type=icon]:hover {
  background: var(--color-secondary-50);
}
tu-button button[theme=white][type=icon]:hover tu-icon::before {
  background: var(--color-secondary-500) !important;
}
tu-button button[theme=grey][disabled][type=cta], tu-button button[theme=grey][disabled][type=cta]:hover {
  border: none;
  cursor: not-allowed;
}
tu-button button[theme=grey][type=cta] {
  background: var(--color-secondary-600);
  color: var(--color-secondary-0);
  border-color: var(--color-secondary-600);
}
tu-button button[theme=grey][type=cta] tu-icon::before {
  background: var(--color-secondary-0) !important;
}
tu-button button[theme=grey][type=cta]:hover, tu-button button[theme=grey][type=cta]:focus-visible {
  background: var(--color-secondary-800);
  border-color: var(--color-secondary-800);
}
tu-button button[theme=grey][type=cta]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-300);
}
tu-button button[theme=grey][type=icon], tu-button button[theme=grey][type=secondary], tu-button button[theme=grey][type=tertiary] {
  background: var(--color-secondary-0);
  border-color: var(--color-secondary-600);
  color: var(--color-secondary-600);
}
tu-button button[theme=grey][type=icon] tu-icon::before, tu-button button[theme=grey][type=secondary] tu-icon::before, tu-button button[theme=grey][type=tertiary] tu-icon::before {
  background: var(--color-secondary-600) !important;
}
tu-button button[theme=grey][type=icon]:hover, tu-button button[theme=grey][type=icon]:focus-visible, tu-button button[theme=grey][type=secondary]:hover, tu-button button[theme=grey][type=secondary]:focus-visible, tu-button button[theme=grey][type=tertiary]:hover, tu-button button[theme=grey][type=tertiary]:focus-visible {
  color: var(--color-secondary-800);
}
tu-button button[theme=grey][type=icon]:hover tu-icon::before, tu-button button[theme=grey][type=icon]:focus-visible tu-icon::before, tu-button button[theme=grey][type=secondary]:hover tu-icon::before, tu-button button[theme=grey][type=secondary]:focus-visible tu-icon::before, tu-button button[theme=grey][type=tertiary]:hover tu-icon::before, tu-button button[theme=grey][type=tertiary]:focus-visible tu-icon::before {
  background: var(--color-secondary-800) !important;
}
tu-button button[theme=grey][type=icon]:hover, tu-button button[theme=grey][type=secondary]:hover, tu-button button[theme=grey][type=tertiary]:hover {
  border-color: var(--color-secondary-800);
}
tu-button button[theme=grey][type=icon]:focus-visible, tu-button button[theme=grey][type=secondary]:focus-visible, tu-button button[theme=grey][type=tertiary]:focus-visible {
  outline: var(--tu-button-large-outline) solid var(--color-primary-300);
}
tu-button button[theme=grey][type=icon] {
  border: none;
}
tu-button button[theme=grey][type=icon] tu-icon::before {
  background: !important;
}
tu-button button[theme=grey][type=icon]:focus-visible tu-icon::before {
  background: !important;
}
tu-button button[theme=grey][type=icon]:hover tu-icon::before {
  background: !important;
}

tu-columns {
  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-sizing: border-box;
          box-sizing: border-box;
  gap: var(--tu-global-gap-h);
  max-height: 100%;
}
tu-columns[no-column-scroll] {
  max-height: unset;
}
@media screen and (max-width: 1366px) {
  tu-columns:not([no-wrap]) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1366px) {
  tu-columns:not([no-wrap]) tu-column {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
  }
}

tu-column {
  overflow: scroll;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

tu-page {
  width: 100%;
  height: calc(100vh - 32px);
  padding: var(--tu-global-margin-v) var(--tu-global-margin-h);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--color-secondary-50);
  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;
  gap: var(--tu-global-gap-v);
}

tu-plugin-content {
  width: 100%;
  height: 100%;
  overflow: scroll;
  padding: var(--tu-global-margin-v) var(--tu-global-margin-h);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--color-secondary-0);
  border-radius: var(--tu-global-corner);
  max-width: var(--tu-global-max-width);
}
tu-plugin-content[layout=a] {
  max-width: 1712px;
}
tu-plugin-content[layout=b] {
  max-width: 1250px;
}
tu-plugin-content[layout=c] {
  max-width: 1411px;
}
tu-plugin-content[layout=d] {
  max-width: 949px;
}

:root {
  --tu-top-nav-gap-v: 12px;
  --tu-top-nav-title-gap-h: 6px;
  --tu-top-nav-tabs-border: 4px;
  --tu-top-nav-tabs-gap-h: 4px;
  --tu-top-nav-tab-padding-h: 12px;
  --tu-top-nav-tab-padding-v: 2px;
  --tu-top-nav-tab-gap-v: 2px;
  --tu-top-nav-corner: 8px;
  --tu-top-nav-tab-outline: 2px;
}

@media (max-width: 500px) {
  :root {
    --tu-top-nav-gap-v: 12px;
    --tu-top-nav-title-gap-h: 6px;
    --tu-top-nav-tabs-border: 4px;
    --tu-top-nav-tabs-gap-h: 4px;
    --tu-top-nav-tab-padding-h: 12px;
    --tu-top-nav-tab-padding-v: 2px;
    --tu-top-nav-tab-gap-v: 2px;
    --tu-top-nav-corner: 8px;
    --tu-top-nav-tab-outline: 2px;
  }
}
tu-top-nav {
  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;
  gap: var(--tu-top-nav-gap-v);
}
tu-top-nav tu-top-nav-title-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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--tu-top-nav-title-gap-h);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-title-container {
    font-size: 28px;
  }
}
tu-top-nav tu-top-nav-title-container {
  font-size: 28px;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-title-container {
    font-weight: 600;
  }
}
tu-top-nav tu-top-nav-title-container {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-title-container {
    font-style: normal;
  }
}
tu-top-nav tu-top-nav-title-container {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-title-container {
    line-height: 130%;
  }
}
tu-top-nav tu-top-nav-title-container {
  line-height: 130%;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-title-container {
    letter-spacing: 0;
  }
}
tu-top-nav tu-top-nav-title-container {
  letter-spacing: 0;
}
tu-top-nav tu-top-nav-tabs-container {
  padding: var(--tu-top-nav-tabs-border);
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--tu-top-nav-tabs-gap-h);
  border-radius: var(--tu-global-md);
  background: var(--color-secondary-800);
}
tu-top-nav tu-top-nav-tab[active] button {
  background: var(--color-primary-600);
}
tu-top-nav tu-top-nav-tab[active] button:hover {
  background: var(--color-primary-700);
}
tu-top-nav tu-top-nav-tab button {
  cursor: pointer;
  color: var(--color-secondary-0);
  padding: var(--tu-top-nav-tab-padding-v) var(--tu-top-nav-tab-padding-h);
  border-radius: var(--tu-top-nav-corner);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-tab button {
    font-size: 14px;
  }
}
tu-top-nav tu-top-nav-tab button {
  font-size: 14px;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-tab button {
    font-weight: 400;
  }
}
tu-top-nav tu-top-nav-tab button {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-tab button {
    font-style: normal;
  }
}
tu-top-nav tu-top-nav-tab button {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-tab button {
    line-height: 140%;
  }
}
tu-top-nav tu-top-nav-tab button {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-tab button {
    letter-spacing: 0.15px;
  }
}
tu-top-nav tu-top-nav-tab button {
  letter-spacing: 0.15px;
  background: transparent;
  border: none;
}
tu-top-nav tu-top-nav-tab button tu-icon::before {
  background: var(--color-secondary-0) !important;
  width: var(--tu-icon-medium) !important;
  height: var(--tu-icon-medium) !important;
}
tu-top-nav tu-top-nav-tab button:hover {
  background: var(--color-secondary-900);
}
tu-top-nav tu-top-nav-tab button:focus-visible {
  outline: var(--tu-top-nav-tab-outline) solid var(--color-primary-300);
}

tu-top-nav-content {
  display: contents;
}
tu-top-nav-content tu-top-nav-content-tab {
  display: none;
}
tu-top-nav-content tu-top-nav-content-tab[active] {
  display: contents;
}

:root {
  --tu-side-nav-gap-v: 12px;
  --tu-side-nav-gap-div: 12px;
  --tu-side-nav-item-padding-h: 16px;
  --tu-side-nav-item-padding-v: 12px;
  --tu-side-nav-item-gap-h: 8px;
  --tu-side-nav-item-content-gap-v: 4px;
  --tu-side-nav-item-corner: 8px;
  --tu-side-nav-item-outline: 2px;
}

@media (max-width: 500px) {
  :root {
    --tu-side-nav-gap-v: 12px;
    --tu-side-nav-gap-div: 12px;
    --tu-side-nav-item-padding-h: 16px;
    --tu-side-nav-item-padding-v: 12px;
    --tu-side-nav-item-gap-h: 8px;
    --tu-side-nav-item-content-gap-v: 4px;
    --tu-side-nav-item-corner: 8px;
    --tu-side-nav-item-outline: 2px;
  }
}
tu-side-nav {
  height: 100%;
  width: 100%;
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--tu-side-nav-gap-div);
}
tu-side-nav tu-side-nav-items-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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--tu-side-nav-gap-v);
}
tu-side-nav tu-side-nav-item[active] button {
  background: var(--color-secondary-50);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
tu-side-nav tu-side-nav-item[active] button tu-icon::before {
  background: var(--color-secondary-900) !important;
}
tu-side-nav tu-side-nav-item[active] button .tu-side-nav-item-content-description {
  display: block;
}
tu-side-nav tu-side-nav-item[active] button:hover {
  background: var(--color-secondary-100);
}
tu-side-nav tu-side-nav-item button {
  width: 100%;
  cursor: pointer;
  padding: var(--tu-side-nav-item-padding-v) var(--tu-side-nav-item-padding-h);
  border-radius: var(--tu-side-nav-item-corner);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-side-nav tu-side-nav-item button {
    font-size: 14px;
  }
}
tu-side-nav tu-side-nav-item button {
  font-size: 14px;
}
@media (max-width: 500px) {
  tu-side-nav tu-side-nav-item button {
    font-weight: 400;
  }
}
tu-side-nav tu-side-nav-item button {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-side-nav tu-side-nav-item button {
    font-style: normal;
  }
}
tu-side-nav tu-side-nav-item button {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-side-nav tu-side-nav-item button {
    line-height: 140%;
  }
}
tu-side-nav tu-side-nav-item button {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-side-nav tu-side-nav-item button {
    letter-spacing: 0.15px;
  }
}
tu-side-nav tu-side-nav-item button {
  letter-spacing: 0.15px;
  background: transparent;
  border: none;
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--tu-side-nav-item-gap-h);
  color: var(--color-secondary-900);
}
tu-side-nav tu-side-nav-item button tu-icon::before {
  background: var(--color-secondary-500) !important;
  width: var(--tu-icon-medium) !important;
  height: var(--tu-icon-medium) !important;
}
tu-side-nav tu-side-nav-item button:hover {
  background: var(--color-secondary-50);
}
tu-side-nav tu-side-nav-item button:focus-visible {
  outline: var(--tu-side-nav-item-outline) solid var(--color-primary-300);
}
tu-side-nav tu-side-nav-item button .tu-side-nav-item-content {
  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(--tu-side-nav-item-content-gap-v);
}
tu-side-nav tu-side-nav-item button .tu-side-nav-item-content-description {
  display: none;
  color: var(--color-secondary-800);
}

tu-side-nav-content {
  display: contents;
}
tu-side-nav-content tu-side-nav-content-item {
  display: none;
}
tu-side-nav-content tu-side-nav-content-item[active] {
  display: contents;
}

tu-divider {
  display: block;
  width: 1px;
  height: 100%;
  background: var(--color-secondary-100);
}

tu-divider[orientation=horizontal] {
  width: 100%;
  height: 1px;
}

:root {
  --tu-side-card-padding-h: 16px;
  --tu-side-card-padding-v: 16px;
  --tu-side-card-gap-v: 16px;
  --tu-side-card-corner: 16px;
  --tu-side-card-width: 300px;
}

@media (max-width: 500px) {
  :root {
    --tu-side-card-padding-h: 16px;
    --tu-side-card-padding-v: 16px;
    --tu-side-card-gap-v: 16px;
    --tu-side-card-corner: 16px;
    --tu-side-card-width: 430px;
  }
}
:root {
  --tu-card-padding-h: 24px;
  --tu-card-padding-v: 24px;
  --tu-card-gap-v: 24px;
  --tu-card-corner: 16px;
  --tu-card-padding-v-head: 16px;
  --tu-card-max-width: 900px;
  --tu-card-header-contents-gap-h: 8px;
  --tu-card-header-header-texts-gap-v: 2px;
  --tu-card-title-gap-h: 6px;
}

@media (max-width: 500px) {
  :root {
    --tu-card-padding-h: 24px;
    --tu-card-padding-v: 24px;
    --tu-card-gap-v: 16px;
    --tu-card-corner: 16px;
    --tu-card-padding-v-head: 16px;
    --tu-card-max-width: 901px;
    --tu-card-header-contents-gap-h: 8px;
    --tu-card-header-header-texts-gap-v: 2px;
    --tu-card-title-gap-h: 6px;
  }
}
tu-card,
tu-card-header-wrapper {
  display: block;
}

tu-card {
  border: 1px solid var(--color-secondary-100);
  border-radius: var(--tu-card-corner);
  overflow: hidden;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-card {
    font-size: 16px;
  }
}
tu-card {
  font-size: 16px;
}
@media (max-width: 500px) {
  tu-card {
    font-weight: 500;
  }
}
tu-card {
  font-weight: 500;
}
@media (max-width: 500px) {
  tu-card {
    font-style: normal;
  }
}
tu-card {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-card {
    line-height: 140%;
  }
}
tu-card {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-card {
    letter-spacing: 0.15px;
  }
}
tu-card {
  letter-spacing: 0.15px;
}
tu-card[collapsed=true] tu-card-container,
tu-card[collapsed=true] tu-card-container-slot {
  display: none;
}
tu-card[collapsed=true] tu-card-header-wrapper {
  border: none;
}
tu-card tu-card-container-slot {
  gap: var(--tu-side-card-gap-v);
}
tu-card tu-card-container-slot[divider=false] tu-divider {
  display: none;
}

tu-card-header-wrapper {
  padding: var(--tu-card-padding-v-head) var(--tu-card-padding-h);
  background: var(--color-secondary-20);
  border-bottom: 1px solid var(--color-secondary-100);
}

tu-card-header {
  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(--tu-card-header-contents-gap-h);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
tu-card-header tu-card-header-texts {
  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(--tu-card-header-header-texts-gap-v);
  width: 100%;
}
tu-card-header tu-card-title {
  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(--tu-card-title-gap-h);
  color: var(--color-secondary-900);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-card-header tu-card-title {
    font-size: 16px;
  }
}
tu-card-header tu-card-title {
  font-size: 16px;
}
@media (max-width: 500px) {
  tu-card-header tu-card-title {
    font-weight: 600;
  }
}
tu-card-header tu-card-title {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-card-header tu-card-title {
    font-style: normal;
  }
}
tu-card-header tu-card-title {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-card-header tu-card-title {
    line-height: 130%;
  }
}
tu-card-header tu-card-title {
  line-height: 130%;
}
@media (max-width: 500px) {
  tu-card-header tu-card-title {
    letter-spacing: 0;
  }
}
tu-card-header tu-card-title {
  letter-spacing: 0;
}
tu-card-header tu-card-description {
  color: var(--color-secondary-600);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-card-header tu-card-description {
    font-size: 14px;
  }
}
tu-card-header tu-card-description {
  font-size: 14px;
}
@media (max-width: 500px) {
  tu-card-header tu-card-description {
    font-weight: 400;
  }
}
tu-card-header tu-card-description {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-card-header tu-card-description {
    font-style: normal;
  }
}
tu-card-header tu-card-description {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-card-header tu-card-description {
    line-height: 140%;
  }
}
tu-card-header tu-card-description {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-card-header tu-card-description {
    letter-spacing: 0.15px;
  }
}
tu-card-header tu-card-description {
  letter-spacing: 0.15px;
}
tu-card-header tu-card-collapse-button {
  -ms-flex-item-align: center;
      align-self: center;
}

tu-card-container {
  padding: var(--tu-card-padding-v) var(--tu-card-padding-h);
  background: var(--color-secondary-0);
  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(--tu-card-gap-v);
}

tu-card-container-slot {
  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(--tu-card-gap-v);
}
tu-card-container-slot:last-of-type tu-divider {
  display: none;
}

tu-side-card tu-card {
  padding: var(--tu-side-card-padding-v) var(--tu-side-card-padding-h);
  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(--tu-side-card-gap-v);
  border: 1px solid var(--color-status-info-100);
  background: var(--color-status-info-50);
}
tu-side-card[theme=help] tu-card {
  background: var(--color-status-info-50);
  border-color: var(--color-status-info-100);
}
tu-side-card[theme=blog] tu-card {
  background: #F2F1F8;
  border-color: #E6E2FF;
}
tu-side-card[theme=premium] tu-card {
  background: var(--color-primary-50);
  border-color: var(--color-primary-100);
}

tu-chip {
  padding: 0 6px;
  background: var(--color-secondary-0);
  border: 1px solid var(--color-secondary-200);
  border-radius: 6px;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-chip {
    font-size: 16px;
  }
}
tu-chip {
  font-size: 16px;
}
@media (max-width: 500px) {
  tu-chip {
    font-weight: 600;
  }
}
tu-chip {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-chip {
    font-style: normal;
  }
}
tu-chip {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-chip {
    line-height: 130%;
  }
}
tu-chip {
  line-height: 130%;
}
@media (max-width: 500px) {
  tu-chip {
    letter-spacing: 0;
  }
}
tu-chip {
  letter-spacing: 0;
}

:root {
  --tu-slots-gap-v: 12px;
  --tu-slots-gap-h: 12px;
}

@media (max-width: 500px) {
  :root {
    --tu-slots-gap-v: 12px;
    --tu-slots-gap-h: 16px;
  }
}
tu-slots {
  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;
  gap: var(--tu-slots-gap-v);
}
tu-slots[align=horizontal] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: var(--tu-slots-gap-h);
}
tu-slots:not([align=horizontal]) tu-slot[indented] {
  margin-left: var(--tu-global-indent);
  width: calc(100% - var(--tu-global-indent));
}
tu-slots tu-slot {
  width: 100%;
}
tu-slots tu-slot[no-full-width] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

:root {
  --tu-table-corner: 8px;
  --tu-table-cell-padding: 12px;
  --tu-table-row-indent: 64px;
  --tu-table-row-height: 56px;
}

@media (max-width: 500px) {
  :root {
    --tu-table-corner: 8px;
    --tu-table-cell-padding: 12px;
    --tu-table-row-indent: 64px;
    --tu-table-row-height: 56px;
  }
}
tu-table {
  border-radius: var(--tu-table-corner);
  overflow: hidden;
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid var(--color-secondary-100);
  border-bottom: 1px solid var(--color-secondary-100);
}
tu-table table {
  border-collapse: collapse;
  width: 100%;
}
tu-table table .tu-table-row-inner {
  overflow: hidden;
  width: 100%;
}
tu-table table td,
tu-table table th {
  padding: var(--tu-table-cell-padding);
}
tu-table table tr {
  height: var(--tu-table-row-height);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-table table tr {
    font-size: 14px;
  }
}
tu-table table tr {
  font-size: 14px;
}
@media (max-width: 500px) {
  tu-table table tr {
    font-weight: regular;
  }
}
tu-table table tr {
  font-weight: regular;
}
@media (max-width: 500px) {
  tu-table table tr {
    font-style: normal;
  }
}
tu-table table tr {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-table table tr {
    line-height: 140%;
  }
}
tu-table table tr {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-table table tr {
    letter-spacing: 0.15px;
  }
}
tu-table table tr {
  letter-spacing: 0.15px;
}
tu-table table tr.tu-table-row-indented td:first-child, tu-table table tr.tu-table-row-indented th:first-child {
  padding-left: var(--tu-table-row-indent);
}
tu-table table tr.tu-collapse-toggle {
  cursor: pointer;
}
tu-table table tr:not(:last-child),
tu-table table thead {
  border-bottom: 1px solid var(--color-secondary-100);
}
tu-table table tfoot {
  border-top: 1px solid var(--color-secondary-100);
}
tu-table table thead,
tu-table table tfoot,
tu-table table .tu-header-styling {
  background: var(--color-secondary-50);
}

:root {
  --tu-tooltip-corner: 16px;
  --tu-tooltip-padding-h: 16px;
  --tu-tooltip-padding-v: 12px;
  --tu-tooltip-gap-v: 16px;
  --tu-tooltip-width-large: 320px;
  --tu-tooltip-width-medium: 285px;
  --tu-tooltip-width-small: 250px;
}

@media (max-width: 500px) {
  :root {
    --tu-tooltip-corner: 16px;
    --tu-tooltip-padding-h: 16px;
    --tu-tooltip-padding-v: 12px;
    --tu-tooltip-gap-v: 16px;
    --tu-tooltip-width-large: 320px;
    --tu-tooltip-width-medium: 285px;
    --tu-tooltip-width-small: 250px;
  }
}
tu-tooltip {
  border: none;
  padding: var(--tu-tooltip-padding-v) var(--tu-tooltip-padding-h);
  border-radius: var(--tu-tooltip-corner);
  background-color: var(--color-secondary-900);
  color: var(--color-secondary-0);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-tooltip {
    font-size: 14px;
  }
}
tu-tooltip {
  font-size: 14px;
}
@media (max-width: 500px) {
  tu-tooltip {
    font-weight: regular;
  }
}
tu-tooltip {
  font-weight: regular;
}
@media (max-width: 500px) {
  tu-tooltip {
    font-style: normal;
  }
}
tu-tooltip {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-tooltip {
    line-height: 140%;
  }
}
tu-tooltip {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-tooltip {
    letter-spacing: 0.15px;
  }
}
tu-tooltip {
  letter-spacing: 0.15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: 0 64px 18px 0 rgba(61, 61, 61, 0), 0 41px 16px 0 rgba(61, 61, 61, 0.01), 0 23px 14px 0 rgba(61, 61, 61, 0.03), 0 10px 10px 0 rgba(61, 61, 61, 0.05), 0 3px 6px 0 rgba(61, 61, 61, 0.06);
          box-shadow: 0 64px 18px 0 rgba(61, 61, 61, 0), 0 41px 16px 0 rgba(61, 61, 61, 0.01), 0 23px 14px 0 rgba(61, 61, 61, 0.03), 0 10px 10px 0 rgba(61, 61, 61, 0.05), 0 3px 6px 0 rgba(61, 61, 61, 0.06);
}
tu-tooltip[popover] {
  overflow: visible;
}
tu-tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #222;
  border-bottom: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -8px;
}
tu-tooltip[position=left]::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #222;
  border-right: none;
  left: unset;
  right: -8px;
  top: 50%;
  bottom: unset;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
tu-tooltip[position=right]::after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: none;
  border-right: 8px solid #222;
  left: -8px;
  right: unset;
  top: 50%;
  bottom: unset;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
tu-tooltip[position=bottom]::after {
  border-top: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #222;
  top: -8px;
  bottom: unset;
  left: 50%;
  right: unset;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
tu-tooltip[width=large] {
  width: var(--tu-tooltip-width-large);
}
tu-tooltip[width=medium] {
  width: var(--tu-tooltip-width-medium);
}
tu-tooltip[width=small] {
  width: var(--tu-tooltip-width-small);
}

tu-tooltip-trigger {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

:root {
  --tu-boolean-radio-dimension: 20px;
  --tu-boolean-radio-margin: 2px;
  --tu-boolean-checkbox-dimension: 18px;
  --tu-boolean-checkbox-icon-dimension: 24px;
  --tu-boolean-checkbox-margin: 3px;
  --tu-boolean-margin-top: 2px;
  --tu-boolean-gap-v: 2px;
  --tu-boolean-gap-h: 6px;
  --tu-boolean-label-gap: 6px;
  --tu-boolean-corner: 4px;
  --tu-boolean-border: 2px;
  --tu-boolean-outline-offset: 2px;
  --tu-boolean-outline: 6px;
  --tu-boolean-toggle-width: 32px;
  --tu-boolean-toggle-height: 18px;
  --tu-boolean-toggle-knob-dimension: 12px;
  --tu-boolean-toggle-padding: 3px;
  --tu-boolean-toggle-corner: 12px;
}

@media (max-width: 500px) {
  :root {
    --tu-boolean-radio-dimension: 20px;
    --tu-boolean-radio-margin: 2px;
    --tu-boolean-checkbox-dimension: 18px;
    --tu-boolean-checkbox-icon-dimension: 24px;
    --tu-boolean-checkbox-margin: 3px;
    --tu-boolean-margin-top: 2px;
    --tu-boolean-gap-v: 2px;
    --tu-boolean-gap-h: 6px;
    --tu-boolean-label-gap: 6px;
    --tu-boolean-corner: 4px;
    --tu-boolean-border: 2px;
    --tu-boolean-outline-offset: 2px;
    --tu-boolean-outline: 6px;
    --tu-boolean-toggle-width: 32px;
    --tu-boolean-toggle-height: 18px;
    --tu-boolean-toggle-knob-dimension: 12px;
    --tu-boolean-toggle-padding: 3px;
    --tu-boolean-toggle-corner: 12px;
  }
}
tu-boolean {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--tu-boolean-gap-h);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-boolean {
    font-size: 14px;
  }
}
tu-boolean {
  font-size: 14px;
}
@media (max-width: 500px) {
  tu-boolean {
    font-weight: regular;
  }
}
tu-boolean {
  font-weight: regular;
}
@media (max-width: 500px) {
  tu-boolean {
    font-style: normal;
  }
}
tu-boolean {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-boolean {
    line-height: 140%;
  }
}
tu-boolean {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-boolean {
    letter-spacing: 0.15px;
  }
}
tu-boolean {
  letter-spacing: 0.15px;
}
tu-boolean .tu-boolean-content-wrapper {
  margin-top: var(--tu-boolean-margin-top);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
tu-boolean .tu-boolean-label-wrapper {
  margin-bottom: var(--tu-boolean-gap-v);
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: var(--tu-boolean-label-gap);
}
tu-boolean[disabled] .tu-boolean-label {
  color: var(--color-secondary-400);
  cursor: not-allowed;
}
tu-boolean[disabled] .tu-boolean-description {
  color: var(--color-secondary-400);
}
tu-boolean .tu-boolean-label {
  cursor: pointer;
}
tu-boolean .tu-boolean-description {
  color: var(--color-secondary-600);
}
tu-boolean input[type=checkbox] {
  margin: var(--tu-boolean-checkbox-margin);
  width: var(--tu-boolean-checkbox-dimension);
  height: var(--tu-boolean-checkbox-dimension);
  cursor: pointer;
  padding: 0;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: var(--tu-boolean-border) solid var(--color-secondary-300);
  border-radius: var(--tu-boolean-corner);
  background: var(--color-secondary-0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
tu-boolean input[type=checkbox]:disabled {
  cursor: not-allowed;
  border-color: var(--color-secondary-100) !important;
}
tu-boolean input[type=checkbox]:disabled:checked {
  background: var(--color-primary-100);
  border-color: var(--color-primary-100) !important;
}
tu-boolean input[type=checkbox]:indeterminate {
  border-color: var(--color-primary-600);
  background-color: var(--color-primary-600);
}
tu-boolean input[type=checkbox]:indeterminate::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
tu-boolean input[type=checkbox]:indeterminate::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--tu-boolean-checkbox-icon-dimension);
  height: var(--tu-boolean-checkbox-icon-dimension);
  background-image: url("./components/icon/svgs/minus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
tu-boolean input[type=checkbox]:checked {
  border-color: var(--color-primary-600);
  background-color: var(--color-primary-600);
}
tu-boolean input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--tu-boolean-checkbox-icon-dimension);
  height: var(--tu-boolean-checkbox-icon-dimension);
  background-image: url("./components/icon/svgs/check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
tu-boolean input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
tu-boolean input[type=checkbox]:focus-visible {
  outline: none !important;
  -webkit-box-shadow: 0 0 0 var(--tu-boolean-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-boolean-outline) var(--color-primary-300);
          box-shadow: 0 0 0 var(--tu-boolean-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-boolean-outline) var(--color-primary-300);
}
tu-boolean input[type=radio] {
  margin: var(--tu-boolean-radio-margin);
  width: var(--tu-boolean-radio-dimension);
  height: var(--tu-boolean-radio-dimension);
  cursor: pointer;
  padding: 0;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: var(--tu-boolean-border) solid var(--color-secondary-300);
  border-radius: 50%;
  background: var(--color-secondary-0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
tu-boolean input[type=radio]:disabled {
  cursor: not-allowed;
  border-color: var(--color-secondary-100) !important;
}
tu-boolean input[type=radio]:disabled:checked {
  background: var(--color-primary-100);
  border-color: var(--color-primary-100) !important;
}
tu-boolean input[type=radio]:checked {
  border-color: var(--color-primary-600);
  background-color: var(--color-primary-600);
}
tu-boolean input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(var(--tu-boolean-radio-dimension) / 2);
  height: calc(var(--tu-boolean-radio-dimension) / 2);
  background: var(--color-secondary-0);
  border-radius: 100%;
}
tu-boolean input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
tu-boolean input[type=radio]:focus-visible {
  outline: none !important;
  -webkit-box-shadow: 0 0 0 var(--tu-boolean-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-boolean-outline) var(--color-primary-300);
          box-shadow: 0 0 0 var(--tu-boolean-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-boolean-outline) var(--color-primary-300);
}

tu-boolean-toggle {
  display: inline-block;
  cursor: pointer;
}
tu-boolean-toggle[disabled] {
  cursor: not-allowed;
}
tu-boolean-toggle[disabled] .toggle-wrapper {
  background: var(--color-secondary-100);
}
tu-boolean-toggle[disabled] input[type=checkbox]:checked + .toggle-wrapper {
  background: var(--color-primary-100);
}
tu-boolean-toggle .toggle-wrapper {
  width: var(--tu-boolean-toggle-width);
  height: var(--tu-boolean-toggle-height);
  background: var(--color-secondary-200);
  border-radius: var(--tu-boolean-toggle-corner);
  position: relative;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
tu-boolean-toggle .handle {
  width: var(--tu-boolean-toggle-knob-dimension);
  height: var(--tu-boolean-toggle-knob-dimension);
  background: var(--color-secondary-0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: var(--tu-boolean-toggle-padding);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -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;
}
tu-boolean-toggle input[type=checkbox]:checked + .toggle-wrapper {
  background: var(--color-primary-600);
}
tu-boolean-toggle input[type=checkbox]:checked + .toggle-wrapper .handle {
  -webkit-transform: translate(calc(var(--tu-boolean-toggle-width) - var(--tu-boolean-toggle-knob-dimension) - 2 * var(--tu-boolean-toggle-padding)), -50%);
          transform: translate(calc(var(--tu-boolean-toggle-width) - var(--tu-boolean-toggle-knob-dimension) - 2 * var(--tu-boolean-toggle-padding)), -50%);
}
tu-boolean-toggle input[type=checkbox]:focus-visible + .toggle-wrapper {
  -webkit-box-shadow: 0 0 0 var(--tu-boolean-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-boolean-outline) var(--color-primary-300);
          box-shadow: 0 0 0 var(--tu-boolean-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-boolean-outline) var(--color-primary-300);
}
tu-boolean-toggle input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/Inter/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/Inter/Inter-BoldItalic.woff2") format("woff2");
}
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("./fonts/Inter/InterVariable.woff2") format("woff2");
  }
  @font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("./fonts/Inter/InterVariable-Italic.woff2") format("woff2");
  }
}