: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-size-xxl: 64px;
  --tu-icon-size-xl: 48px;
  --tu-icon-size-l: 32px;
  --tu-icon-size-m: 24px;
  --tu-icon-size-s: 20px;
  --tu-icon-size-xs: 18px;
  --tu-icon-size-xxs: 16px;
}

@media (max-width: 500px) {
  :root {
    --tu-icon-size-xxl: 64px;
    --tu-icon-size-xl: 48px;
    --tu-icon-size-l: 32px;
    --tu-icon-size-m: 24px;
    --tu-icon-size-s: 20px;
    --tu-icon-size-xs: 18px;
    --tu-icon-size-xxs: 16px;
  }
}
@-webkit-keyframes tu-icon-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes tu-icon-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
tu-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -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-size-xl);
  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-next.svg");
          mask-image: url("./components/icon/svgs/right-next.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-next.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
tu-icon[size=xxl]::before {
  --tu-icon-size: var(--tu-icon-size-xxl);
}
tu-icon[size=xl]::before {
  --tu-icon-size: var(--tu-icon-size-xl);
}
tu-icon[size=l]::before {
  --tu-icon-size: var(--tu-icon-size-l);
}
tu-icon[size=m]::before {
  --tu-icon-size: var(--tu-icon-size-m);
}
tu-icon[size=s]::before {
  --tu-icon-size: var(--tu-icon-size-s);
}
tu-icon[size=xs]::before {
  --tu-icon-size: var(--tu-icon-size-xs);
}
tu-icon[size=xxs]::before {
  --tu-icon-size: var(--tu-icon-size-xxs);
}
tu-icon[spin=true]::before {
  -webkit-animation: tu-icon-spin 900ms linear infinite;
          animation: tu-icon-spin 900ms linear infinite;
}
tu-icon[instance="404-file-detector"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/404-file-detector.svg");
          mask-image: url("./components/icon/svgs/404-file-detector.svg");
}
tu-icon[instance="404-file-detector"][color=original]::before {
  background-image: url("./components/icon/svgs/404-file-detector.svg");
}
tu-icon[instance=activity-status]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/activity-status.svg");
          mask-image: url("./components/icon/svgs/activity-status.svg");
}
tu-icon[instance=activity-status][color=original]::before {
  background-image: url("./components/icon/svgs/activity-status.svg");
}
tu-icon[instance=add]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/add.svg");
          mask-image: url("./components/icon/svgs/add.svg");
}
tu-icon[instance=add][color=original]::before {
  background-image: url("./components/icon/svgs/add.svg");
}
tu-icon[instance=add-link-connect]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/add-link-connect.svg");
          mask-image: url("./components/icon/svgs/add-link-connect.svg");
}
tu-icon[instance=add-link-connect][color=original]::before {
  background-image: url("./components/icon/svgs/add-link-connect.svg");
}
tu-icon[instance=admin-security-tfa]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/admin-security-tfa.svg");
          mask-image: url("./components/icon/svgs/admin-security-tfa.svg");
}
tu-icon[instance=admin-security-tfa][color=original]::before {
  background-image: url("./components/icon/svgs/admin-security-tfa.svg");
}
tu-icon[instance=advanced]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/advanced.svg");
          mask-image: url("./components/icon/svgs/advanced.svg");
}
tu-icon[instance=advanced][color=original]::before {
  background-image: url("./components/icon/svgs/advanced.svg");
}
tu-icon[instance=ai-agent]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/ai-agent.svg");
          mask-image: url("./components/icon/svgs/ai-agent.svg");
}
tu-icon[instance=ai-agent][color=original]::before {
  background-image: url("./components/icon/svgs/ai-agent.svg");
}
tu-icon[instance=align-center]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/align-center.svg");
          mask-image: url("./components/icon/svgs/align-center.svg");
}
tu-icon[instance=align-center][color=original]::before {
  background-image: url("./components/icon/svgs/align-center.svg");
}
tu-icon[instance=align-left]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/align-left.svg");
          mask-image: url("./components/icon/svgs/align-left.svg");
}
tu-icon[instance=align-left][color=original]::before {
  background-image: url("./components/icon/svgs/align-left.svg");
}
tu-icon[instance=align-right]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/align-right.svg");
          mask-image: url("./components/icon/svgs/align-right.svg");
}
tu-icon[instance=align-right][color=original]::before {
  background-image: url("./components/icon/svgs/align-right.svg");
}
tu-icon[instance=analytics]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/analytics.svg");
          mask-image: url("./components/icon/svgs/analytics.svg");
}
tu-icon[instance=analytics][color=original]::before {
  background-image: url("./components/icon/svgs/analytics.svg");
}
tu-icon[instance=analytics-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/analytics-2.svg");
          mask-image: url("./components/icon/svgs/analytics-2.svg");
}
tu-icon[instance=analytics-2][color=original]::before {
  background-image: url("./components/icon/svgs/analytics-2.svg");
}
tu-icon[instance=archive]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/archive.svg");
          mask-image: url("./components/icon/svgs/archive.svg");
}
tu-icon[instance=archive][color=original]::before {
  background-image: url("./components/icon/svgs/archive.svg");
}
tu-icon[instance=arrow-menu-open-expand-input]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/arrow-menu-open-expand-input.svg");
          mask-image: url("./components/icon/svgs/arrow-menu-open-expand-input.svg");
}
tu-icon[instance=arrow-menu-open-expand-input][color=original]::before {
  background-image: url("./components/icon/svgs/arrow-menu-open-expand-input.svg");
}
tu-icon[instance=article-report]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/article-report.svg");
          mask-image: url("./components/icon/svgs/article-report.svg");
}
tu-icon[instance=article-report][color=original]::before {
  background-image: url("./components/icon/svgs/article-report.svg");
}
tu-icon[instance=aspect-ratio]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/aspect-ratio.svg");
          mask-image: url("./components/icon/svgs/aspect-ratio.svg");
}
tu-icon[instance=aspect-ratio][color=original]::before {
  background-image: url("./components/icon/svgs/aspect-ratio.svg");
}
tu-icon[instance=attach-add]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/attach-add.svg");
          mask-image: url("./components/icon/svgs/attach-add.svg");
}
tu-icon[instance=attach-add][color=original]::before {
  background-image: url("./components/icon/svgs/attach-add.svg");
}
tu-icon[instance=attach-file]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/attach-file.svg");
          mask-image: url("./components/icon/svgs/attach-file.svg");
}
tu-icon[instance=attach-file][color=original]::before {
  background-image: url("./components/icon/svgs/attach-file.svg");
}
tu-icon[instance=auto-renew]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/auto-renew.svg");
          mask-image: url("./components/icon/svgs/auto-renew.svg");
}
tu-icon[instance=auto-renew][color=original]::before {
  background-image: url("./components/icon/svgs/auto-renew.svg");
}
tu-icon[instance=avatar]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/avatar.svg");
          mask-image: url("./components/icon/svgs/avatar.svg");
}
tu-icon[instance=avatar][color=original]::before {
  background-image: url("./components/icon/svgs/avatar.svg");
}
tu-icon[instance=backup]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/backup.svg");
          mask-image: url("./components/icon/svgs/backup.svg");
}
tu-icon[instance=backup][color=original]::before {
  background-image: url("./components/icon/svgs/backup.svg");
}
tu-icon[instance=block-stop]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/block-stop.svg");
          mask-image: url("./components/icon/svgs/block-stop.svg");
}
tu-icon[instance=block-stop][color=original]::before {
  background-image: url("./components/icon/svgs/block-stop.svg");
}
tu-icon[instance=bolt-energy-premium]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/bolt-energy-premium.svg");
          mask-image: url("./components/icon/svgs/bolt-energy-premium.svg");
}
tu-icon[instance=bolt-energy-premium][color=original]::before {
  background-image: url("./components/icon/svgs/bolt-energy-premium.svg");
}
tu-icon[instance=bolt-energy-premium-filled]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/bolt-energy-premium-filled.svg");
          mask-image: url("./components/icon/svgs/bolt-energy-premium-filled.svg");
}
tu-icon[instance=bolt-energy-premium-filled][color=original]::before {
  background-image: url("./components/icon/svgs/bolt-energy-premium-filled.svg");
}
tu-icon[instance=bookmark-save]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/bookmark-save.svg");
          mask-image: url("./components/icon/svgs/bookmark-save.svg");
}
tu-icon[instance=bookmark-save][color=original]::before {
  background-image: url("./components/icon/svgs/bookmark-save.svg");
}
tu-icon[instance=brackets]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/brackets.svg");
          mask-image: url("./components/icon/svgs/brackets.svg");
}
tu-icon[instance=brackets][color=original]::before {
  background-image: url("./components/icon/svgs/brackets.svg");
}
tu-icon[instance=brush]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/brush.svg");
          mask-image: url("./components/icon/svgs/brush.svg");
}
tu-icon[instance=brush][color=original]::before {
  background-image: url("./components/icon/svgs/brush.svg");
}
tu-icon[instance=bug-malware]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/bug-malware.svg");
          mask-image: url("./components/icon/svgs/bug-malware.svg");
}
tu-icon[instance=bug-malware][color=original]::before {
  background-image: url("./components/icon/svgs/bug-malware.svg");
}
tu-icon[instance=bug-malware-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/bug-malware-2.svg");
          mask-image: url("./components/icon/svgs/bug-malware-2.svg");
}
tu-icon[instance=bug-malware-2][color=original]::before {
  background-image: url("./components/icon/svgs/bug-malware-2.svg");
}
tu-icon[instance=bullet]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/bullet.svg");
          mask-image: url("./components/icon/svgs/bullet.svg");
}
tu-icon[instance=bullet][color=original]::before {
  background-image: url("./components/icon/svgs/bullet.svg");
}
tu-icon[instance=cache-storage]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cache-storage.svg");
          mask-image: url("./components/icon/svgs/cache-storage.svg");
}
tu-icon[instance=cache-storage][color=original]::before {
  background-image: url("./components/icon/svgs/cache-storage.svg");
}
tu-icon[instance=calendar-month]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/calendar-month.svg");
          mask-image: url("./components/icon/svgs/calendar-month.svg");
}
tu-icon[instance=calendar-month][color=original]::before {
  background-image: url("./components/icon/svgs/calendar-month.svg");
}
tu-icon[instance=call-to-action]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/call-to-action.svg");
          mask-image: url("./components/icon/svgs/call-to-action.svg");
}
tu-icon[instance=call-to-action][color=original]::before {
  background-image: url("./components/icon/svgs/call-to-action.svg");
}
tu-icon[instance=campaid-ad]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/campaid-ad.svg");
          mask-image: url("./components/icon/svgs/campaid-ad.svg");
}
tu-icon[instance=campaid-ad][color=original]::before {
  background-image: url("./components/icon/svgs/campaid-ad.svg");
}
tu-icon[instance=cancel]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cancel.svg");
          mask-image: url("./components/icon/svgs/cancel.svg");
}
tu-icon[instance=cancel][color=original]::before {
  background-image: url("./components/icon/svgs/cancel.svg");
}
tu-icon[instance=change-history]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/change-history.svg");
          mask-image: url("./components/icon/svgs/change-history.svg");
}
tu-icon[instance=change-history][color=original]::before {
  background-image: url("./components/icon/svgs/change-history.svg");
}
tu-icon[instance=chart-data-seo]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/chart-data-seo.svg");
          mask-image: url("./components/icon/svgs/chart-data-seo.svg");
}
tu-icon[instance=chart-data-seo][color=original]::before {
  background-image: url("./components/icon/svgs/chart-data-seo.svg");
}
tu-icon[instance=chat]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/chat.svg");
          mask-image: url("./components/icon/svgs/chat.svg");
}
tu-icon[instance=chat][color=original]::before {
  background-image: url("./components/icon/svgs/chat.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=check-circle-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/check-circle-alt.svg");
          mask-image: url("./components/icon/svgs/check-circle-alt.svg");
}
tu-icon[instance=check-circle-alt][color=original]::before {
  background-image: url("./components/icon/svgs/check-circle-alt.svg");
}
tu-icon[instance=check-fill]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/check-fill.svg");
          mask-image: url("./components/icon/svgs/check-fill.svg");
}
tu-icon[instance=check-fill][color=original]::before {
  background-image: url("./components/icon/svgs/check-fill.svg");
}
tu-icon[instance=checklist]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/checklist.svg");
          mask-image: url("./components/icon/svgs/checklist.svg");
}
tu-icon[instance=checklist][color=original]::before {
  background-image: url("./components/icon/svgs/checklist.svg");
}
tu-icon[instance=chevron-left]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/chevron-left.svg");
          mask-image: url("./components/icon/svgs/chevron-left.svg");
}
tu-icon[instance=chevron-left][color=original]::before {
  background-image: url("./components/icon/svgs/chevron-left.svg");
}
tu-icon[instance=chevron-right]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/chevron-right.svg");
          mask-image: url("./components/icon/svgs/chevron-right.svg");
}
tu-icon[instance=chevron-right][color=original]::before {
  background-image: url("./components/icon/svgs/chevron-right.svg");
}
tu-icon[instance=chip-memory]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/chip-memory.svg");
          mask-image: url("./components/icon/svgs/chip-memory.svg");
}
tu-icon[instance=chip-memory][color=original]::before {
  background-image: url("./components/icon/svgs/chip-memory.svg");
}
tu-icon[instance=clear-formatting]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/clear-formatting.svg");
          mask-image: url("./components/icon/svgs/clear-formatting.svg");
}
tu-icon[instance=clear-formatting][color=original]::before {
  background-image: url("./components/icon/svgs/clear-formatting.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=clock-time]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/clock-time.svg");
          mask-image: url("./components/icon/svgs/clock-time.svg");
}
tu-icon[instance=clock-time][color=original]::before {
  background-image: url("./components/icon/svgs/clock-time.svg");
}
tu-icon[instance=close-disc]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/close-disc.svg");
          mask-image: url("./components/icon/svgs/close-disc.svg");
}
tu-icon[instance=close-disc][color=original]::before {
  background-image: url("./components/icon/svgs/close-disc.svg");
}
tu-icon[instance=close-remove]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/close-remove.svg");
          mask-image: url("./components/icon/svgs/close-remove.svg");
}
tu-icon[instance=close-remove][color=original]::before {
  background-image: url("./components/icon/svgs/close-remove.svg");
}
tu-icon[instance=cloud]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cloud.svg");
          mask-image: url("./components/icon/svgs/cloud.svg");
}
tu-icon[instance=cloud][color=original]::before {
  background-image: url("./components/icon/svgs/cloud.svg");
}
tu-icon[instance=cloud-backup-storage]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cloud-backup-storage.svg");
          mask-image: url("./components/icon/svgs/cloud-backup-storage.svg");
}
tu-icon[instance=cloud-backup-storage][color=original]::before {
  background-image: url("./components/icon/svgs/cloud-backup-storage.svg");
}
tu-icon[instance=cloud-download]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cloud-download.svg");
          mask-image: url("./components/icon/svgs/cloud-download.svg");
}
tu-icon[instance=cloud-download][color=original]::before {
  background-image: url("./components/icon/svgs/cloud-download.svg");
}
tu-icon[instance=cloud-lock]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cloud-lock.svg");
          mask-image: url("./components/icon/svgs/cloud-lock.svg");
}
tu-icon[instance=cloud-lock][color=original]::before {
  background-image: url("./components/icon/svgs/cloud-lock.svg");
}
tu-icon[instance=cloud-sync]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cloud-sync.svg");
          mask-image: url("./components/icon/svgs/cloud-sync.svg");
}
tu-icon[instance=cloud-sync][color=original]::before {
  background-image: url("./components/icon/svgs/cloud-sync.svg");
}
tu-icon[instance=code]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/code.svg");
          mask-image: url("./components/icon/svgs/code.svg");
}
tu-icon[instance=code][color=original]::before {
  background-image: url("./components/icon/svgs/code.svg");
}
tu-icon[instance=code-blocks]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/code-blocks.svg");
          mask-image: url("./components/icon/svgs/code-blocks.svg");
}
tu-icon[instance=code-blocks][color=original]::before {
  background-image: url("./components/icon/svgs/code-blocks.svg");
}
tu-icon[instance=color-picker]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/color-picker.svg");
          mask-image: url("./components/icon/svgs/color-picker.svg");
}
tu-icon[instance=color-picker][color=original]::before {
  background-image: url("./components/icon/svgs/color-picker.svg");
}
tu-icon[instance=command]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/command.svg");
          mask-image: url("./components/icon/svgs/command.svg");
}
tu-icon[instance=command][color=original]::before {
  background-image: url("./components/icon/svgs/command.svg");
}
tu-icon[instance=comment]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/comment.svg");
          mask-image: url("./components/icon/svgs/comment.svg");
}
tu-icon[instance=comment][color=original]::before {
  background-image: url("./components/icon/svgs/comment.svg");
}
tu-icon[instance=compress]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/compress.svg");
          mask-image: url("./components/icon/svgs/compress.svg");
}
tu-icon[instance=compress][color=original]::before {
  background-image: url("./components/icon/svgs/compress.svg");
}
tu-icon[instance=configuration-tweaks]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/configuration-tweaks.svg");
          mask-image: url("./components/icon/svgs/configuration-tweaks.svg");
}
tu-icon[instance=configuration-tweaks][color=original]::before {
  background-image: url("./components/icon/svgs/configuration-tweaks.svg");
}
tu-icon[instance=contact-support]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/contact-support.svg");
          mask-image: url("./components/icon/svgs/contact-support.svg");
}
tu-icon[instance=contact-support][color=original]::before {
  background-image: url("./components/icon/svgs/contact-support.svg");
}
tu-icon[instance=content-search]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/content-search.svg");
          mask-image: url("./components/icon/svgs/content-search.svg");
}
tu-icon[instance=content-search][color=original]::before {
  background-image: url("./components/icon/svgs/content-search.svg");
}
tu-icon[instance=control-key]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/control-key.svg");
          mask-image: url("./components/icon/svgs/control-key.svg");
}
tu-icon[instance=control-key][color=original]::before {
  background-image: url("./components/icon/svgs/control-key.svg");
}
tu-icon[instance=conversion-path-migrate]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/conversion-path-migrate.svg");
          mask-image: url("./components/icon/svgs/conversion-path-migrate.svg");
}
tu-icon[instance=conversion-path-migrate][color=original]::before {
  background-image: url("./components/icon/svgs/conversion-path-migrate.svg");
}
tu-icon[instance=copy-clipboard-clone]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/copy-clipboard-clone.svg");
          mask-image: url("./components/icon/svgs/copy-clipboard-clone.svg");
}
tu-icon[instance=copy-clipboard-clone][color=original]::before {
  background-image: url("./components/icon/svgs/copy-clipboard-clone.svg");
}
tu-icon[instance=create-new-folder]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/create-new-folder.svg");
          mask-image: url("./components/icon/svgs/create-new-folder.svg");
}
tu-icon[instance=create-new-folder][color=original]::before {
  background-image: url("./components/icon/svgs/create-new-folder.svg");
}
tu-icon[instance=credit-card]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/credit-card.svg");
          mask-image: url("./components/icon/svgs/credit-card.svg");
}
tu-icon[instance=credit-card][color=original]::before {
  background-image: url("./components/icon/svgs/credit-card.svg");
}
tu-icon[instance=credit-card-off-expired]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/credit-card-off-expired.svg");
          mask-image: url("./components/icon/svgs/credit-card-off-expired.svg");
}
tu-icon[instance=credit-card-off-expired][color=original]::before {
  background-image: url("./components/icon/svgs/credit-card-off-expired.svg");
}
tu-icon[instance=crop]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/crop.svg");
          mask-image: url("./components/icon/svgs/crop.svg");
}
tu-icon[instance=crop][color=original]::before {
  background-image: url("./components/icon/svgs/crop.svg");
}
tu-icon[instance=crop-rotate]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/crop-rotate.svg");
          mask-image: url("./components/icon/svgs/crop-rotate.svg");
}
tu-icon[instance=crop-rotate][color=original]::before {
  background-image: url("./components/icon/svgs/crop-rotate.svg");
}
tu-icon[instance=crown]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/crown.svg");
          mask-image: url("./components/icon/svgs/crown.svg");
}
tu-icon[instance=crown][color=original]::before {
  background-image: url("./components/icon/svgs/crown.svg");
}
tu-icon[instance=css]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/css.svg");
          mask-image: url("./components/icon/svgs/css.svg");
}
tu-icon[instance=css][color=original]::before {
  background-image: url("./components/icon/svgs/css.svg");
}
tu-icon[instance=cursor]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cursor.svg");
          mask-image: url("./components/icon/svgs/cursor.svg");
}
tu-icon[instance=cursor][color=original]::before {
  background-image: url("./components/icon/svgs/cursor.svg");
}
tu-icon[instance=cut]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/cut.svg");
          mask-image: url("./components/icon/svgs/cut.svg");
}
tu-icon[instance=cut][color=original]::before {
  background-image: url("./components/icon/svgs/cut.svg");
}
tu-icon[instance=dashboard]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/dashboard.svg");
          mask-image: url("./components/icon/svgs/dashboard.svg");
}
tu-icon[instance=dashboard][color=original]::before {
  background-image: url("./components/icon/svgs/dashboard.svg");
}
tu-icon[instance=dashboard-customize]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/dashboard-customize.svg");
          mask-image: url("./components/icon/svgs/dashboard-customize.svg");
}
tu-icon[instance=dashboard-customize][color=original]::before {
  background-image: url("./components/icon/svgs/dashboard-customize.svg");
}
tu-icon[instance=database]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/database.svg");
          mask-image: url("./components/icon/svgs/database.svg");
}
tu-icon[instance=database][color=original]::before {
  background-image: url("./components/icon/svgs/database.svg");
}
tu-icon[instance=database-search]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/database-search.svg");
          mask-image: url("./components/icon/svgs/database-search.svg");
}
tu-icon[instance=database-search][color=original]::before {
  background-image: url("./components/icon/svgs/database-search.svg");
}
tu-icon[instance=database-upload]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/database-upload.svg");
          mask-image: url("./components/icon/svgs/database-upload.svg");
}
tu-icon[instance=database-upload][color=original]::before {
  background-image: url("./components/icon/svgs/database-upload.svg");
}
tu-icon[instance=decrease-indent]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/decrease-indent.svg");
          mask-image: url("./components/icon/svgs/decrease-indent.svg");
}
tu-icon[instance=decrease-indent][color=original]::before {
  background-image: url("./components/icon/svgs/decrease-indent.svg");
}
tu-icon[instance=delete-forever]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/delete-forever.svg");
          mask-image: url("./components/icon/svgs/delete-forever.svg");
}
tu-icon[instance=delete-forever][color=original]::before {
  background-image: url("./components/icon/svgs/delete-forever.svg");
}
tu-icon[instance=delete-trash]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/delete-trash.svg");
          mask-image: url("./components/icon/svgs/delete-trash.svg");
}
tu-icon[instance=delete-trash][color=original]::before {
  background-image: url("./components/icon/svgs/delete-trash.svg");
}
tu-icon[instance=deployed-code-update-update]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/deployed-code-update-update.svg");
          mask-image: url("./components/icon/svgs/deployed-code-update-update.svg");
}
tu-icon[instance=deployed-code-update-update][color=original]::before {
  background-image: url("./components/icon/svgs/deployed-code-update-update.svg");
}
tu-icon[instance=description-document]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/description-document.svg");
          mask-image: url("./components/icon/svgs/description-document.svg");
}
tu-icon[instance=description-document][color=original]::before {
  background-image: url("./components/icon/svgs/description-document.svg");
}
tu-icon[instance=desktop-local-sync]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/desktop-local-sync.svg");
          mask-image: url("./components/icon/svgs/desktop-local-sync.svg");
}
tu-icon[instance=desktop-local-sync][color=original]::before {
  background-image: url("./components/icon/svgs/desktop-local-sync.svg");
}
tu-icon[instance=devices]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/devices.svg");
          mask-image: url("./components/icon/svgs/devices.svg");
}
tu-icon[instance=devices][color=original]::before {
  background-image: url("./components/icon/svgs/devices.svg");
}
tu-icon[instance=devider-align-center]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/devider-align-center.svg");
          mask-image: url("./components/icon/svgs/devider-align-center.svg");
}
tu-icon[instance=devider-align-center][color=original]::before {
  background-image: url("./components/icon/svgs/devider-align-center.svg");
}
tu-icon[instance=directories-tree]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/directories-tree.svg");
          mask-image: url("./components/icon/svgs/directories-tree.svg");
}
tu-icon[instance=directories-tree][color=original]::before {
  background-image: url("./components/icon/svgs/directories-tree.svg");
}
tu-icon[instance=disconnect]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/disconnect.svg");
          mask-image: url("./components/icon/svgs/disconnect.svg");
}
tu-icon[instance=disconnect][color=original]::before {
  background-image: url("./components/icon/svgs/disconnect.svg");
}
tu-icon[instance=discord]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/discord.svg");
          mask-image: url("./components/icon/svgs/discord.svg");
}
tu-icon[instance=discord][color=original]::before {
  background-image: url("./components/icon/svgs/discord.svg");
}
tu-icon[instance=dns]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/dns.svg");
          mask-image: url("./components/icon/svgs/dns.svg");
}
tu-icon[instance=dns][color=original]::before {
  background-image: url("./components/icon/svgs/dns.svg");
}
tu-icon[instance=dock-to-left-sidebar]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/dock-to-left-sidebar.svg");
          mask-image: url("./components/icon/svgs/dock-to-left-sidebar.svg");
}
tu-icon[instance=dock-to-left-sidebar][color=original]::before {
  background-image: url("./components/icon/svgs/dock-to-left-sidebar.svg");
}
tu-icon[instance=don-t-show-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/don-t-show-alt.svg");
          mask-image: url("./components/icon/svgs/don-t-show-alt.svg");
}
tu-icon[instance=don-t-show-alt][color=original]::before {
  background-image: url("./components/icon/svgs/don-t-show-alt.svg");
}
tu-icon[instance=done-all]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/done-all.svg");
          mask-image: url("./components/icon/svgs/done-all.svg");
}
tu-icon[instance=done-all][color=original]::before {
  background-image: url("./components/icon/svgs/done-all.svg");
}
tu-icon[instance=dot-circle]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/dot-circle.svg");
          mask-image: url("./components/icon/svgs/dot-circle.svg");
}
tu-icon[instance=dot-circle][color=original]::before {
  background-image: url("./components/icon/svgs/dot-circle.svg");
}
tu-icon[instance=double-arrow-down-scroll]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/double-arrow-down-scroll.svg");
          mask-image: url("./components/icon/svgs/double-arrow-down-scroll.svg");
}
tu-icon[instance=double-arrow-down-scroll][color=original]::before {
  background-image: url("./components/icon/svgs/double-arrow-down-scroll.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=down-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/down-alt.svg");
          mask-image: url("./components/icon/svgs/down-alt.svg");
}
tu-icon[instance=down-alt][color=original]::before {
  background-image: url("./components/icon/svgs/down-alt.svg");
}
tu-icon[instance=down-alt-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/down-alt-2.svg");
          mask-image: url("./components/icon/svgs/down-alt-2.svg");
}
tu-icon[instance=down-alt-2][color=original]::before {
  background-image: url("./components/icon/svgs/down-alt-2.svg");
}
tu-icon[instance=downtime]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/downtime.svg");
          mask-image: url("./components/icon/svgs/downtime.svg");
}
tu-icon[instance=downtime][color=original]::before {
  background-image: url("./components/icon/svgs/downtime.svg");
}
tu-icon[instance=draft-file]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/draft-file.svg");
          mask-image: url("./components/icon/svgs/draft-file.svg");
}
tu-icon[instance=draft-file][color=original]::before {
  background-image: url("./components/icon/svgs/draft-file.svg");
}
tu-icon[instance=drag-indicator]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/drag-indicator.svg");
          mask-image: url("./components/icon/svgs/drag-indicator.svg");
}
tu-icon[instance=drag-indicator][color=original]::before {
  background-image: url("./components/icon/svgs/drag-indicator.svg");
}
tu-icon[instance=ecommerce]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/ecommerce.svg");
          mask-image: url("./components/icon/svgs/ecommerce.svg");
}
tu-icon[instance=ecommerce][color=original]::before {
  background-image: url("./components/icon/svgs/ecommerce.svg");
}
tu-icon[instance=edit]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/edit.svg");
          mask-image: url("./components/icon/svgs/edit.svg");
}
tu-icon[instance=edit][color=original]::before {
  background-image: url("./components/icon/svgs/edit.svg");
}
tu-icon[instance=edit-document]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/edit-document.svg");
          mask-image: url("./components/icon/svgs/edit-document.svg");
}
tu-icon[instance=edit-document][color=original]::before {
  background-image: url("./components/icon/svgs/edit-document.svg");
}
tu-icon[instance=email]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/email.svg");
          mask-image: url("./components/icon/svgs/email.svg");
}
tu-icon[instance=email][color=original]::before {
  background-image: url("./components/icon/svgs/email.svg");
}
tu-icon[instance=encrypted]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/encrypted.svg");
          mask-image: url("./components/icon/svgs/encrypted.svg");
}
tu-icon[instance=encrypted][color=original]::before {
  background-image: url("./components/icon/svgs/encrypted.svg");
}
tu-icon[instance=error]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/error.svg");
          mask-image: url("./components/icon/svgs/error.svg");
}
tu-icon[instance=error][color=original]::before {
  background-image: url("./components/icon/svgs/error.svg");
}
tu-icon[instance=error-fill]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/error-fill.svg");
          mask-image: url("./components/icon/svgs/error-fill.svg");
}
tu-icon[instance=error-fill][color=original]::before {
  background-image: url("./components/icon/svgs/error-fill.svg");
}
tu-icon[instance=events-history]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/events-history.svg");
          mask-image: url("./components/icon/svgs/events-history.svg");
}
tu-icon[instance=events-history][color=original]::before {
  background-image: url("./components/icon/svgs/events-history.svg");
}
tu-icon[instance=expand-circle-down]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/expand-circle-down.svg");
          mask-image: url("./components/icon/svgs/expand-circle-down.svg");
}
tu-icon[instance=expand-circle-down][color=original]::before {
  background-image: url("./components/icon/svgs/expand-circle-down.svg");
}
tu-icon[instance=expand-content]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/expand-content.svg");
          mask-image: url("./components/icon/svgs/expand-content.svg");
}
tu-icon[instance=expand-content][color=original]::before {
  background-image: url("./components/icon/svgs/expand-content.svg");
}
tu-icon[instance=expand-input]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/expand-input.svg");
          mask-image: url("./components/icon/svgs/expand-input.svg");
}
tu-icon[instance=expand-input][color=original]::before {
  background-image: url("./components/icon/svgs/expand-input.svg");
}
tu-icon[instance=export]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/export.svg");
          mask-image: url("./components/icon/svgs/export.svg");
}
tu-icon[instance=export][color=original]::before {
  background-image: url("./components/icon/svgs/export.svg");
}
tu-icon[instance=export-publish]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/export-publish.svg");
          mask-image: url("./components/icon/svgs/export-publish.svg");
}
tu-icon[instance=export-publish][color=original]::before {
  background-image: url("./components/icon/svgs/export-publish.svg");
}
tu-icon[instance=filter-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/filter-alt.svg");
          mask-image: url("./components/icon/svgs/filter-alt.svg");
}
tu-icon[instance=filter-alt][color=original]::before {
  background-image: url("./components/icon/svgs/filter-alt.svg");
}
tu-icon[instance=filter-list]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/filter-list.svg");
          mask-image: url("./components/icon/svgs/filter-list.svg");
}
tu-icon[instance=filter-list][color=original]::before {
  background-image: url("./components/icon/svgs/filter-list.svg");
}
tu-icon[instance=fingerprint]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/fingerprint.svg");
          mask-image: url("./components/icon/svgs/fingerprint.svg");
}
tu-icon[instance=fingerprint][color=original]::before {
  background-image: url("./components/icon/svgs/fingerprint.svg");
}
tu-icon[instance=fire-flame]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/fire-flame.svg");
          mask-image: url("./components/icon/svgs/fire-flame.svg");
}
tu-icon[instance=fire-flame][color=original]::before {
  background-image: url("./components/icon/svgs/fire-flame.svg");
}
tu-icon[instance=firewall]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/firewall.svg");
          mask-image: url("./components/icon/svgs/firewall.svg");
}
tu-icon[instance=firewall][color=original]::before {
  background-image: url("./components/icon/svgs/firewall.svg");
}
tu-icon[instance=flip]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/flip.svg");
          mask-image: url("./components/icon/svgs/flip.svg");
}
tu-icon[instance=flip][color=original]::before {
  background-image: url("./components/icon/svgs/flip.svg");
}
tu-icon[instance=flow-sysop]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/flow-sysop.svg");
          mask-image: url("./components/icon/svgs/flow-sysop.svg");
}
tu-icon[instance=flow-sysop][color=original]::before {
  background-image: url("./components/icon/svgs/flow-sysop.svg");
}
tu-icon[instance=flow-sysop-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/flow-sysop-2.svg");
          mask-image: url("./components/icon/svgs/flow-sysop-2.svg");
}
tu-icon[instance=flow-sysop-2][color=original]::before {
  background-image: url("./components/icon/svgs/flow-sysop-2.svg");
}
tu-icon[instance=folder]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/folder.svg");
          mask-image: url("./components/icon/svgs/folder.svg");
}
tu-icon[instance=folder][color=original]::before {
  background-image: url("./components/icon/svgs/folder.svg");
}
tu-icon[instance=folder-check]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/folder-check.svg");
          mask-image: url("./components/icon/svgs/folder-check.svg");
}
tu-icon[instance=folder-check][color=original]::before {
  background-image: url("./components/icon/svgs/folder-check.svg");
}
tu-icon[instance=folder-delete]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/folder-delete.svg");
          mask-image: url("./components/icon/svgs/folder-delete.svg");
}
tu-icon[instance=folder-delete][color=original]::before {
  background-image: url("./components/icon/svgs/folder-delete.svg");
}
tu-icon[instance=folder-filled]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/folder-filled.svg");
          mask-image: url("./components/icon/svgs/folder-filled.svg");
}
tu-icon[instance=folder-filled][color=original]::before {
  background-image: url("./components/icon/svgs/folder-filled.svg");
}
tu-icon[instance=folder-open]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/folder-open.svg");
          mask-image: url("./components/icon/svgs/folder-open.svg");
}
tu-icon[instance=folder-open][color=original]::before {
  background-image: url("./components/icon/svgs/folder-open.svg");
}
tu-icon[instance=folder-zip]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/folder-zip.svg");
          mask-image: url("./components/icon/svgs/folder-zip.svg");
}
tu-icon[instance=folder-zip][color=original]::before {
  background-image: url("./components/icon/svgs/folder-zip.svg");
}
tu-icon[instance=fonts]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/fonts.svg");
          mask-image: url("./components/icon/svgs/fonts.svg");
}
tu-icon[instance=fonts][color=original]::before {
  background-image: url("./components/icon/svgs/fonts.svg");
}
tu-icon[instance=format-bold]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/format-bold.svg");
          mask-image: url("./components/icon/svgs/format-bold.svg");
}
tu-icon[instance=format-bold][color=original]::before {
  background-image: url("./components/icon/svgs/format-bold.svg");
}
tu-icon[instance=format-italic]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/format-italic.svg");
          mask-image: url("./components/icon/svgs/format-italic.svg");
}
tu-icon[instance=format-italic][color=original]::before {
  background-image: url("./components/icon/svgs/format-italic.svg");
}
tu-icon[instance=format-underline]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/format-underline.svg");
          mask-image: url("./components/icon/svgs/format-underline.svg");
}
tu-icon[instance=format-underline][color=original]::before {
  background-image: url("./components/icon/svgs/format-underline.svg");
}
tu-icon[instance=forward]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/forward.svg");
          mask-image: url("./components/icon/svgs/forward.svg");
}
tu-icon[instance=forward][color=original]::before {
  background-image: url("./components/icon/svgs/forward.svg");
}
tu-icon[instance=forward-to-inbox]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/forward-to-inbox.svg");
          mask-image: url("./components/icon/svgs/forward-to-inbox.svg");
}
tu-icon[instance=forward-to-inbox][color=original]::before {
  background-image: url("./components/icon/svgs/forward-to-inbox.svg");
}
tu-icon[instance=frame-inspect]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/frame-inspect.svg");
          mask-image: url("./components/icon/svgs/frame-inspect.svg");
}
tu-icon[instance=frame-inspect][color=original]::before {
  background-image: url("./components/icon/svgs/frame-inspect.svg");
}
tu-icon[instance=fullscreen]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/fullscreen.svg");
          mask-image: url("./components/icon/svgs/fullscreen.svg");
}
tu-icon[instance=fullscreen][color=original]::before {
  background-image: url("./components/icon/svgs/fullscreen.svg");
}
tu-icon[instance=gesture-select-tutorial]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/gesture-select-tutorial.svg");
          mask-image: url("./components/icon/svgs/gesture-select-tutorial.svg");
}
tu-icon[instance=gesture-select-tutorial][color=original]::before {
  background-image: url("./components/icon/svgs/gesture-select-tutorial.svg");
}
tu-icon[instance=globe-location-world]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/globe-location-world.svg");
          mask-image: url("./components/icon/svgs/globe-location-world.svg");
}
tu-icon[instance=globe-location-world][color=original]::before {
  background-image: url("./components/icon/svgs/globe-location-world.svg");
}
tu-icon[instance=grid-view]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/grid-view.svg");
          mask-image: url("./components/icon/svgs/grid-view.svg");
}
tu-icon[instance=grid-view][color=original]::before {
  background-image: url("./components/icon/svgs/grid-view.svg");
}
tu-icon[instance=group-add-share-access]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/group-add-share-access.svg");
          mask-image: url("./components/icon/svgs/group-add-share-access.svg");
}
tu-icon[instance=group-add-share-access][color=original]::before {
  background-image: url("./components/icon/svgs/group-add-share-access.svg");
}
tu-icon[instance=groups-forum]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/groups-forum.svg");
          mask-image: url("./components/icon/svgs/groups-forum.svg");
}
tu-icon[instance=groups-forum][color=original]::before {
  background-image: url("./components/icon/svgs/groups-forum.svg");
}
tu-icon[instance=half-star]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/half-star.svg");
          mask-image: url("./components/icon/svgs/half-star.svg");
}
tu-icon[instance=half-star][color=original]::before {
  background-image: url("./components/icon/svgs/half-star.svg");
}
tu-icon[instance=handshake]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/handshake.svg");
          mask-image: url("./components/icon/svgs/handshake.svg");
}
tu-icon[instance=handshake][color=original]::before {
  background-image: url("./components/icon/svgs/handshake.svg");
}
tu-icon[instance=hard-drive]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/hard-drive.svg");
          mask-image: url("./components/icon/svgs/hard-drive.svg");
}
tu-icon[instance=hard-drive][color=original]::before {
  background-image: url("./components/icon/svgs/hard-drive.svg");
}
tu-icon[instance=height]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/height.svg");
          mask-image: url("./components/icon/svgs/height.svg");
}
tu-icon[instance=height][color=original]::before {
  background-image: url("./components/icon/svgs/height.svg");
}
tu-icon[instance=help]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/help.svg");
          mask-image: url("./components/icon/svgs/help.svg");
}
tu-icon[instance=help][color=original]::before {
  background-image: url("./components/icon/svgs/help.svg");
}
tu-icon[instance=help-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/help-2.svg");
          mask-image: url("./components/icon/svgs/help-2.svg");
}
tu-icon[instance=help-2][color=original]::before {
  background-image: url("./components/icon/svgs/help-2.svg");
}
tu-icon[instance=home]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/home.svg");
          mask-image: url("./components/icon/svgs/home.svg");
}
tu-icon[instance=home][color=original]::before {
  background-image: url("./components/icon/svgs/home.svg");
}
tu-icon[instance=hourglass-pause-defer]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/hourglass-pause-defer.svg");
          mask-image: url("./components/icon/svgs/hourglass-pause-defer.svg");
}
tu-icon[instance=hourglass-pause-defer][color=original]::before {
  background-image: url("./components/icon/svgs/hourglass-pause-defer.svg");
}
tu-icon[instance=hourglass-progress-pending]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/hourglass-progress-pending.svg");
          mask-image: url("./components/icon/svgs/hourglass-progress-pending.svg");
}
tu-icon[instance=hourglass-progress-pending][color=original]::before {
  background-image: url("./components/icon/svgs/hourglass-progress-pending.svg");
}
tu-icon[instance=hub]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/hub.svg");
          mask-image: url("./components/icon/svgs/hub.svg");
}
tu-icon[instance=hub][color=original]::before {
  background-image: url("./components/icon/svgs/hub.svg");
}
tu-icon[instance=image]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/image.svg");
          mask-image: url("./components/icon/svgs/image.svg");
}
tu-icon[instance=image][color=original]::before {
  background-image: url("./components/icon/svgs/image.svg");
}
tu-icon[instance=image-dimensions]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/image-dimensions.svg");
          mask-image: url("./components/icon/svgs/image-dimensions.svg");
}
tu-icon[instance=image-dimensions][color=original]::before {
  background-image: url("./components/icon/svgs/image-dimensions.svg");
}
tu-icon[instance=image-search]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/image-search.svg");
          mask-image: url("./components/icon/svgs/image-search.svg");
}
tu-icon[instance=image-search][color=original]::before {
  background-image: url("./components/icon/svgs/image-search.svg");
}
tu-icon[instance=import-download]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/import-download.svg");
          mask-image: url("./components/icon/svgs/import-download.svg");
}
tu-icon[instance=import-download][color=original]::before {
  background-image: url("./components/icon/svgs/import-download.svg");
}
tu-icon[instance=increase-indent]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/increase-indent.svg");
          mask-image: url("./components/icon/svgs/increase-indent.svg");
}
tu-icon[instance=increase-indent][color=original]::before {
  background-image: url("./components/icon/svgs/increase-indent.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=insert-read-more]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/insert-read-more.svg");
          mask-image: url("./components/icon/svgs/insert-read-more.svg");
}
tu-icon[instance=insert-read-more][color=original]::before {
  background-image: url("./components/icon/svgs/insert-read-more.svg");
}
tu-icon[instance=instruction-code-metadata]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/instruction-code-metadata.svg");
          mask-image: url("./components/icon/svgs/instruction-code-metadata.svg");
}
tu-icon[instance=instruction-code-metadata][color=original]::before {
  background-image: url("./components/icon/svgs/instruction-code-metadata.svg");
}
tu-icon[instance=invert-select-flip-to-back]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/invert-select-flip-to-back.svg");
          mask-image: url("./components/icon/svgs/invert-select-flip-to-back.svg");
}
tu-icon[instance=invert-select-flip-to-back][color=original]::before {
  background-image: url("./components/icon/svgs/invert-select-flip-to-back.svg");
}
tu-icon[instance=iphone-mobile]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/iphone-mobile.svg");
          mask-image: url("./components/icon/svgs/iphone-mobile.svg");
}
tu-icon[instance=iphone-mobile][color=original]::before {
  background-image: url("./components/icon/svgs/iphone-mobile.svg");
}
tu-icon[instance=javascript]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/javascript.svg");
          mask-image: url("./components/icon/svgs/javascript.svg");
}
tu-icon[instance=javascript][color=original]::before {
  background-image: url("./components/icon/svgs/javascript.svg");
}
tu-icon[instance=key]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/key.svg");
          mask-image: url("./components/icon/svgs/key.svg");
}
tu-icon[instance=key][color=original]::before {
  background-image: url("./components/icon/svgs/key.svg");
}
tu-icon[instance=label]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/label.svg");
          mask-image: url("./components/icon/svgs/label.svg");
}
tu-icon[instance=label][color=original]::before {
  background-image: url("./components/icon/svgs/label.svg");
}
tu-icon[instance=launch-rocket]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/launch-rocket.svg");
          mask-image: url("./components/icon/svgs/launch-rocket.svg");
}
tu-icon[instance=launch-rocket][color=original]::before {
  background-image: url("./components/icon/svgs/launch-rocket.svg");
}
tu-icon[instance=lazy-loading-preload]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/lazy-loading-preload.svg");
          mask-image: url("./components/icon/svgs/lazy-loading-preload.svg");
}
tu-icon[instance=lazy-loading-preload][color=original]::before {
  background-image: url("./components/icon/svgs/lazy-loading-preload.svg");
}
tu-icon[instance=left-back]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/left-back.svg");
          mask-image: url("./components/icon/svgs/left-back.svg");
}
tu-icon[instance=left-back][color=original]::before {
  background-image: url("./components/icon/svgs/left-back.svg");
}
tu-icon[instance=lightbulb-idea]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/lightbulb-idea.svg");
          mask-image: url("./components/icon/svgs/lightbulb-idea.svg");
}
tu-icon[instance=lightbulb-idea][color=original]::before {
  background-image: url("./components/icon/svgs/lightbulb-idea.svg");
}
tu-icon[instance=lightbulb-idea-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/lightbulb-idea-2.svg");
          mask-image: url("./components/icon/svgs/lightbulb-idea-2.svg");
}
tu-icon[instance=lightbulb-idea-2][color=original]::before {
  background-image: url("./components/icon/svgs/lightbulb-idea-2.svg");
}
tu-icon[instance=link]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/link.svg");
          mask-image: url("./components/icon/svgs/link.svg");
}
tu-icon[instance=link][color=original]::before {
  background-image: url("./components/icon/svgs/link.svg");
}
tu-icon[instance=list-alt-access-lists]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/list-alt-access-lists.svg");
          mask-image: url("./components/icon/svgs/list-alt-access-lists.svg");
}
tu-icon[instance=list-alt-access-lists][color=original]::before {
  background-image: url("./components/icon/svgs/list-alt-access-lists.svg");
}
tu-icon[instance=list-bulleted]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/list-bulleted.svg");
          mask-image: url("./components/icon/svgs/list-bulleted.svg");
}
tu-icon[instance=list-bulleted][color=original]::before {
  background-image: url("./components/icon/svgs/list-bulleted.svg");
}
tu-icon[instance=list-bulleted-task-todo]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/list-bulleted-task-todo.svg");
          mask-image: url("./components/icon/svgs/list-bulleted-task-todo.svg");
}
tu-icon[instance=list-bulleted-task-todo][color=original]::before {
  background-image: url("./components/icon/svgs/list-bulleted-task-todo.svg");
}
tu-icon[instance=list-numbered]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/list-numbered.svg");
          mask-image: url("./components/icon/svgs/list-numbered.svg");
}
tu-icon[instance=list-numbered][color=original]::before {
  background-image: url("./components/icon/svgs/list-numbered.svg");
}
tu-icon[instance=list-view]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/list-view.svg");
          mask-image: url("./components/icon/svgs/list-view.svg");
}
tu-icon[instance=list-view][color=original]::before {
  background-image: url("./components/icon/svgs/list-view.svg");
}
tu-icon[instance=location-check]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/location-check.svg");
          mask-image: url("./components/icon/svgs/location-check.svg");
}
tu-icon[instance=location-check][color=original]::before {
  background-image: url("./components/icon/svgs/location-check.svg");
}
tu-icon[instance=lock]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/lock.svg");
          mask-image: url("./components/icon/svgs/lock.svg");
}
tu-icon[instance=lock][color=original]::before {
  background-image: url("./components/icon/svgs/lock.svg");
}
tu-icon[instance=lock-ip-lock-user]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/lock-ip-lock-user.svg");
          mask-image: url("./components/icon/svgs/lock-ip-lock-user.svg");
}
tu-icon[instance=lock-ip-lock-user][color=original]::before {
  background-image: url("./components/icon/svgs/lock-ip-lock-user.svg");
}
tu-icon[instance=lock-open]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/lock-open.svg");
          mask-image: url("./components/icon/svgs/lock-open.svg");
}
tu-icon[instance=lock-open][color=original]::before {
  background-image: url("./components/icon/svgs/lock-open.svg");
}
tu-icon[instance=login]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/login.svg");
          mask-image: url("./components/icon/svgs/login.svg");
}
tu-icon[instance=login][color=original]::before {
  background-image: url("./components/icon/svgs/login.svg");
}
tu-icon[instance=login-security]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/login-security.svg");
          mask-image: url("./components/icon/svgs/login-security.svg");
}
tu-icon[instance=login-security][color=original]::before {
  background-image: url("./components/icon/svgs/login-security.svg");
}
tu-icon[instance=logout]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/logout.svg");
          mask-image: url("./components/icon/svgs/logout.svg");
}
tu-icon[instance=logout][color=original]::before {
  background-image: url("./components/icon/svgs/logout.svg");
}
tu-icon[instance=macbook]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/macbook.svg");
          mask-image: url("./components/icon/svgs/macbook.svg");
}
tu-icon[instance=macbook][color=original]::before {
  background-image: url("./components/icon/svgs/macbook.svg");
}
tu-icon[instance=magic-wand]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/magic-wand.svg");
          mask-image: url("./components/icon/svgs/magic-wand.svg");
}
tu-icon[instance=magic-wand][color=original]::before {
  background-image: url("./components/icon/svgs/magic-wand.svg");
}
tu-icon[instance=manage-accounts]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/manage-accounts.svg");
          mask-image: url("./components/icon/svgs/manage-accounts.svg");
}
tu-icon[instance=manage-accounts][color=original]::before {
  background-image: url("./components/icon/svgs/manage-accounts.svg");
}
tu-icon[instance=media]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/media.svg");
          mask-image: url("./components/icon/svgs/media.svg");
}
tu-icon[instance=media][color=original]::before {
  background-image: url("./components/icon/svgs/media.svg");
}
tu-icon[instance=menu]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/menu.svg");
          mask-image: url("./components/icon/svgs/menu.svg");
}
tu-icon[instance=menu][color=original]::before {
  background-image: url("./components/icon/svgs/menu.svg");
}
tu-icon[instance=migrate-swap]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/migrate-swap.svg");
          mask-image: url("./components/icon/svgs/migrate-swap.svg");
}
tu-icon[instance=migrate-swap][color=original]::before {
  background-image: url("./components/icon/svgs/migrate-swap.svg");
}
tu-icon[instance=minification]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/minification.svg");
          mask-image: url("./components/icon/svgs/minification.svg");
}
tu-icon[instance=minification][color=original]::before {
  background-image: url("./components/icon/svgs/minification.svg");
}
tu-icon[instance=money]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/money.svg");
          mask-image: url("./components/icon/svgs/money.svg");
}
tu-icon[instance=money][color=original]::before {
  background-image: url("./components/icon/svgs/money.svg");
}
tu-icon[instance=mood-smile]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/mood-smile.svg");
          mask-image: url("./components/icon/svgs/mood-smile.svg");
}
tu-icon[instance=mood-smile][color=original]::before {
  background-image: url("./components/icon/svgs/mood-smile.svg");
}
tu-icon[instance=mop-wipe]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/mop-wipe.svg");
          mask-image: url("./components/icon/svgs/mop-wipe.svg");
}
tu-icon[instance=mop-wipe][color=original]::before {
  background-image: url("./components/icon/svgs/mop-wipe.svg");
}
tu-icon[instance=more-horizontal]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/more-horizontal.svg");
          mask-image: url("./components/icon/svgs/more-horizontal.svg");
}
tu-icon[instance=more-horizontal][color=original]::before {
  background-image: url("./components/icon/svgs/more-horizontal.svg");
}
tu-icon[instance=more-vertical]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/more-vertical.svg");
          mask-image: url("./components/icon/svgs/more-vertical.svg");
}
tu-icon[instance=more-vertical][color=original]::before {
  background-image: url("./components/icon/svgs/more-vertical.svg");
}
tu-icon[instance=most-popular-editor-choice]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/most-popular-editor-choice.svg");
          mask-image: url("./components/icon/svgs/most-popular-editor-choice.svg");
}
tu-icon[instance=most-popular-editor-choice][color=original]::before {
  background-image: url("./components/icon/svgs/most-popular-editor-choice.svg");
}
tu-icon[instance=news-announcement]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/news-announcement.svg");
          mask-image: url("./components/icon/svgs/news-announcement.svg");
}
tu-icon[instance=news-announcement][color=original]::before {
  background-image: url("./components/icon/svgs/news-announcement.svg");
}
tu-icon[instance=note-add-create-new-file]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/note-add-create-new-file.svg");
          mask-image: url("./components/icon/svgs/note-add-create-new-file.svg");
}
tu-icon[instance=note-add-create-new-file][color=original]::before {
  background-image: url("./components/icon/svgs/note-add-create-new-file.svg");
}
tu-icon[instance=notification-important]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/notification-important.svg");
          mask-image: url("./components/icon/svgs/notification-important.svg");
}
tu-icon[instance=notification-important][color=original]::before {
  background-image: url("./components/icon/svgs/notification-important.svg");
}
tu-icon[instance=notification-new]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/notification-new.svg");
          mask-image: url("./components/icon/svgs/notification-new.svg");
}
tu-icon[instance=notification-new][color=original]::before {
  background-image: url("./components/icon/svgs/notification-new.svg");
}
tu-icon[instance=notifications]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/notifications.svg");
          mask-image: url("./components/icon/svgs/notifications.svg");
}
tu-icon[instance=notifications][color=original]::before {
  background-image: url("./components/icon/svgs/notifications.svg");
}
tu-icon[instance=notifications-paused-snooze]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/notifications-paused-snooze.svg");
          mask-image: url("./components/icon/svgs/notifications-paused-snooze.svg");
}
tu-icon[instance=notifications-paused-snooze][color=original]::before {
  background-image: url("./components/icon/svgs/notifications-paused-snooze.svg");
}
tu-icon[instance=number-count]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/number-count.svg");
          mask-image: url("./components/icon/svgs/number-count.svg");
}
tu-icon[instance=number-count][color=original]::before {
  background-image: url("./components/icon/svgs/number-count.svg");
}
tu-icon[instance=open-in-new]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/open-in-new.svg");
          mask-image: url("./components/icon/svgs/open-in-new.svg");
}
tu-icon[instance=open-in-new][color=original]::before {
  background-image: url("./components/icon/svgs/open-in-new.svg");
}
tu-icon[instance=open-in-new-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/open-in-new-2.svg");
          mask-image: url("./components/icon/svgs/open-in-new-2.svg");
}
tu-icon[instance=open-in-new-2][color=original]::before {
  background-image: url("./components/icon/svgs/open-in-new-2.svg");
}
tu-icon[instance=option-key]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/option-key.svg");
          mask-image: url("./components/icon/svgs/option-key.svg");
}
tu-icon[instance=option-key][color=original]::before {
  background-image: url("./components/icon/svgs/option-key.svg");
}
tu-icon[instance=pages]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/pages.svg");
          mask-image: url("./components/icon/svgs/pages.svg");
}
tu-icon[instance=pages][color=original]::before {
  background-image: url("./components/icon/svgs/pages.svg");
}
tu-icon[instance=palette]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/palette.svg");
          mask-image: url("./components/icon/svgs/palette.svg");
}
tu-icon[instance=palette][color=original]::before {
  background-image: url("./components/icon/svgs/palette.svg");
}
tu-icon[instance=password]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/password.svg");
          mask-image: url("./components/icon/svgs/password.svg");
}
tu-icon[instance=password][color=original]::before {
  background-image: url("./components/icon/svgs/password.svg");
}
tu-icon[instance=paste]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/paste.svg");
          mask-image: url("./components/icon/svgs/paste.svg");
}
tu-icon[instance=paste][color=original]::before {
  background-image: url("./components/icon/svgs/paste.svg");
}
tu-icon[instance=pause-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/pause-alt.svg");
          mask-image: url("./components/icon/svgs/pause-alt.svg");
}
tu-icon[instance=pause-alt][color=original]::before {
  background-image: url("./components/icon/svgs/pause-alt.svg");
}
tu-icon[instance=performance]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/performance.svg");
          mask-image: url("./components/icon/svgs/performance.svg");
}
tu-icon[instance=performance][color=original]::before {
  background-image: url("./components/icon/svgs/performance.svg");
}
tu-icon[instance=person-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/person-alt.svg");
          mask-image: url("./components/icon/svgs/person-alt.svg");
}
tu-icon[instance=person-alt][color=original]::before {
  background-image: url("./components/icon/svgs/person-alt.svg");
}
tu-icon[instance=php]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/php.svg");
          mask-image: url("./components/icon/svgs/php.svg");
}
tu-icon[instance=php][color=original]::before {
  background-image: url("./components/icon/svgs/php.svg");
}
tu-icon[instance=pie-chart]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/pie-chart.svg");
          mask-image: url("./components/icon/svgs/pie-chart.svg");
}
tu-icon[instance=pie-chart][color=original]::before {
  background-image: url("./components/icon/svgs/pie-chart.svg");
}
tu-icon[instance=pin]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/pin.svg");
          mask-image: url("./components/icon/svgs/pin.svg");
}
tu-icon[instance=pin][color=original]::before {
  background-image: url("./components/icon/svgs/pin.svg");
}
tu-icon[instance=pin-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/pin-alt.svg");
          mask-image: url("./components/icon/svgs/pin-alt.svg");
}
tu-icon[instance=pin-alt][color=original]::before {
  background-image: url("./components/icon/svgs/pin-alt.svg");
}
tu-icon[instance=pin-drop-location]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/pin-drop-location.svg");
          mask-image: url("./components/icon/svgs/pin-drop-location.svg");
}
tu-icon[instance=pin-drop-location][color=original]::before {
  background-image: url("./components/icon/svgs/pin-drop-location.svg");
}
tu-icon[instance=play-arrow]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/play-arrow.svg");
          mask-image: url("./components/icon/svgs/play-arrow.svg");
}
tu-icon[instance=play-arrow][color=original]::before {
  background-image: url("./components/icon/svgs/play-arrow.svg");
}
tu-icon[instance=play-circle]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/play-circle.svg");
          mask-image: url("./components/icon/svgs/play-circle.svg");
}
tu-icon[instance=play-circle][color=original]::before {
  background-image: url("./components/icon/svgs/play-circle.svg");
}
tu-icon[instance=plugin]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/plugin.svg");
          mask-image: url("./components/icon/svgs/plugin.svg");
}
tu-icon[instance=plugin][color=original]::before {
  background-image: url("./components/icon/svgs/plugin.svg");
}
tu-icon[instance=post]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/post.svg");
          mask-image: url("./components/icon/svgs/post.svg");
}
tu-icon[instance=post][color=original]::before {
  background-image: url("./components/icon/svgs/post.svg");
}
tu-icon[instance=power-off]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/power-off.svg");
          mask-image: url("./components/icon/svgs/power-off.svg");
}
tu-icon[instance=power-off][color=original]::before {
  background-image: url("./components/icon/svgs/power-off.svg");
}
tu-icon[instance=preview-visual]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/preview-visual.svg");
          mask-image: url("./components/icon/svgs/preview-visual.svg");
}
tu-icon[instance=preview-visual][color=original]::before {
  background-image: url("./components/icon/svgs/preview-visual.svg");
}
tu-icon[instance=print]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/print.svg");
          mask-image: url("./components/icon/svgs/print.svg");
}
tu-icon[instance=print][color=original]::before {
  background-image: url("./components/icon/svgs/print.svg");
}
tu-icon[instance=production-building]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/production-building.svg");
          mask-image: url("./components/icon/svgs/production-building.svg");
}
tu-icon[instance=production-building][color=original]::before {
  background-image: url("./components/icon/svgs/production-building.svg");
}
tu-icon[instance=progress-loading]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/progress-loading.svg");
          mask-image: url("./components/icon/svgs/progress-loading.svg");
}
tu-icon[instance=progress-loading][color=original]::before {
  background-image: url("./components/icon/svgs/progress-loading.svg");
}
tu-icon[instance=prompt-suggestion]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/prompt-suggestion.svg");
          mask-image: url("./components/icon/svgs/prompt-suggestion.svg");
}
tu-icon[instance=prompt-suggestion][color=original]::before {
  background-image: url("./components/icon/svgs/prompt-suggestion.svg");
}
tu-icon[instance=puzzle]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/puzzle.svg");
          mask-image: url("./components/icon/svgs/puzzle.svg");
}
tu-icon[instance=puzzle][color=original]::before {
  background-image: url("./components/icon/svgs/puzzle.svg");
}
tu-icon[instance=query-stats-seo]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/query-stats-seo.svg");
          mask-image: url("./components/icon/svgs/query-stats-seo.svg");
}
tu-icon[instance=query-stats-seo][color=original]::before {
  background-image: url("./components/icon/svgs/query-stats-seo.svg");
}
tu-icon[instance=quick-edit]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/quick-edit.svg");
          mask-image: url("./components/icon/svgs/quick-edit.svg");
}
tu-icon[instance=quick-edit][color=original]::before {
  background-image: url("./components/icon/svgs/quick-edit.svg");
}
tu-icon[instance=quiz-faq]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/quiz-faq.svg");
          mask-image: url("./components/icon/svgs/quiz-faq.svg");
}
tu-icon[instance=quiz-faq][color=original]::before {
  background-image: url("./components/icon/svgs/quiz-faq.svg");
}
tu-icon[instance=quote]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/quote.svg");
          mask-image: url("./components/icon/svgs/quote.svg");
}
tu-icon[instance=quote][color=original]::before {
  background-image: url("./components/icon/svgs/quote.svg");
}
tu-icon[instance=radar-smart-404]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/radar-smart-404.svg");
          mask-image: url("./components/icon/svgs/radar-smart-404.svg");
}
tu-icon[instance=radar-smart-404][color=original]::before {
  background-image: url("./components/icon/svgs/radar-smart-404.svg");
}
tu-icon[instance=radio-off]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/radio-off.svg");
          mask-image: url("./components/icon/svgs/radio-off.svg");
}
tu-icon[instance=radio-off][color=original]::before {
  background-image: url("./components/icon/svgs/radio-off.svg");
}
tu-icon[instance=radio-on]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/radio-on.svg");
          mask-image: url("./components/icon/svgs/radio-on.svg");
}
tu-icon[instance=radio-on][color=original]::before {
  background-image: url("./components/icon/svgs/radio-on.svg");
}
tu-icon[instance=redo]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/redo.svg");
          mask-image: url("./components/icon/svgs/redo.svg");
}
tu-icon[instance=redo][color=original]::before {
  background-image: url("./components/icon/svgs/redo.svg");
}
tu-icon[instance=refresh]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/refresh.svg");
          mask-image: url("./components/icon/svgs/refresh.svg");
}
tu-icon[instance=refresh][color=original]::before {
  background-image: url("./components/icon/svgs/refresh.svg");
}
tu-icon[instance=region]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/region.svg");
          mask-image: url("./components/icon/svgs/region.svg");
}
tu-icon[instance=region][color=original]::before {
  background-image: url("./components/icon/svgs/region.svg");
}
tu-icon[instance=reload-update]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/reload-update.svg");
          mask-image: url("./components/icon/svgs/reload-update.svg");
}
tu-icon[instance=reload-update][color=original]::before {
  background-image: url("./components/icon/svgs/reload-update.svg");
}
tu-icon[instance=remove-horizontal-line]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/remove-horizontal-line.svg");
          mask-image: url("./components/icon/svgs/remove-horizontal-line.svg");
}
tu-icon[instance=remove-horizontal-line][color=original]::before {
  background-image: url("./components/icon/svgs/remove-horizontal-line.svg");
}
tu-icon[instance=reply]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/reply.svg");
          mask-image: url("./components/icon/svgs/reply.svg");
}
tu-icon[instance=reply][color=original]::before {
  background-image: url("./components/icon/svgs/reply.svg");
}
tu-icon[instance=report-spam]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/report-spam.svg");
          mask-image: url("./components/icon/svgs/report-spam.svg");
}
tu-icon[instance=report-spam][color=original]::before {
  background-image: url("./components/icon/svgs/report-spam.svg");
}
tu-icon[instance=reset-settings]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/reset-settings.svg");
          mask-image: url("./components/icon/svgs/reset-settings.svg");
}
tu-icon[instance=reset-settings][color=original]::before {
  background-image: url("./components/icon/svgs/reset-settings.svg");
}
tu-icon[instance=restore-page]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/restore-page.svg");
          mask-image: url("./components/icon/svgs/restore-page.svg");
}
tu-icon[instance=restore-page][color=original]::before {
  background-image: url("./components/icon/svgs/restore-page.svg");
}
tu-icon[instance=restore-retry-reload-refresh]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/restore-retry-reload-refresh.svg");
          mask-image: url("./components/icon/svgs/restore-retry-reload-refresh.svg");
}
tu-icon[instance=restore-retry-reload-refresh][color=original]::before {
  background-image: url("./components/icon/svgs/restore-retry-reload-refresh.svg");
}
tu-icon[instance=right-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/right-alt.svg");
          mask-image: url("./components/icon/svgs/right-alt.svg");
}
tu-icon[instance=right-alt][color=original]::before {
  background-image: url("./components/icon/svgs/right-alt.svg");
}
tu-icon[instance=right-next]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/right-next.svg");
          mask-image: url("./components/icon/svgs/right-next.svg");
}
tu-icon[instance=right-next][color=original]::before {
  background-image: url("./components/icon/svgs/right-next.svg");
}
tu-icon[instance=rocket]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/rocket.svg");
          mask-image: url("./components/icon/svgs/rocket.svg");
}
tu-icon[instance=rocket][color=original]::before {
  background-image: url("./components/icon/svgs/rocket.svg");
}
tu-icon[instance=rotate-left]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/rotate-left.svg");
          mask-image: url("./components/icon/svgs/rotate-left.svg");
}
tu-icon[instance=rotate-left][color=original]::before {
  background-image: url("./components/icon/svgs/rotate-left.svg");
}
tu-icon[instance=rules]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/rules.svg");
          mask-image: url("./components/icon/svgs/rules.svg");
}
tu-icon[instance=rules][color=original]::before {
  background-image: url("./components/icon/svgs/rules.svg");
}
tu-icon[instance=save]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/save.svg");
          mask-image: url("./components/icon/svgs/save.svg");
}
tu-icon[instance=save][color=original]::before {
  background-image: url("./components/icon/svgs/save.svg");
}
tu-icon[instance=scan]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/scan.svg");
          mask-image: url("./components/icon/svgs/scan.svg");
}
tu-icon[instance=scan][color=original]::before {
  background-image: url("./components/icon/svgs/scan.svg");
}
tu-icon[instance=search]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/search.svg");
          mask-image: url("./components/icon/svgs/search.svg");
}
tu-icon[instance=search][color=original]::before {
  background-image: url("./components/icon/svgs/search.svg");
}
tu-icon[instance=search-activity]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/search-activity.svg");
          mask-image: url("./components/icon/svgs/search-activity.svg");
}
tu-icon[instance=search-activity][color=original]::before {
  background-image: url("./components/icon/svgs/search-activity.svg");
}
tu-icon[instance=search-insights]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/search-insights.svg");
          mask-image: url("./components/icon/svgs/search-insights.svg");
}
tu-icon[instance=search-insights][color=original]::before {
  background-image: url("./components/icon/svgs/search-insights.svg");
}
tu-icon[instance=search-list]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/search-list.svg");
          mask-image: url("./components/icon/svgs/search-list.svg");
}
tu-icon[instance=search-list][color=original]::before {
  background-image: url("./components/icon/svgs/search-list.svg");
}
tu-icon[instance=security]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/security.svg");
          mask-image: url("./components/icon/svgs/security.svg");
}
tu-icon[instance=security][color=original]::before {
  background-image: url("./components/icon/svgs/security.svg");
}
tu-icon[instance=security-shield-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/security-shield-alt.svg");
          mask-image: url("./components/icon/svgs/security-shield-alt.svg");
}
tu-icon[instance=security-shield-alt][color=original]::before {
  background-image: url("./components/icon/svgs/security-shield-alt.svg");
}
tu-icon[instance=select-all]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/select-all.svg");
          mask-image: url("./components/icon/svgs/select-all.svg");
}
tu-icon[instance=select-all][color=original]::before {
  background-image: url("./components/icon/svgs/select-all.svg");
}
tu-icon[instance=select-none]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/select-none.svg");
          mask-image: url("./components/icon/svgs/select-none.svg");
}
tu-icon[instance=select-none][color=original]::before {
  background-image: url("./components/icon/svgs/select-none.svg");
}
tu-icon[instance=sell-tag]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/sell-tag.svg");
          mask-image: url("./components/icon/svgs/sell-tag.svg");
}
tu-icon[instance=sell-tag][color=original]::before {
  background-image: url("./components/icon/svgs/sell-tag.svg");
}
tu-icon[instance=send]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/send.svg");
          mask-image: url("./components/icon/svgs/send.svg");
}
tu-icon[instance=send][color=original]::before {
  background-image: url("./components/icon/svgs/send.svg");
}
tu-icon[instance=settings]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/settings.svg");
          mask-image: url("./components/icon/svgs/settings.svg");
}
tu-icon[instance=settings][color=original]::before {
  background-image: url("./components/icon/svgs/settings.svg");
}
tu-icon[instance=settings-import-export]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/settings-import-export.svg");
          mask-image: url("./components/icon/svgs/settings-import-export.svg");
}
tu-icon[instance=settings-import-export][color=original]::before {
  background-image: url("./components/icon/svgs/settings-import-export.svg");
}
tu-icon[instance=shift-uptime]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/shift-uptime.svg");
          mask-image: url("./components/icon/svgs/shift-uptime.svg");
}
tu-icon[instance=shift-uptime][color=original]::before {
  background-image: url("./components/icon/svgs/shift-uptime.svg");
}
tu-icon[instance=shopping-bag]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/shopping-bag.svg");
          mask-image: url("./components/icon/svgs/shopping-bag.svg");
}
tu-icon[instance=shopping-bag][color=original]::before {
  background-image: url("./components/icon/svgs/shopping-bag.svg");
}
tu-icon[instance=sidebar]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/sidebar.svg");
          mask-image: url("./components/icon/svgs/sidebar.svg");
}
tu-icon[instance=sidebar][color=original]::before {
  background-image: url("./components/icon/svgs/sidebar.svg");
}
tu-icon[instance=sorting-arrows]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/sorting-arrows.svg");
          mask-image: url("./components/icon/svgs/sorting-arrows.svg");
}
tu-icon[instance=sorting-arrows][color=original]::before {
  background-image: url("./components/icon/svgs/sorting-arrows.svg");
}
tu-icon[instance=south-long-down]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/south-long-down.svg");
          mask-image: url("./components/icon/svgs/south-long-down.svg");
}
tu-icon[instance=south-long-down][color=original]::before {
  background-image: url("./components/icon/svgs/south-long-down.svg");
}
tu-icon[instance=spa-flower]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/spa-flower.svg");
          mask-image: url("./components/icon/svgs/spa-flower.svg");
}
tu-icon[instance=spa-flower][color=original]::before {
  background-image: url("./components/icon/svgs/spa-flower.svg");
}
tu-icon[instance=spacer]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/spacer.svg");
          mask-image: url("./components/icon/svgs/spacer.svg");
}
tu-icon[instance=spacer][color=original]::before {
  background-image: url("./components/icon/svgs/spacer.svg");
}
tu-icon[instance=sparkles]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/sparkles.svg");
          mask-image: url("./components/icon/svgs/sparkles.svg");
}
tu-icon[instance=sparkles][color=original]::before {
  background-image: url("./components/icon/svgs/sparkles.svg");
}
tu-icon[instance=special-character]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/special-character.svg");
          mask-image: url("./components/icon/svgs/special-character.svg");
}
tu-icon[instance=special-character][color=original]::before {
  background-image: url("./components/icon/svgs/special-character.svg");
}
tu-icon[instance=speed-optimise]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/speed-optimise.svg");
          mask-image: url("./components/icon/svgs/speed-optimise.svg");
}
tu-icon[instance=speed-optimise][color=original]::before {
  background-image: url("./components/icon/svgs/speed-optimise.svg");
}
tu-icon[instance=stacked-line-chart]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/stacked-line-chart.svg");
          mask-image: url("./components/icon/svgs/stacked-line-chart.svg");
}
tu-icon[instance=stacked-line-chart][color=original]::before {
  background-image: url("./components/icon/svgs/stacked-line-chart.svg");
}
tu-icon[instance=stacks]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/stacks.svg");
          mask-image: url("./components/icon/svgs/stacks.svg");
}
tu-icon[instance=stacks][color=original]::before {
  background-image: url("./components/icon/svgs/stacks.svg");
}
tu-icon[instance=staging]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/staging.svg");
          mask-image: url("./components/icon/svgs/staging.svg");
}
tu-icon[instance=staging][color=original]::before {
  background-image: url("./components/icon/svgs/staging.svg");
}
tu-icon[instance=star]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/star.svg");
          mask-image: url("./components/icon/svgs/star.svg");
}
tu-icon[instance=star][color=original]::before {
  background-image: url("./components/icon/svgs/star.svg");
}
tu-icon[instance=star-filled]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/star-filled.svg");
          mask-image: url("./components/icon/svgs/star-filled.svg");
}
tu-icon[instance=star-filled][color=original]::before {
  background-image: url("./components/icon/svgs/star-filled.svg");
}
tu-icon[instance=stop-circle]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/stop-circle.svg");
          mask-image: url("./components/icon/svgs/stop-circle.svg");
}
tu-icon[instance=stop-circle][color=original]::before {
  background-image: url("./components/icon/svgs/stop-circle.svg");
}
tu-icon[instance=storage-files]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/storage-files.svg");
          mask-image: url("./components/icon/svgs/storage-files.svg");
}
tu-icon[instance=storage-files][color=original]::before {
  background-image: url("./components/icon/svgs/storage-files.svg");
}
tu-icon[instance=storefront]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/storefront.svg");
          mask-image: url("./components/icon/svgs/storefront.svg");
}
tu-icon[instance=storefront][color=original]::before {
  background-image: url("./components/icon/svgs/storefront.svg");
}
tu-icon[instance=strikethrough]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/strikethrough.svg");
          mask-image: url("./components/icon/svgs/strikethrough.svg");
}
tu-icon[instance=strikethrough][color=original]::before {
  background-image: url("./components/icon/svgs/strikethrough.svg");
}
tu-icon[instance=stylus-pen]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/stylus-pen.svg");
          mask-image: url("./components/icon/svgs/stylus-pen.svg");
}
tu-icon[instance=stylus-pen][color=original]::before {
  background-image: url("./components/icon/svgs/stylus-pen.svg");
}
tu-icon[instance=support-agent]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/support-agent.svg");
          mask-image: url("./components/icon/svgs/support-agent.svg");
}
tu-icon[instance=support-agent][color=original]::before {
  background-image: url("./components/icon/svgs/support-agent.svg");
}
tu-icon[instance=sync-in-progress]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/sync-in-progress.svg");
          mask-image: url("./components/icon/svgs/sync-in-progress.svg");
}
tu-icon[instance=sync-in-progress][color=original]::before {
  background-image: url("./components/icon/svgs/sync-in-progress.svg");
}
tu-icon[instance=system-status]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/system-status.svg");
          mask-image: url("./components/icon/svgs/system-status.svg");
}
tu-icon[instance=system-status][color=original]::before {
  background-image: url("./components/icon/svgs/system-status.svg");
}
tu-icon[instance=table]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/table.svg");
          mask-image: url("./components/icon/svgs/table.svg");
}
tu-icon[instance=table][color=original]::before {
  background-image: url("./components/icon/svgs/table.svg");
}
tu-icon[instance=table-charts-view]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/table-charts-view.svg");
          mask-image: url("./components/icon/svgs/table-charts-view.svg");
}
tu-icon[instance=table-charts-view][color=original]::before {
  background-image: url("./components/icon/svgs/table-charts-view.svg");
}
tu-icon[instance=table-view]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/table-view.svg");
          mask-image: url("./components/icon/svgs/table-view.svg");
}
tu-icon[instance=table-view][color=original]::before {
  background-image: url("./components/icon/svgs/table-view.svg");
}
tu-icon[instance=tablet]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/tablet.svg");
          mask-image: url("./components/icon/svgs/tablet.svg");
}
tu-icon[instance=tablet][color=original]::before {
  background-image: url("./components/icon/svgs/tablet.svg");
}
tu-icon[instance="teamupdraft-logos/tul-aios"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-aios.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-aios.svg");
}
tu-icon[instance="teamupdraft-logos/tul-aios"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-aios.svg");
}
tu-icon[instance="teamupdraft-logos/tul-burst"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-burst.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-burst.svg");
}
tu-icon[instance="teamupdraft-logos/tul-burst"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-burst.svg");
}
tu-icon[instance="teamupdraft-logos/tul-easy-updates-manager"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-easy-updates-manager.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-easy-updates-manager.svg");
}
tu-icon[instance="teamupdraft-logos/tul-easy-updates-manager"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-easy-updates-manager.svg");
}
tu-icon[instance="teamupdraft-logos/tul-internal-link-juicer"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-internal-link-juicer.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-internal-link-juicer.svg");
}
tu-icon[instance="teamupdraft-logos/tul-internal-link-juicer"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-internal-link-juicer.svg");
}
tu-icon[instance="teamupdraft-logos/tul-team-updraft"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-team-updraft.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-team-updraft.svg");
}
tu-icon[instance="teamupdraft-logos/tul-team-updraft"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-team-updraft.svg");
}
tu-icon[instance="teamupdraft-logos/tul-updraft-central"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-updraft-central.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-updraft-central.svg");
}
tu-icon[instance="teamupdraft-logos/tul-updraft-central"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-updraft-central.svg");
}
tu-icon[instance="teamupdraft-logos/tul-updraft-plus"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-updraft-plus.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-updraft-plus.svg");
}
tu-icon[instance="teamupdraft-logos/tul-updraft-plus"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-updraft-plus.svg");
}
tu-icon[instance="teamupdraft-logos/tul-wp-optimize"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-wp-optimize.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-wp-optimize.svg");
}
tu-icon[instance="teamupdraft-logos/tul-wp-optimize"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-wp-optimize.svg");
}
tu-icon[instance="teamupdraft-logos/tul-wp-overnight"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-wp-overnight.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-wp-overnight.svg");
}
tu-icon[instance="teamupdraft-logos/tul-wp-overnight"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-wp-overnight.svg");
}
tu-icon[instance="teamupdraft-logos/tul-wpgetapi"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-wpgetapi.svg");
          mask-image: url("./components/icon/svgs/teamupdraft-logos/tul-wpgetapi.svg");
}
tu-icon[instance="teamupdraft-logos/tul-wpgetapi"][color=original]::before {
  background-image: url("./components/icon/svgs/teamupdraft-logos/tul-wpgetapi.svg");
}
tu-icon[instance=text-body]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-body.svg");
          mask-image: url("./components/icon/svgs/text-body.svg");
}
tu-icon[instance=text-body][color=original]::before {
  background-image: url("./components/icon/svgs/text-body.svg");
}
tu-icon[instance=text-color]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-color.svg");
          mask-image: url("./components/icon/svgs/text-color.svg");
}
tu-icon[instance=text-color][color=original]::before {
  background-image: url("./components/icon/svgs/text-color.svg");
}
tu-icon[instance=text-head-1]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-head-1.svg");
          mask-image: url("./components/icon/svgs/text-head-1.svg");
}
tu-icon[instance=text-head-1][color=original]::before {
  background-image: url("./components/icon/svgs/text-head-1.svg");
}
tu-icon[instance=text-head-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-head-2.svg");
          mask-image: url("./components/icon/svgs/text-head-2.svg");
}
tu-icon[instance=text-head-2][color=original]::before {
  background-image: url("./components/icon/svgs/text-head-2.svg");
}
tu-icon[instance=text-head-3]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-head-3.svg");
          mask-image: url("./components/icon/svgs/text-head-3.svg");
}
tu-icon[instance=text-head-3][color=original]::before {
  background-image: url("./components/icon/svgs/text-head-3.svg");
}
tu-icon[instance=text-head-4]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-head-4.svg");
          mask-image: url("./components/icon/svgs/text-head-4.svg");
}
tu-icon[instance=text-head-4][color=original]::before {
  background-image: url("./components/icon/svgs/text-head-4.svg");
}
tu-icon[instance=text-head-5]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-head-5.svg");
          mask-image: url("./components/icon/svgs/text-head-5.svg");
}
tu-icon[instance=text-head-5][color=original]::before {
  background-image: url("./components/icon/svgs/text-head-5.svg");
}
tu-icon[instance=text-head-6]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-head-6.svg");
          mask-image: url("./components/icon/svgs/text-head-6.svg");
}
tu-icon[instance=text-head-6][color=original]::before {
  background-image: url("./components/icon/svgs/text-head-6.svg");
}
tu-icon[instance=text-type]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/text-type.svg");
          mask-image: url("./components/icon/svgs/text-type.svg");
}
tu-icon[instance=text-type][color=original]::before {
  background-image: url("./components/icon/svgs/text-type.svg");
}
tu-icon[instance=theme]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/theme.svg");
          mask-image: url("./components/icon/svgs/theme.svg");
}
tu-icon[instance=theme][color=original]::before {
  background-image: url("./components/icon/svgs/theme.svg");
}
tu-icon[instance=thumb-down]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/thumb-down.svg");
          mask-image: url("./components/icon/svgs/thumb-down.svg");
}
tu-icon[instance=thumb-down][color=original]::before {
  background-image: url("./components/icon/svgs/thumb-down.svg");
}
tu-icon[instance=thumb-up]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/thumb-up.svg");
          mask-image: url("./components/icon/svgs/thumb-up.svg");
}
tu-icon[instance=thumb-up][color=original]::before {
  background-image: url("./components/icon/svgs/thumb-up.svg");
}
tu-icon[instance=title-match-case]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/title-match-case.svg");
          mask-image: url("./components/icon/svgs/title-match-case.svg");
}
tu-icon[instance=title-match-case][color=original]::before {
  background-image: url("./components/icon/svgs/title-match-case.svg");
}
tu-icon[instance=toolbar-toggle]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/toolbar-toggle.svg");
          mask-image: url("./components/icon/svgs/toolbar-toggle.svg");
}
tu-icon[instance=toolbar-toggle][color=original]::before {
  background-image: url("./components/icon/svgs/toolbar-toggle.svg");
}
tu-icon[instance=tools]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/tools.svg");
          mask-image: url("./components/icon/svgs/tools.svg");
}
tu-icon[instance=tools][color=original]::before {
  background-image: url("./components/icon/svgs/tools.svg");
}
tu-icon[instance=translate]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/translate.svg");
          mask-image: url("./components/icon/svgs/translate.svg");
}
tu-icon[instance=translate][color=original]::before {
  background-image: url("./components/icon/svgs/translate.svg");
}
tu-icon[instance=travel-plane-flight]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/travel-plane-flight.svg");
          mask-image: url("./components/icon/svgs/travel-plane-flight.svg");
}
tu-icon[instance=travel-plane-flight][color=original]::before {
  background-image: url("./components/icon/svgs/travel-plane-flight.svg");
}
tu-icon[instance=trending-down]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/trending-down.svg");
          mask-image: url("./components/icon/svgs/trending-down.svg");
}
tu-icon[instance=trending-down][color=original]::before {
  background-image: url("./components/icon/svgs/trending-down.svg");
}
tu-icon[instance=trending-up]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/trending-up.svg");
          mask-image: url("./components/icon/svgs/trending-up.svg");
}
tu-icon[instance=trending-up][color=original]::before {
  background-image: url("./components/icon/svgs/trending-up.svg");
}
tu-icon[instance="udp-storage-icons/usi-amazon-s3"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-amazon-s3.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-amazon-s3.svg");
}
tu-icon[instance="udp-storage-icons/usi-amazon-s3"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-amazon-s3.svg");
}
tu-icon[instance="udp-storage-icons/usi-backblaze"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-backblaze.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-backblaze.svg");
}
tu-icon[instance="udp-storage-icons/usi-backblaze"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-backblaze.svg");
}
tu-icon[instance="udp-storage-icons/usi-dreamobjects"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-dreamobjects.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-dreamobjects.svg");
}
tu-icon[instance="udp-storage-icons/usi-dreamobjects"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-dreamobjects.svg");
}
tu-icon[instance="udp-storage-icons/usi-dropbox"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-dropbox.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-dropbox.svg");
}
tu-icon[instance="udp-storage-icons/usi-dropbox"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-dropbox.svg");
}
tu-icon[instance="udp-storage-icons/usi-email"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-email.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-email.svg");
}
tu-icon[instance="udp-storage-icons/usi-email"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-email.svg");
}
tu-icon[instance="udp-storage-icons/usi-ftp"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-ftp.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-ftp.svg");
}
tu-icon[instance="udp-storage-icons/usi-ftp"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-ftp.svg");
}
tu-icon[instance="udp-storage-icons/usi-google-cloud"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-google-cloud.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-google-cloud.svg");
}
tu-icon[instance="udp-storage-icons/usi-google-cloud"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-google-cloud.svg");
}
tu-icon[instance="udp-storage-icons/usi-google-drive"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-google-drive.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-google-drive.svg");
}
tu-icon[instance="udp-storage-icons/usi-google-drive"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-google-drive.svg");
}
tu-icon[instance="udp-storage-icons/usi-ms-azure"]:not([color=original])::before {
  mask-image: url("./components/icon/svgs/udp-storage-icons/usi-ms-azure.svg");
}
tu-icon[instance="udp-storage-icons/usi-ms-azure"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-ms-azure.svg");
}
tu-icon[instance="udp-storage-icons/usi-ms-onedrive"]:not([color=original])::before {
  mask-image: url("./components/icon/svgs/udp-storage-icons/usi-ms-onedrive.svg");
}
tu-icon[instance="udp-storage-icons/usi-ms-onedrive"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-ms-onedrive.svg");
}
tu-icon[instance="udp-storage-icons/usi-openstack"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-openstack.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-openstack.svg");
}
tu-icon[instance="udp-storage-icons/usi-openstack"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-openstack.svg");
}
tu-icon[instance="udp-storage-icons/usi-pcloud"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-pcloud.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-pcloud.svg");
}
tu-icon[instance="udp-storage-icons/usi-pcloud"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-pcloud.svg");
}
tu-icon[instance="udp-storage-icons/usi-rackspace"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-rackspace.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-rackspace.svg");
}
tu-icon[instance="udp-storage-icons/usi-rackspace"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-rackspace.svg");
}
tu-icon[instance="udp-storage-icons/usi-updraft-plus"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-updraft-plus.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-updraft-plus.svg");
}
tu-icon[instance="udp-storage-icons/usi-updraft-plus"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-updraft-plus.svg");
}
tu-icon[instance="udp-storage-icons/usi-webdav"]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/udp-storage-icons/usi-webdav.svg");
          mask-image: url("./components/icon/svgs/udp-storage-icons/usi-webdav.svg");
}
tu-icon[instance="udp-storage-icons/usi-webdav"][color=original]::before {
  background-image: url("./components/icon/svgs/udp-storage-icons/usi-webdav.svg");
}
tu-icon[instance=unarchive]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/unarchive.svg");
          mask-image: url("./components/icon/svgs/unarchive.svg");
}
tu-icon[instance=unarchive][color=original]::before {
  background-image: url("./components/icon/svgs/unarchive.svg");
}
tu-icon[instance=uncompress]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/uncompress.svg");
          mask-image: url("./components/icon/svgs/uncompress.svg");
}
tu-icon[instance=uncompress][color=original]::before {
  background-image: url("./components/icon/svgs/uncompress.svg");
}
tu-icon[instance=undo]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/undo.svg");
          mask-image: url("./components/icon/svgs/undo.svg");
}
tu-icon[instance=undo][color=original]::before {
  background-image: url("./components/icon/svgs/undo.svg");
}
tu-icon[instance=unlink]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/unlink.svg");
          mask-image: url("./components/icon/svgs/unlink.svg");
}
tu-icon[instance=unlink][color=original]::before {
  background-image: url("./components/icon/svgs/unlink.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=up-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/up-alt.svg");
          mask-image: url("./components/icon/svgs/up-alt.svg");
}
tu-icon[instance=up-alt][color=original]::before {
  background-image: url("./components/icon/svgs/up-alt.svg");
}
tu-icon[instance=up-alt-2]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/up-alt-2.svg");
          mask-image: url("./components/icon/svgs/up-alt-2.svg");
}
tu-icon[instance=up-alt-2][color=original]::before {
  background-image: url("./components/icon/svgs/up-alt-2.svg");
}
tu-icon[instance=up-down-arrow-counter]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/up-down-arrow-counter.svg");
          mask-image: url("./components/icon/svgs/up-down-arrow-counter.svg");
}
tu-icon[instance=up-down-arrow-counter][color=original]::before {
  background-image: url("./components/icon/svgs/up-down-arrow-counter.svg");
}
tu-icon[instance=update]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/update.svg");
          mask-image: url("./components/icon/svgs/update.svg");
}
tu-icon[instance=update][color=original]::before {
  background-image: url("./components/icon/svgs/update.svg");
}
tu-icon[instance=update-status]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/update-status.svg");
          mask-image: url("./components/icon/svgs/update-status.svg");
}
tu-icon[instance=update-status][color=original]::before {
  background-image: url("./components/icon/svgs/update-status.svg");
}
tu-icon[instance=upload]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/upload.svg");
          mask-image: url("./components/icon/svgs/upload.svg");
}
tu-icon[instance=upload][color=original]::before {
  background-image: url("./components/icon/svgs/upload.svg");
}
tu-icon[instance=users-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/users-alt.svg");
          mask-image: url("./components/icon/svgs/users-alt.svg");
}
tu-icon[instance=users-alt][color=original]::before {
  background-image: url("./components/icon/svgs/users-alt.svg");
}
tu-icon[instance=view-show-eye]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/view-show-eye.svg");
          mask-image: url("./components/icon/svgs/view-show-eye.svg");
}
tu-icon[instance=view-show-eye][color=original]::before {
  background-image: url("./components/icon/svgs/view-show-eye.svg");
}
tu-icon[instance=warning-alert]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/warning-alert.svg");
          mask-image: url("./components/icon/svgs/warning-alert.svg");
}
tu-icon[instance=warning-alert][color=original]::before {
  background-image: url("./components/icon/svgs/warning-alert.svg");
}
tu-icon[instance=warning-alt]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/warning-alt.svg");
          mask-image: url("./components/icon/svgs/warning-alt.svg");
}
tu-icon[instance=warning-alt][color=original]::before {
  background-image: url("./components/icon/svgs/warning-alt.svg");
}
tu-icon[instance=warning-fill]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/warning-fill.svg");
          mask-image: url("./components/icon/svgs/warning-fill.svg");
}
tu-icon[instance=warning-fill][color=original]::before {
  background-image: url("./components/icon/svgs/warning-fill.svg");
}
tu-icon[instance=web-asset]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/web-asset.svg");
          mask-image: url("./components/icon/svgs/web-asset.svg");
}
tu-icon[instance=web-asset][color=original]::before {
  background-image: url("./components/icon/svgs/web-asset.svg");
}
tu-icon[instance=web-template]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/web-template.svg");
          mask-image: url("./components/icon/svgs/web-template.svg");
}
tu-icon[instance=web-template][color=original]::before {
  background-image: url("./components/icon/svgs/web-template.svg");
}
tu-icon[instance=website-domain]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/website-domain.svg");
          mask-image: url("./components/icon/svgs/website-domain.svg");
}
tu-icon[instance=website-domain][color=original]::before {
  background-image: url("./components/icon/svgs/website-domain.svg");
}
tu-icon[instance=width]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/width.svg");
          mask-image: url("./components/icon/svgs/width.svg");
}
tu-icon[instance=width][color=original]::before {
  background-image: url("./components/icon/svgs/width.svg");
}
tu-icon[instance=windows]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/windows.svg");
          mask-image: url("./components/icon/svgs/windows.svg");
}
tu-icon[instance=windows][color=original]::before {
  background-image: url("./components/icon/svgs/windows.svg");
}
tu-icon[instance=wordpress]:not([color=original])::before {
  -webkit-mask-image: url("./components/icon/svgs/wordpress.svg");
          mask-image: url("./components/icon/svgs/wordpress.svg");
}
tu-icon[instance=wordpress][color=original]::before {
  background-image: url("./components/icon/svgs/wordpress.svg");
}

:root {
  --tu-global-typography-size-h1: 32px;
  --tu-global-typography-size-h2: 28px;
  --tu-global-typography-size-h3: 24px;
  --tu-global-typography-size-h4: 20px;
  --tu-global-typography-size-h5: 18px;
  --tu-global-typography-size-h6: 16px;
  --tu-global-typography-size-s1: 18px;
  --tu-global-typography-size-s2: 16px;
  --tu-global-typography-size-s3: 14px;
  --tu-global-typography-size-display-1: 48px;
  --tu-global-typography-size-display-2: 40px;
  --tu-global-typography-size-body-1: 16px;
  --tu-global-typography-size-body-2: 14px;
  --tu-global-typography-size-body-3: 12px;
  --tu-global-typography-size-label-1: 14px;
  --tu-global-typography-size-label-2: 12px;
  --tu-global-typography-size-mono-1: 14px;
  --tu-global-typography-size-mono-2: 12px;
  --tu-global-typography-size-button-large: 16px;
  --tu-global-typography-size-button-medium: 14px;
  --tu-global-typography-size-button-small: 12px;
  --tu-global-typography-size-button-link-large: 16px;
  --tu-global-typography-size-button-link-medium: 14px;
  --tu-global-typography-size-button-link-small: 12px;
  --tu-global-typography-size-button-link-article: 14px;
  --tu-global-typography-spacing-body-1: 0.15;
  --tu-global-typography-spacing-body-2: 0.05;
  --tu-global-typography-spacing-label: 0.3;
  --tu-global-typography-spacing-none: 0;
}

@media (max-width: 500px) {
  :root {
    --tu-global-typography-size-h1: 32px;
    --tu-global-typography-size-h2: 28px;
    --tu-global-typography-size-h3: 24px;
    --tu-global-typography-size-h4: 20px;
    --tu-global-typography-size-h5: 18px;
    --tu-global-typography-size-h6: 16px;
    --tu-global-typography-size-s1: 18px;
    --tu-global-typography-size-s2: 16px;
    --tu-global-typography-size-s3: 14px;
    --tu-global-typography-size-display-1: 48px;
    --tu-global-typography-size-display-2: 40px;
    --tu-global-typography-size-body-1: 16px;
    --tu-global-typography-size-body-2: 14px;
    --tu-global-typography-size-body-3: 12px;
    --tu-global-typography-size-label-1: 14px;
    --tu-global-typography-size-label-2: 12px;
    --tu-global-typography-size-mono-1: 14px;
    --tu-global-typography-size-mono-2: 12px;
    --tu-global-typography-size-button-large: 16px;
    --tu-global-typography-size-button-medium: 14px;
    --tu-global-typography-size-button-small: 12px;
    --tu-global-typography-size-button-link-large: 16px;
    --tu-global-typography-size-button-link-medium: 14px;
    --tu-global-typography-size-button-link-small: 12px;
    --tu-global-typography-size-button-link-article: 14px;
    --tu-global-typography-spacing-body-1: 0.15;
    --tu-global-typography-spacing-body-2: 0.05;
    --tu-global-typography-spacing-label: 0.3;
    --tu-global-typography-spacing-none: 0;
  }
}
:root {
  --tu-button-padding-tert: 2px;
  --tu-button-outline-tert: 2px;
  --tu-button-large-padding-h: 24px;
  --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: 24px;
  --tu-button-medium-padding-v: 8px;
  --tu-button-medium-min-height: 40px;
  --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: 6px;
  --tu-button-small-min-height: 32px;
  --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: 24px;
    --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: 24px;
    --tu-button-medium-padding-v: 8px;
    --tu-button-medium-min-height: 40px;
    --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: 6px;
    --tu-button-small-min-height: 32px;
    --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 {
  --tu-button-icon-size: var(--tu-icon-size-m);
  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: var(--tu-global-typography-size-button-large);
  }
}
tu-button button {
  font-size: var(--tu-global-typography-size-button-large);
}
@media (max-width: 500px) {
  tu-button button {
    font-weight: 600;
  }
}
tu-button button {
  font-weight: 600;
}
@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: var(--tu-global-typography-spacing-body-1);
  }
}
tu-button button {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
tu-button button tu-icon::before {
  background: var(--color-secondary-0) !important;
  width: var(--tu-button-icon-size) !important;
  height: var(--tu-button-icon-size) !important;
}
tu-button button[size=xxl] {
  --tu-button-icon-size: var(--tu-icon-size-xxl);
}
tu-button button[size=xl] {
  --tu-button-icon-size: var(--tu-icon-size-xl);
}
tu-button button[size=xs] {
  --tu-button-icon-size: var(--tu-icon-size-xs);
}
tu-button button[size=xxs] {
  --tu-button-icon-size: var(--tu-icon-size-xxs);
}
tu-button button[size=m] {
  --tu-button-icon-size: var(--tu-icon-size-xs);
  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=m] {
    font-size: var(--tu-global-typography-size-button-medium);
  }
}
tu-button button[size=m] {
  font-size: var(--tu-global-typography-size-button-medium);
}
@media (max-width: 500px) {
  tu-button button[size=m] {
    font-weight: 600;
  }
}
tu-button button[size=m] {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-button button[size=m] {
    font-style: normal;
  }
}
tu-button button[size=m] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-button button[size=m] {
    line-height: 120%;
  }
}
tu-button button[size=m] {
  line-height: 120%;
}
@media (max-width: 500px) {
  tu-button button[size=m] {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-button button[size=m] {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
tu-button button[size=s] {
  --tu-button-icon-size: var(--tu-icon-size-xxs);
  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=s] {
    font-size: var(--tu-global-typography-size-button-small);
  }
}
tu-button button[size=s] {
  font-size: var(--tu-global-typography-size-button-small);
}
@media (max-width: 500px) {
  tu-button button[size=s] {
    font-weight: 600;
  }
}
tu-button button[size=s] {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-button button[size=s] {
    font-style: normal;
  }
}
tu-button button[size=s] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-button button[size=s] {
    line-height: 120%;
  }
}
tu-button button[size=s] {
  line-height: 120%;
}
@media (max-width: 500px) {
  tu-button button[size=s] {
    letter-spacing: var(--tu-global-typography-spacing-body-2);
  }
}
tu-button button[size=s] {
  letter-spacing: var(--tu-global-typography-spacing-body-2);
}
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]:not([size]), tu-button button[type=icon][size=l], tu-button button[type=icon-basic]:not([size]), tu-button button[type=icon-basic][size=l] {
  --tu-button-icon-size: var(--tu-icon-size-l);
}
tu-button button[type=icon][size=m], tu-button button[type=icon-basic][size=m] {
  --tu-button-icon-size: var(--tu-icon-size-m);
}
tu-button button[type=icon][size=s], tu-button button[type=icon-basic][size=s] {
  --tu-button-icon-size: var(--tu-icon-size-s);
}
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;
}

body:has(tu-admin-page) #wpwrap {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  background: var(--color-secondary-50);
}
body:has(tu-admin-page) #wpcontent {
  padding-left: 0px;
}
body:has(tu-admin-page) #wpbody-content {
  padding: 0px;
}
body:has(tu-admin-page) #wpbody-content .wrap {
  margin: 0px;
}
body:has(tu-admin-page) #wpfooter {
  position: relative;
  margin-left: 0;
}

tu-admin-page {
  width: 100%;
  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%;
  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: var(--tu-global-typography-size-h3);
  }
}
tu-top-nav tu-top-nav-title-container {
  font-size: var(--tu-global-typography-size-h3);
}
@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: 140%;
  }
}
tu-top-nav tu-top-nav-title-container {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-top-nav tu-top-nav-title-container {
    letter-spacing: var(--tu-global-typography-spacing-none);
  }
}
tu-top-nav tu-top-nav-title-container {
  letter-spacing: var(--tu-global-typography-spacing-none);
}
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: var(--tu-global-typography-size-body-1);
  }
}
tu-top-nav tu-top-nav-tab button {
  font-size: var(--tu-global-typography-size-body-1);
}
@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: var(--tu-global-typography-spacing-body-1);
  }
}
tu-top-nav tu-top-nav-tab button {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
  background: transparent;
  border: none;
  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;
}
tu-top-nav tu-top-nav-tab button tu-icon::before {
  background: var(--color-secondary-0) !important;
  width: var(--tu-icon-size-m) !important;
  height: var(--tu-icon-size-m) !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: var(--tu-global-typography-size-body-1);
  }
}
tu-side-nav tu-side-nav-item button {
  font-size: var(--tu-global-typography-size-body-1);
}
@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: var(--tu-global-typography-spacing-body-1);
  }
}
tu-side-nav tu-side-nav-item button {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
  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-size-m) !important;
  height: var(--tu-icon-size-m) !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-header-and-text-gap-v: 2px;
  --tu-header-and-text-title-gap-h: 6px;
}

@media (max-width: 500px) {
  :root {
    --tu-header-and-text-gap-v: 2px;
    --tu-header-and-text-title-gap-h: 6px;
  }
}
tu-header-and-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: var(--tu-header-and-text-gap-v);
  width: 100%;
}

tu-header-and-text-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-header-and-text-title-gap-h);
  color: var(--color-secondary-900);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-header-and-text-title {
    font-size: var(--tu-global-typography-size-h6);
  }
}
tu-header-and-text-title {
  font-size: var(--tu-global-typography-size-h6);
}
@media (max-width: 500px) {
  tu-header-and-text-title {
    font-weight: 600;
  }
}
tu-header-and-text-title {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-header-and-text-title {
    font-style: normal;
  }
}
tu-header-and-text-title {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-header-and-text-title {
    line-height: 140%;
  }
}
tu-header-and-text-title {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-header-and-text-title {
    letter-spacing: var(--tu-global-typography-spacing-none);
  }
}
tu-header-and-text-title {
  letter-spacing: var(--tu-global-typography-spacing-none);
}

tu-header-and-text-description {
  color: var(--color-secondary-600);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-header-and-text-description {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-header-and-text-description {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-header-and-text-description {
    font-weight: 400;
  }
}
tu-header-and-text-description {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-header-and-text-description {
    font-style: normal;
  }
}
tu-header-and-text-description {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-header-and-text-description {
    line-height: 140%;
  }
}
tu-header-and-text-description {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-header-and-text-description {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-header-and-text-description {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}

: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;
}

@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,
tu-card-header-wrapper {
  display: block;
}

tu-card {
  border: 1px solid var(--color-secondary-100);
  border-radius: var(--tu-card-corner);
  overflow: visible;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-card {
    font-size: var(--tu-global-typography-size-h4);
  }
}
tu-card {
  font-size: var(--tu-global-typography-size-h4);
}
@media (max-width: 500px) {
  tu-card {
    font-weight: 600;
  }
}
tu-card {
  font-weight: 600;
}
@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: var(--tu-global-typography-spacing-none);
  }
}
tu-card {
  letter-spacing: var(--tu-global-typography-spacing-none);
}
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-card-gap-v);
}
tu-card tu-card-container-slot[divider=false] .tu-card-divider {
  display: none;
}

tu-card-header-wrapper {
  border-radius: var(--tu-card-corner) var(--tu-card-corner) 0 0;
  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-collapse-button {
  -ms-flex-item-align: center;
      align-self: center;
}

tu-card-container {
  border-radius: 0 0 var(--tu-card-corner) var(--tu-card-corner);
  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;
}
tu-card-container-slot:last-of-type .tu-card-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 tu-card-container-slot {
  gap: var(--tu-side-card-gap-v);
}
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-label-chip {
  padding: 0 6px;
  background: var(--color-secondary-0);
  border: 1px solid var(--color-secondary-200);
  border-radius: 6px;
  color: var(--color-secondary-700);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-label-chip {
    font-size: var(--tu-global-typography-size-h4);
  }
}
tu-label-chip {
  font-size: var(--tu-global-typography-size-h4);
}
@media (max-width: 500px) {
  tu-label-chip {
    font-weight: 600;
  }
}
tu-label-chip {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-label-chip {
    font-style: normal;
  }
}
tu-label-chip {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-label-chip {
    line-height: 140%;
  }
}
tu-label-chip {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-label-chip {
    letter-spacing: var(--tu-global-typography-spacing-none);
  }
}
tu-label-chip {
  letter-spacing: var(--tu-global-typography-spacing-none);
}
tu-label-chip[size=medium] {
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-label-chip[size=medium] {
    font-size: var(--tu-global-typography-size-h5);
  }
}
tu-label-chip[size=medium] {
  font-size: var(--tu-global-typography-size-h5);
}
@media (max-width: 500px) {
  tu-label-chip[size=medium] {
    font-weight: 600;
  }
}
tu-label-chip[size=medium] {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-label-chip[size=medium] {
    font-style: normal;
  }
}
tu-label-chip[size=medium] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-label-chip[size=medium] {
    line-height: 140%;
  }
}
tu-label-chip[size=medium] {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-label-chip[size=medium] {
    letter-spacing: var(--tu-global-typography-spacing-none);
  }
}
tu-label-chip[size=medium] {
  letter-spacing: var(--tu-global-typography-spacing-none);
}
tu-label-chip[size=small] {
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-label-chip[size=small] {
    font-size: var(--tu-global-typography-size-h6);
  }
}
tu-label-chip[size=small] {
  font-size: var(--tu-global-typography-size-h6);
}
@media (max-width: 500px) {
  tu-label-chip[size=small] {
    font-weight: 600;
  }
}
tu-label-chip[size=small] {
  font-weight: 600;
}
@media (max-width: 500px) {
  tu-label-chip[size=small] {
    font-style: normal;
  }
}
tu-label-chip[size=small] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-label-chip[size=small] {
    line-height: 140%;
  }
}
tu-label-chip[size=small] {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-label-chip[size=small] {
    letter-spacing: var(--tu-global-typography-spacing-none);
  }
}
tu-label-chip[size=small] {
  letter-spacing: var(--tu-global-typography-spacing-none);
}
tu-label-chip[size="extra small"] {
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-label-chip[size="extra small"] {
    font-size: var(--tu-global-typography-size-body-2);
  }
}
tu-label-chip[size="extra small"] {
  font-size: var(--tu-global-typography-size-body-2);
}
@media (max-width: 500px) {
  tu-label-chip[size="extra small"] {
    font-weight: 500;
  }
}
tu-label-chip[size="extra small"] {
  font-weight: 500;
}
@media (max-width: 500px) {
  tu-label-chip[size="extra small"] {
    font-style: normal;
  }
}
tu-label-chip[size="extra small"] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-label-chip[size="extra small"] {
    line-height: 140%;
  }
}
tu-label-chip[size="extra small"] {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-label-chip[size="extra small"] {
    letter-spacing: var(--tu-global-typography-spacing-body-2);
  }
}
tu-label-chip[size="extra small"] {
  letter-spacing: var(--tu-global-typography-spacing-body-2);
}

:root {
  --tu-status-chip-padding-v: 2px;
  --tu-status-chip-padding-h: 4px;
  --tu-status-chip-content-text-padding-h: 2px;
  --tu-status-chip-content-padding-h: 12px;
  --tu-status-chip-radius: 32px;
  --tu-status-chip-gap: 2px;
}

@media (max-width: 500px) {
  :root {
    --tu-status-chip-padding-v: 2px;
    --tu-status-chip-padding-h: 4px;
    --tu-status-chip-content-text-padding-h: 2px;
    --tu-status-chip-content-padding-h: 12px;
    --tu-status-chip-radius: 32px;
    --tu-status-chip-gap: 2px;
  }
}
tu-status-chip {
  --tu-status-chip-light-color: var(--color-primary-100);
  --tu-status-chip-dark-color: var(--color-primary-700);
  --tu-status-chip-main-color: var(--color-primary-600);
}
tu-status-chip[status=grey] {
  --tu-status-chip-light-color: var(--color-secondary-100);
  --tu-status-chip-dark-color: var(--color-secondary-700);
  --tu-status-chip-main-color: var(--color-secondary-600);
}
tu-status-chip[status=info] {
  --tu-status-chip-light-color: var(--color-status-info-100);
  --tu-status-chip-dark-color: var(--color-status-info-700);
  --tu-status-chip-main-color: var(--color-status-info-600);
}
tu-status-chip[status=success] {
  --tu-status-chip-light-color: var(--color-status-success-100);
  --tu-status-chip-dark-color: var(--color-status-success-700);
  --tu-status-chip-main-color: var(--color-status-success-600);
}
tu-status-chip[status=warning] {
  --tu-status-chip-light-color: var(--color-status-warning-100);
  --tu-status-chip-dark-color: var(--color-status-warning-700);
  --tu-status-chip-main-color: var(--color-status-warning-600);
}
tu-status-chip[status=error] {
  --tu-status-chip-light-color: var(--color-status-error-100);
  --tu-status-chip-dark-color: var(--color-status-error-700);
  --tu-status-chip-main-color: var(--color-status-error-600);
}
tu-status-chip[status=premium] {
  --tu-status-chip-light-color: var(--color-premium-gradient-light);
  --tu-status-chip-dark-color: var(--color-premium-gradient-dark);
  --tu-status-chip-main-color: var(--color-premium-gradient);
}
tu-status-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--tu-status-chip-light-color);
  border-radius: var(--tu-status-chip-radius);
  color: var(--tu-status-chip-dark-color);
  padding: var(--tu-status-chip-padding-v) var(--tu-status-chip-padding-h);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-status-chip {
    font-size: var(--tu-global-typography-size-label-2);
  }
}
tu-status-chip {
  font-size: var(--tu-global-typography-size-label-2);
}
@media (max-width: 500px) {
  tu-status-chip {
    font-weight: 500;
  }
}
tu-status-chip {
  font-weight: 500;
}
@media (max-width: 500px) {
  tu-status-chip {
    font-style: normal;
  }
}
tu-status-chip {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-status-chip {
    line-height: 140%;
  }
}
tu-status-chip {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-status-chip {
    letter-spacing: var(--tu-global-typography-spacing-label);
  }
}
tu-status-chip {
  letter-spacing: var(--tu-global-typography-spacing-label);
}
tu-status-chip tu-status-chip-content-text {
  padding: 0 var(--tu-status-chip-content-text-padding-h);
}
tu-status-chip tu-status-chip-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: var(--tu-status-chip-gap);
}
tu-status-chip[padding=loose] tu-status-chip-content {
  padding: 0 var(--tu-status-chip-content-padding-h);
}
tu-status-chip tu-button button[type=icon-basic] tu-icon::before,
tu-status-chip tu-icon::before {
  background: var(--tu-status-chip-dark-color) !important;
}
tu-status-chip[theme=white] {
  background: var(--color-secondary-0);
  border: 1px solid var(--tu-status-chip-main-color);
}
tu-status-chip[theme=primary] {
  background: var(--tu-status-chip-main-color);
  color: var(--color-secondary-0);
}
tu-status-chip[theme=primary] tu-button button[type=icon-basic] tu-icon::before,
tu-status-chip[theme=primary] tu-icon::before {
  background: var(--color-secondary-0) !important;
}

:root {
  --tu-slots-gap-v-xlarge: 16px;
  --tu-slots-gap-v-large: 12px;
  --tu-slots-gap-v-medium: 8px;
  --tu-slots-gap-v-small: 4px;
  --tu-slots-gap-h-xlarge: 16px;
  --tu-slots-gap-h-large: 12px;
  --tu-slots-gap-h-medium: 8px;
  --tu-slots-gap-h-small: 4px;
}

@media (max-width: 500px) {
  :root {
    --tu-slots-gap-v-xlarge: 16px;
    --tu-slots-gap-v-large: 12px;
    --tu-slots-gap-v-medium: 8px;
    --tu-slots-gap-v-small: 4px;
    --tu-slots-gap-h-xlarge: 16px;
    --tu-slots-gap-h-large: 12px;
    --tu-slots-gap-h-medium: 8px;
    --tu-slots-gap-h-small: 4px;
  }
}
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-large);
}
tu-slots[padding=medium] {
  gap: var(--tu-slots-gap-v-medium);
}
tu-slots[padding=small] {
  gap: var(--tu-slots-gap-v-small);
}
tu-slots[indented]:not([align=horizontal]) {
  margin-left: var(--tu-global-indent);
  width: calc(100% - var(--tu-global-indent));
}
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-xlarge) !important;
}
tu-slots[align=horizontal] > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
tu-slots[align=horizontal][padding=large] {
  gap: var(--tu-slots-gap-h-large);
}
tu-slots[align=horizontal][padding=medium] {
  gap: var(--tu-slots-gap-h-medium);
}
tu-slots[align=horizontal][padding=small] {
  gap: var(--tu-slots-gap-h-small);
}

: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: var(--tu-global-typography-size-body-2);
  }
}
tu-table table tr {
  font-size: var(--tu-global-typography-size-body-2);
}
@media (max-width: 500px) {
  tu-table table tr {
    font-weight: 400;
  }
}
tu-table table tr {
  font-weight: 400;
}
@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: var(--tu-global-typography-spacing-body-2);
  }
}
tu-table table tr {
  letter-spacing: var(--tu-global-typography-spacing-body-2);
}
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: var(--tu-global-typography-size-body-2);
  }
}
tu-tooltip {
  font-size: var(--tu-global-typography-size-body-2);
}
@media (max-width: 500px) {
  tu-tooltip {
    font-weight: 400;
  }
}
tu-tooltip {
  font-weight: 400;
}
@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: var(--tu-global-typography-spacing-body-2);
  }
}
tu-tooltip {
  letter-spacing: var(--tu-global-typography-spacing-body-2);
  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-option-input-radio-dimension: 20px;
  --tu-option-input-radio-margin: 2px;
  --tu-option-input-checkbox-dimension: 18px;
  --tu-option-input-checkbox-margin: 3px;
  --tu-option-input-toggle-margin-v: 3px;
  --tu-option-input-toggle-margin-h: 1px;
  --tu-option-input-margin-top: 2px;
  --tu-option-input-gap-v: 2px;
  --tu-option-input-gap-h: 6px;
  --tu-option-input-label-gap: 6px;
  --tu-option-input-corner: 4px;
  --tu-option-input-border: 2px;
  --tu-option-input-outline-offset: 2px;
  --tu-option-input-outline: 6px;
  --tu-option-input-toggle-width: 32px;
  --tu-option-input-toggle-height: 18px;
  --tu-option-input-toggle-knob-dimension: 12px;
  --tu-option-input-toggle-lock-dimension: 12px;
  --tu-option-input-toggle-padding: 3px;
  --tu-option-input-toggle-corner: 12px;
}

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

tu-option-input-toggle {
  display: inline-block;
  cursor: pointer;
  margin: var(--tu-option-input-toggle-margin-v) var(--tu-option-input-toggle-margin-h);
}
tu-option-input-toggle[disabled] {
  cursor: not-allowed;
}
tu-option-input-toggle[disabled] .toggle-wrapper {
  background: var(--color-secondary-100);
}
tu-option-input-toggle[disabled] input[type=checkbox]:checked + .toggle-wrapper {
  background: var(--color-primary-100);
}
tu-option-input-toggle[premium][disabled] .toggle-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--tu-option-input-toggle-padding);
  width: var(--tu-option-input-toggle-lock-dimension);
  height: var(--tu-option-input-toggle-lock-dimension);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--color-secondary-300);
  -webkit-mask: url("./components/icon/svgs/lock.svg") center/contain no-repeat;
  mask: url("./components/icon/svgs/lock.svg") center/contain no-repeat;
}
tu-option-input-toggle[premium][disabled] input[type=checkbox]:checked + .toggle-wrapper::after {
  right: auto;
  left: var(--tu-option-input-toggle-padding);
}
tu-option-input-toggle .toggle-wrapper {
  width: var(--tu-option-input-toggle-width);
  height: var(--tu-option-input-toggle-height);
  background: var(--color-secondary-200);
  border-radius: var(--tu-option-input-toggle-corner);
  position: relative;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
tu-option-input-toggle .handle {
  width: var(--tu-option-input-toggle-knob-dimension);
  height: var(--tu-option-input-toggle-knob-dimension);
  background: var(--color-secondary-0);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: var(--tu-option-input-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-option-input-toggle input[type=checkbox]:checked + .toggle-wrapper {
  background: var(--color-primary-600);
}
tu-option-input-toggle input[type=checkbox]:checked + .toggle-wrapper .handle {
  -webkit-transform: translate(calc(var(--tu-option-input-toggle-width) - var(--tu-option-input-toggle-knob-dimension) - 2 * var(--tu-option-input-toggle-padding)), -50%);
          transform: translate(calc(var(--tu-option-input-toggle-width) - var(--tu-option-input-toggle-knob-dimension) - 2 * var(--tu-option-input-toggle-padding)), -50%);
}
tu-option-input-toggle input[type=checkbox]:focus-visible + .toggle-wrapper {
  -webkit-box-shadow: 0 0 0 var(--tu-option-input-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-option-input-outline) var(--color-primary-300);
          box-shadow: 0 0 0 var(--tu-option-input-outline-offset) var(--color-secondary-0), 0 0 0 var(--tu-option-input-outline) var(--color-primary-300);
}
tu-option-input-toggle input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

tu-option-input-group {
  display: contents;
}

:root {
  --tu-text-input-gap-h: 4px;
  --tu-text-input-padding-v: 6px;
}

@media (max-width: 500px) {
  :root {
    --tu-text-input-gap-h: 4px;
    --tu-text-input-padding-v: 6px;
  }
}
tu-text-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--tu-text-input-gap-h);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  padding: var(--tu-text-input-padding-v) 0px;
}
tu-text-input > [data-tu-text-input-role=prefix] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -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: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-secondary-900);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-text-input > [data-tu-text-input-role=prefix] {
    font-size: var(--tu-global-typography-size-body-2);
  }
}
tu-text-input > [data-tu-text-input-role=prefix] {
  font-size: var(--tu-global-typography-size-body-2);
}
@media (max-width: 500px) {
  tu-text-input > [data-tu-text-input-role=prefix] {
    font-weight: 400;
  }
}
tu-text-input > [data-tu-text-input-role=prefix] {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-text-input > [data-tu-text-input-role=prefix] {
    font-style: normal;
  }
}
tu-text-input > [data-tu-text-input-role=prefix] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-text-input > [data-tu-text-input-role=prefix] {
    line-height: 140%;
  }
}
tu-text-input > [data-tu-text-input-role=prefix] {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-text-input > [data-tu-text-input-role=prefix] {
    letter-spacing: var(--tu-global-typography-spacing-body-2);
  }
}
tu-text-input > [data-tu-text-input-role=prefix] {
  letter-spacing: var(--tu-global-typography-spacing-body-2);
}
tu-text-input > input[data-tu-text-input-role=value] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  background: none;
  border: none;
  height: 20px;
  padding: 0px;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-text-input > input[data-tu-text-input-role=value] {
    font-size: var(--tu-global-typography-size-body-2);
  }
}
tu-text-input > input[data-tu-text-input-role=value] {
  font-size: var(--tu-global-typography-size-body-2);
}
@media (max-width: 500px) {
  tu-text-input > input[data-tu-text-input-role=value] {
    font-weight: 400;
  }
}
tu-text-input > input[data-tu-text-input-role=value] {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-text-input > input[data-tu-text-input-role=value] {
    font-style: normal;
  }
}
tu-text-input > input[data-tu-text-input-role=value] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-text-input > input[data-tu-text-input-role=value] {
    line-height: 140%;
  }
}
tu-text-input > input[data-tu-text-input-role=value] {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-text-input > input[data-tu-text-input-role=value] {
    letter-spacing: var(--tu-global-typography-spacing-body-2);
  }
}
tu-text-input > input[data-tu-text-input-role=value] {
  letter-spacing: var(--tu-global-typography-spacing-body-2);
}
tu-text-input > input[data-tu-text-input-role=value]:focus, tu-text-input > input[data-tu-text-input-role=value]:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

tu-input[disabled] tu-text-input > [data-tu-text-input-role=prefix],
tu-input[state=disabled] tu-text-input > [data-tu-text-input-role=prefix] {
  color: var(--color-secondary-400);
}
tu-input[disabled] tu-text-input > input[data-tu-text-input-role=value],
tu-input[state=disabled] tu-text-input > input[data-tu-text-input-role=value] {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
  cursor: not-allowed;
}
tu-input[disabled] tu-text-input > input[data-tu-text-input-role=value]::-webkit-input-placeholder,
tu-input[state=disabled] tu-text-input > input[data-tu-text-input-role=value]::-webkit-input-placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}
tu-input[disabled] tu-text-input > input[data-tu-text-input-role=value]::-moz-placeholder,
tu-input[state=disabled] tu-text-input > input[data-tu-text-input-role=value]::-moz-placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}
tu-input[disabled] tu-text-input > input[data-tu-text-input-role=value]::-ms-input-placeholder,
tu-input[state=disabled] tu-text-input > input[data-tu-text-input-role=value]::-ms-input-placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}
tu-input[disabled] tu-text-input > input[data-tu-text-input-role=value]::placeholder,
tu-input[state=disabled] tu-text-input > input[data-tu-text-input-role=value]::placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}

:root {
  --tu-text-area-input-padding-v: 6px;
}

@media (max-width: 500px) {
  :root {
    --tu-text-area-input-padding-v: 6px;
  }
}
tu-text-area-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--tu-text-input-padding-v) 0px;
}
tu-text-area-input textarea {
  background: none;
  border: none;
  height: 100px;
  resize: none;
  width: 100%;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-text-area-input textarea {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-text-area-input textarea {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-text-area-input textarea {
    font-weight: 400;
  }
}
tu-text-area-input textarea {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-text-area-input textarea {
    font-style: normal;
  }
}
tu-text-area-input textarea {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-text-area-input textarea {
    line-height: 140%;
  }
}
tu-text-area-input textarea {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-text-area-input textarea {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-text-area-input textarea {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
tu-text-area-input textarea:focus, tu-text-area-input textarea:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

tu-input[disabled] tu-text-area-input > textarea[data-tu-text-input-role=value],
tu-input[state=disabled] tu-text-area-input > textarea[data-tu-text-input-role=value] {
  cursor: not-allowed;
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}
tu-input[disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::-webkit-input-placeholder,
tu-input[state=disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::-webkit-input-placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}
tu-input[disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::-moz-placeholder,
tu-input[state=disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::-moz-placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}
tu-input[disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::-ms-input-placeholder,
tu-input[state=disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::-ms-input-placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}
tu-input[disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::placeholder,
tu-input[state=disabled] tu-text-area-input > textarea[data-tu-text-input-role=value]::placeholder {
  color: var(--color-secondary-400);
  -webkit-text-fill-color: var(--color-secondary-400);
  opacity: 1;
}

:root {
  --tu-select-input-padding-v: 6px;
  --tu-select-input-gap-icons: 8px;
  --tu-select-input-dropdown-gap: 6px;
  --tu-select-input-dropdown-padding-v: 10px;
  --tu-select-input-dropdown-padding-h: 16px;
  --tu-select-input-dropdown-corner: 12px;
  --tu-select-input-gap-dropdown-option-h: 6px;
  --tu-select-input-pill-gap: 8px;
  --tu-select-input-pill-padding-v: 6px;
  --tu-select-input-pill-padding-h: 12px;
  --tu-select-input-pill-corner: 8px;
}

@media (max-width: 500px) {
  :root {
    --tu-select-input-padding-v: 6px;
    --tu-select-input-gap-icons: 8px;
    --tu-select-input-dropdown-gap: 6px;
    --tu-select-input-dropdown-padding-v: 10px;
    --tu-select-input-dropdown-padding-h: 16px;
    --tu-select-input-dropdown-corner: 12px;
    --tu-select-input-gap-dropdown-option-h: 6px;
    --tu-select-input-pill-gap: 8px;
    --tu-select-input-pill-padding-v: 6px;
    --tu-select-input-pill-padding-h: 12px;
    --tu-select-input-pill-corner: 8px;
  }
}
tu-input:has(tu-select-input):not([disabled]):not([state=disabled]) {
  cursor: pointer;
}
tu-input:has(tu-select-input):not([disabled]):not([state=disabled]) tu-select-input,
tu-input:has(tu-select-input):not([disabled]):not([state=disabled]) tu-select-input > button[data-tu-select-input-role=trigger] {
  cursor: pointer;
}

tu-select-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  padding: var(--tu-select-input-padding-v);
}
tu-select-input tu-select-input-options {
  position: absolute;
  top: calc(100% + var(--tu-select-input-dropdown-gap));
  left: 0;
  display: none;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--color-secondary-0);
  border: 1px solid var(--color-secondary-200);
  border-radius: var(--tu-select-input-dropdown-corner);
  -webkit-box-shadow: 0 21px 6px 0 rgba(84, 84, 84, 0), 0 13px 5px 0 rgba(84, 84, 84, 0.01), 0 7px 4px 0 rgba(84, 84, 84, 0.03), 0 3px 3px 0 rgba(84, 84, 84, 0.04), 0 1px 2px 0 rgba(84, 84, 84, 0.05);
          box-shadow: 0 21px 6px 0 rgba(84, 84, 84, 0), 0 13px 5px 0 rgba(84, 84, 84, 0.01), 0 7px 4px 0 rgba(84, 84, 84, 0.03), 0 3px 3px 0 rgba(84, 84, 84, 0.04), 0 1px 2px 0 rgba(84, 84, 84, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  overflow: hidden;
}
tu-select-input tu-select-input-options > tu-select-input-option {
  background: none;
  border: none;
  padding: var(--tu-select-input-dropdown-padding-v) var(--tu-select-input-dropdown-padding-h);
  text-align: left;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--tu-select-input-gap-dropdown-option-h);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-select-input tu-select-input-options > tu-select-input-option {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-select-input tu-select-input-options > tu-select-input-option {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-select-input tu-select-input-options > tu-select-input-option {
    font-weight: 400;
  }
}
tu-select-input tu-select-input-options > tu-select-input-option {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-select-input tu-select-input-options > tu-select-input-option {
    font-style: normal;
  }
}
tu-select-input tu-select-input-options > tu-select-input-option {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-select-input tu-select-input-options > tu-select-input-option {
    line-height: 140%;
  }
}
tu-select-input tu-select-input-options > tu-select-input-option {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-select-input tu-select-input-options > tu-select-input-option {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-select-input tu-select-input-options > tu-select-input-option {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
tu-select-input tu-select-input-options > tu-select-input-option tu-icon {
  display: none;
}
tu-select-input tu-select-input-options > tu-select-input-option[data-selected] tu-icon {
  display: block;
}
tu-select-input tu-select-input-options > tu-select-input-option tu-icon::before {
  background: var(--color-secondary-900) !important;
}
tu-select-input tu-select-input-options > tu-select-input-option:focus, tu-select-input tu-select-input-options > tu-select-input-option:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
tu-select-input tu-select-input-options > tu-select-input-option:hover {
  background: var(--color-secondary-50);
}
tu-select-input tu-select-input-options > tu-select-input-option:not(:last-child) {
  border-bottom: 1px solid var(--color-secondary-100);
}
tu-select-input tu-select-input-options > tu-select-input-option[data-highlighted], tu-select-input tu-select-input-options > tu-select-input-option[data-selected] {
  background: var(--color-secondary-50);
}
tu-select-input[open] tu-select-input-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
tu-select-input > button[data-tu-select-input-role=trigger] {
  padding: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  background: none;
  border: none;
  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: var(--tu-select-input-gap-icons);
  text-align: left;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-select-input > button[data-tu-select-input-role=trigger] {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-select-input > button[data-tu-select-input-role=trigger] {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-select-input > button[data-tu-select-input-role=trigger] {
    font-weight: 400;
  }
}
tu-select-input > button[data-tu-select-input-role=trigger] {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-select-input > button[data-tu-select-input-role=trigger] {
    font-style: normal;
  }
}
tu-select-input > button[data-tu-select-input-role=trigger] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-select-input > button[data-tu-select-input-role=trigger] {
    line-height: 140%;
  }
}
tu-select-input > button[data-tu-select-input-role=trigger] {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-select-input > button[data-tu-select-input-role=trigger] {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-select-input > button[data-tu-select-input-role=trigger] {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
tu-select-input > button[data-tu-select-input-role=trigger]:focus, tu-select-input > button[data-tu-select-input-role=trigger]:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
tu-select-input > button[data-tu-select-input-role=trigger] > [data-tu-select-input-role=trigger-label] {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
tu-select-input > button[data-tu-select-input-role=trigger] > [data-tu-select-input-role=trigger-label][data-placeholder] {
  color: var(--color-secondary-400);
}
tu-select-input > button[data-tu-select-input-role=trigger] > tu-icon[data-tu-select-input-role=icon] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  pointer-events: none;
}
tu-select-input > button[data-tu-select-input-role=trigger] > tu-icon[data-tu-select-input-role=icon]::before {
  background: var(--color-secondary-500);
}
tu-select-input[open] > button[data-tu-select-input-role=trigger] > tu-icon[data-tu-select-input-role=icon] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
tu-select-input[multi-select] {
  gap: var(--tu-select-input-gap-icons);
}
tu-select-input[multi-select] > button[data-tu-select-input-role=trigger] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}
tu-select-input[multi-select] > tu-select-input-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--tu-select-input-pill-gap);
  min-width: 0;
}
tu-select-input[multi-select] > tu-select-input-pills:focus, tu-select-input[multi-select] > tu-select-input-pills:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
  color: var(--color-secondary-400);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
    font-weight: 400;
  }
}
tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
    font-style: normal;
  }
}
tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
    line-height: 140%;
  }
}
tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-select-input[multi-select] [data-tu-select-input-role=pills-placeholder] {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
tu-select-input[multi-select] tu-select-input-pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--tu-select-input-gap-dropdown-option-h);
  max-width: 100%;
  padding: var(--tu-select-input-pill-padding-v) var(--tu-select-input-pill-padding-h);
  border: 1px solid var(--color-secondary-200);
  border-radius: var(--tu-select-input-pill-corner);
  background: var(--color-secondary-0);
  color: var(--color-secondary-900);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] tu-select-input-pill {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-select-input[multi-select] tu-select-input-pill {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-select-input[multi-select] tu-select-input-pill {
    font-weight: 400;
  }
}
tu-select-input[multi-select] tu-select-input-pill {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] tu-select-input-pill {
    font-style: normal;
  }
}
tu-select-input[multi-select] tu-select-input-pill {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] tu-select-input-pill {
    line-height: 140%;
  }
}
tu-select-input[multi-select] tu-select-input-pill {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-select-input[multi-select] tu-select-input-pill {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-select-input[multi-select] tu-select-input-pill {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
tu-select-input[multi-select] [data-tu-select-input-role=pill-label] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
tu-select-input[multi-select] button[data-tu-select-input-role=pill-remove] {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
tu-select-input[multi-select] button[data-tu-select-input-role=pill-remove]::before, tu-select-input[multi-select] button[data-tu-select-input-role=pill-remove]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  content: "";
  border-radius: 999px;
  background: var(--color-secondary-500);
}
tu-select-input[multi-select] button[data-tu-select-input-role=pill-remove]::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
tu-select-input[multi-select] button[data-tu-select-input-role=pill-remove]::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
tu-select-input[multi-select] button[data-tu-select-input-role=pill-remove]:focus, tu-select-input[multi-select] button[data-tu-select-input-role=pill-remove]:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

tu-input[disabled] tu-select-input > button[data-tu-select-input-role=trigger],
tu-input[state=disabled] tu-select-input > button[data-tu-select-input-role=trigger] {
  color: var(--color-secondary-400);
  cursor: not-allowed;
}
tu-input[disabled] tu-select-input > button[data-tu-select-input-role=trigger] > [data-tu-select-input-role=trigger-label],
tu-input[state=disabled] tu-select-input > button[data-tu-select-input-role=trigger] > [data-tu-select-input-role=trigger-label] {
  color: var(--color-secondary-400);
}
tu-input[disabled] tu-select-input > button[data-tu-select-input-role=trigger] > tu-icon[data-tu-select-input-role=icon]::before,
tu-input[state=disabled] tu-select-input > button[data-tu-select-input-role=trigger] > tu-icon[data-tu-select-input-role=icon]::before {
  background: var(--color-secondary-400);
}
tu-input[disabled] tu-select-input tu-select-input-pill,
tu-input[state=disabled] tu-select-input tu-select-input-pill {
  color: var(--color-secondary-400);
}
tu-input[disabled] tu-select-input button[data-tu-select-input-role=pill-remove],
tu-input[state=disabled] tu-select-input button[data-tu-select-input-role=pill-remove] {
  cursor: not-allowed;
}
tu-input[disabled] tu-select-input button[data-tu-select-input-role=pill-remove]::before, tu-input[disabled] tu-select-input button[data-tu-select-input-role=pill-remove]::after,
tu-input[state=disabled] tu-select-input button[data-tu-select-input-role=pill-remove]::before,
tu-input[state=disabled] tu-select-input button[data-tu-select-input-role=pill-remove]::after {
  background: var(--color-secondary-400);
}

tu-input:has(tu-select-input) {
  position: relative;
}

tu-date-picker-text-input {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  color: var(--color-secondary-900);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-date-picker-text-input {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-date-picker-text-input {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-date-picker-text-input {
    font-weight: 400;
  }
}
tu-date-picker-text-input {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-date-picker-text-input {
    font-style: normal;
  }
}
tu-date-picker-text-input {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-date-picker-text-input {
    line-height: 140%;
  }
}
tu-date-picker-text-input {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-date-picker-text-input {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-date-picker-text-input {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
  text-align: left;
  letter-spacing: 0;
}
tu-date-picker-text-input:focus, tu-date-picker-text-input:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
tu-date-picker-text-input [data-tu-date-picker-text-input-segment],
tu-date-picker-text-input [data-tu-date-picker-text-input-separator] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  color: inherit;
}
tu-date-picker-text-input [data-tu-date-picker-text-input-segment] {
  border-bottom: 1px solid transparent;
}
tu-date-picker-text-input [data-tu-date-picker-text-input-segment][data-active] {
  color: var(--color-primary-600);
  border-bottom-color: var(--color-primary-600);
}
tu-date-picker-text-input > tu-button {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

tu-input[disabled] tu-date-picker-text-input,
tu-input[state=disabled] tu-date-picker-text-input {
  color: var(--color-secondary-400);
}

:root {
  --tu-date-picker-input-padding-v: 6px;
  --tu-date-picker-input-dropdown-gap: 8px;
  --tu-date-picker-input-dropdown-sections-gap-v: 20px;
  --tu-date-picker-input-dropdown-corner: 12px;
  --tu-date-picker-input-dropdown-padding: 16px;
  --tu-date-picker-input-day-padding-v: 10px;
  --tu-date-picker-input-day-padding-h: 4px;
  --tu-date-picker-input-dropdown-row-corner: 8px;
  --tu-date-picker-input-actions-gap: 16px;
}

@media (max-width: 500px) {
  :root {
    --tu-date-picker-input-padding-v: 6px;
    --tu-date-picker-input-dropdown-gap: 8px;
    --tu-date-picker-input-dropdown-sections-gap-v: 20px;
    --tu-date-picker-input-dropdown-corner: 12px;
    --tu-date-picker-input-dropdown-padding: 16px;
    --tu-date-picker-input-day-padding-v: 10px;
    --tu-date-picker-input-day-padding-h: 4px;
    --tu-date-picker-input-dropdown-row-corner: 8px;
    --tu-date-picker-input-actions-gap: 16px;
  }
}
tu-input:has(tu-date-picker-input):not([disabled]):not([state=disabled]) {
  cursor: pointer;
}
tu-input:has(tu-date-picker-input):not([disabled]):not([state=disabled]) tu-date-picker-input,
tu-input:has(tu-date-picker-input):not([disabled]):not([state=disabled]) tu-date-picker-input tu-date-picker-text-input {
  cursor: pointer;
}

tu-date-picker-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  padding: var(--tu-date-picker-input-padding-v);
}
tu-date-picker-input > [data-tu-date-picker-input-role=popover] {
  position: absolute;
  top: calc(100% + var(--tu-date-picker-input-dropdown-gap));
  left: 0;
  display: none;
  width: 100%;
  background: var(--color-secondary-0);
  border: 1px solid var(--color-secondary-200);
  border-radius: var(--tu-date-picker-input-dropdown-corner);
  -webkit-box-shadow: 0 21px 6px 0 rgba(84, 84, 84, 0), 0 13px 5px 0 rgba(84, 84, 84, 0.01), 0 7px 4px 0 rgba(84, 84, 84, 0.03), 0 3px 3px 0 rgba(84, 84, 84, 0.04), 0 1px 2px 0 rgba(84, 84, 84, 0.05);
          box-shadow: 0 21px 6px 0 rgba(84, 84, 84, 0), 0 13px 5px 0 rgba(84, 84, 84, 0.01), 0 7px 4px 0 rgba(84, 84, 84, 0.03), 0 3px 3px 0 rgba(84, 84, 84, 0.04), 0 1px 2px 0 rgba(84, 84, 84, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
}
tu-date-picker-input[open] > [data-tu-date-picker-input-role=popover] {
  display: block;
}

.tu-date-picker-input-calendar {
  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-date-picker-input-dropdown-sections-gap-v);
  padding: var(--tu-date-picker-input-dropdown-padding);
}

.tu-date-picker-input-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;
}

.tu-date-picker-input-month-label {
  text-align: center;
  color: var(--color-secondary-900);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-date-picker-input-month-label {
    font-size: var(--tu-global-typography-size-h4);
  }
}
.tu-date-picker-input-month-label {
  font-size: var(--tu-global-typography-size-h4);
}
@media (max-width: 500px) {
  .tu-date-picker-input-month-label {
    font-weight: 600;
  }
}
.tu-date-picker-input-month-label {
  font-weight: 600;
}
@media (max-width: 500px) {
  .tu-date-picker-input-month-label {
    font-style: normal;
  }
}
.tu-date-picker-input-month-label {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-date-picker-input-month-label {
    line-height: 140%;
  }
}
.tu-date-picker-input-month-label {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-date-picker-input-month-label {
    letter-spacing: var(--tu-global-typography-spacing-none);
  }
}
.tu-date-picker-input-month-label {
  letter-spacing: var(--tu-global-typography-spacing-none);
}

.tu-date-picker-input-nav,
.tu-date-picker-input-day {
  border: none;
  background: none;
  color: var(--color-secondary-800);
  cursor: pointer;
}
.tu-date-picker-input-nav:focus, .tu-date-picker-input-nav:active,
.tu-date-picker-input-day:focus,
.tu-date-picker-input-day:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tu-date-picker-input-weekdays,
.tu-date-picker-input-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.tu-date-picker-input-weekdays {
  overflow: hidden;
  border-radius: var(--tu-date-picker-input-dropdown-row-corner);
  background: var(--color-secondary-50);
}
.tu-date-picker-input-weekdays > div {
  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;
  min-width: 0;
  padding: var(--tu-date-picker-input-day-padding-v) var(--tu-date-picker-input-day-padding-h);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--color-secondary-700);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-date-picker-input-weekdays > div {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
.tu-date-picker-input-weekdays > div {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  .tu-date-picker-input-weekdays > div {
    font-weight: 400;
  }
}
.tu-date-picker-input-weekdays > div {
  font-weight: 400;
}
@media (max-width: 500px) {
  .tu-date-picker-input-weekdays > div {
    font-style: normal;
  }
}
.tu-date-picker-input-weekdays > div {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-date-picker-input-weekdays > div {
    line-height: 140%;
  }
}
.tu-date-picker-input-weekdays > div {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-date-picker-input-weekdays > div {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
.tu-date-picker-input-weekdays > div {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}

.tu-date-picker-input-day {
  position: relative;
  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: 100%;
  min-width: 0;
  padding: var(--tu-date-picker-input-day-padding-v) var(--tu-date-picker-input-day-padding-h);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  justify-self: stretch;
  border-radius: 8px;
  color: var(--color-secondary-800);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-date-picker-input-day {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
.tu-date-picker-input-day {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  .tu-date-picker-input-day {
    font-weight: 400;
  }
}
.tu-date-picker-input-day {
  font-weight: 400;
}
@media (max-width: 500px) {
  .tu-date-picker-input-day {
    font-style: normal;
  }
}
.tu-date-picker-input-day {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-date-picker-input-day {
    line-height: 140%;
  }
}
.tu-date-picker-input-day {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-date-picker-input-day {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
.tu-date-picker-input-day {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
.tu-date-picker-input-day:hover, .tu-date-picker-input-day.is-active {
  background: var(--color-secondary-50);
}
.tu-date-picker-input-day.is-outside-month {
  color: var(--color-secondary-400);
}
.tu-date-picker-input-day.is-today {
  color: var(--color-primary-600);
}
.tu-date-picker-input-day.is-today::after {
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 100%;
  background: var(--color-primary-600);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tu-date-picker-input-day.is-selected {
  background: var(--color-primary-600);
  color: var(--color-secondary-0);
}
.tu-date-picker-input-day.is-selected::after {
  background: var(--color-secondary-0);
}

.tu-date-picker-input-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tu-date-picker-input-actions-gap);
}
.tu-date-picker-input-actions button {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

tu-input[disabled] tu-date-picker-input tu-date-picker-text-input,
tu-input[state=disabled] tu-date-picker-input tu-date-picker-text-input {
  color: var(--color-secondary-400);
  cursor: not-allowed;
}

tu-input:has(tu-date-picker-input) {
  position: relative;
}

tu-time-picker-text-input {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  color: var(--color-secondary-900);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  tu-time-picker-text-input {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
tu-time-picker-text-input {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  tu-time-picker-text-input {
    font-weight: 400;
  }
}
tu-time-picker-text-input {
  font-weight: 400;
}
@media (max-width: 500px) {
  tu-time-picker-text-input {
    font-style: normal;
  }
}
tu-time-picker-text-input {
  font-style: normal;
}
@media (max-width: 500px) {
  tu-time-picker-text-input {
    line-height: 140%;
  }
}
tu-time-picker-text-input {
  line-height: 140%;
}
@media (max-width: 500px) {
  tu-time-picker-text-input {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
tu-time-picker-text-input {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
  text-align: left;
  letter-spacing: 0;
}
tu-time-picker-text-input:focus, tu-time-picker-text-input:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
tu-time-picker-text-input [data-tu-time-picker-text-input-segment],
tu-time-picker-text-input [data-tu-time-picker-text-input-separator] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  color: inherit;
}
tu-time-picker-text-input [data-tu-time-picker-text-input-segment] {
  border-bottom: 1px solid transparent;
}
tu-time-picker-text-input [data-tu-time-picker-text-input-segment][data-active] {
  color: var(--color-primary-600);
  border-bottom-color: var(--color-primary-600);
}
tu-time-picker-text-input > tu-button {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

tu-input[disabled] tu-time-picker-text-input,
tu-input[state=disabled] tu-time-picker-text-input {
  color: var(--color-secondary-400);
}

:root {
  --tu-time-picker-input-padding-v: 6px;
  --tu-time-picker-input-dropdown-gap: 8px;
  --tu-time-picker-input-dropdown-corner: 12px;
  --tu-time-picker-input-dropdown-padding: 24px;
  --tu-time-picker-input-picker-gap: 24px;
  --tu-time-picker-input-option-padding-v: 8px;
  --tu-time-picker-input-option-padding-h: 12px;
  --tu-time-picker-input-actions-gap: 16px;
  --tu-time-picker-input-selection-corner: 8px;
}

@media (max-width: 500px) {
  :root {
    --tu-time-picker-input-padding-v: 6px;
    --tu-time-picker-input-dropdown-gap: 8px;
    --tu-time-picker-input-dropdown-corner: 12px;
    --tu-time-picker-input-dropdown-padding: 24px;
    --tu-time-picker-input-picker-gap: 24px;
    --tu-time-picker-input-option-padding-v: 8px;
    --tu-time-picker-input-option-padding-h: 12px;
    --tu-time-picker-input-actions-gap: 16px;
    --tu-time-picker-input-selection-corner: 8px;
  }
}
tu-input:has(tu-time-picker-input):not([disabled]):not([state=disabled]) {
  cursor: pointer;
}
tu-input:has(tu-time-picker-input):not([disabled]):not([state=disabled]) tu-time-picker-input,
tu-input:has(tu-time-picker-input):not([disabled]):not([state=disabled]) tu-time-picker-input tu-time-picker-text-input {
  cursor: pointer;
}

tu-time-picker-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  padding: var(--tu-time-picker-input-padding-v);
}
tu-time-picker-input > [data-tu-time-picker-input-role=popover] {
  position: absolute;
  top: calc(100% + var(--tu-time-picker-input-dropdown-gap));
  left: 0;
  display: none;
  width: 100%;
  background: var(--color-secondary-0);
  border: 1px solid var(--color-secondary-200);
  border-radius: var(--tu-time-picker-input-dropdown-corner);
  -webkit-box-shadow: 0 21px 6px 0 rgba(84, 84, 84, 0), 0 13px 5px 0 rgba(84, 84, 84, 0.01), 0 7px 4px 0 rgba(84, 84, 84, 0.03), 0 3px 3px 0 rgba(84, 84, 84, 0.04), 0 1px 2px 0 rgba(84, 84, 84, 0.05);
          box-shadow: 0 21px 6px 0 rgba(84, 84, 84, 0), 0 13px 5px 0 rgba(84, 84, 84, 0.01), 0 7px 4px 0 rgba(84, 84, 84, 0.03), 0 3px 3px 0 rgba(84, 84, 84, 0.04), 0 1px 2px 0 rgba(84, 84, 84, 0.05);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
}
tu-time-picker-input[open] > [data-tu-time-picker-input-role=popover] {
  display: block;
}

.tu-time-picker-input-picker {
  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-time-picker-input-picker-gap);
  padding: var(--tu-time-picker-input-dropdown-padding);
}

.tu-time-picker-input-wheels {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) minmax(0, 1fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--tu-time-picker-input-actions-gap);
}
.tu-time-picker-input-wheels::before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: calc(var(--tu-time-picker-input-option-padding-v) * 2 + 20px);
  content: "";
  border: 2px solid var(--color-primary-300);
  border-radius: var(--tu-time-picker-input-selection-corner);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.tu-time-picker-input-wheel {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-width: 0;
}
.tu-time-picker-input-wheel > tu-button {
  -ms-flex-item-align: center;
      align-self: center;
}

.tu-time-picker-input-wheel-options {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-width: 0;
}

.tu-time-picker-input-period-options {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.tu-time-picker-input-option {
  position: relative;
  z-index: 1;
  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: 100%;
  min-width: 0;
  min-height: calc(var(--tu-time-picker-input-option-padding-v) * 2 + 20px);
  padding: var(--tu-time-picker-input-option-padding-v) var(--tu-time-picker-input-option-padding-h);
  border: none;
  background: none;
  color: var(--color-secondary-600);
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-time-picker-input-option {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
.tu-time-picker-input-option {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  .tu-time-picker-input-option {
    font-weight: 400;
  }
}
.tu-time-picker-input-option {
  font-weight: 400;
}
@media (max-width: 500px) {
  .tu-time-picker-input-option {
    font-style: normal;
  }
}
.tu-time-picker-input-option {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-time-picker-input-option {
    line-height: 140%;
  }
}
.tu-time-picker-input-option {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-time-picker-input-option {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
.tu-time-picker-input-option {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}
.tu-time-picker-input-option.is-distance-1 {
  color: var(--color-secondary-700);
}
.tu-time-picker-input-option.is-distance-2 {
  color: var(--color-secondary-500);
}
.tu-time-picker-input-option:focus, .tu-time-picker-input-option:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tu-time-picker-input-option.is-selected {
  color: var(--color-primary-700);
}
.tu-time-picker-input-option.is-placeholder {
  visibility: hidden;
  pointer-events: none;
}

.tu-time-picker-input-separator-column {
  position: relative;
  z-index: 1;
  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(--color-primary-700);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-time-picker-input-separator-column {
    font-size: var(--tu-global-typography-size-body-1);
  }
}
.tu-time-picker-input-separator-column {
  font-size: var(--tu-global-typography-size-body-1);
}
@media (max-width: 500px) {
  .tu-time-picker-input-separator-column {
    font-weight: 400;
  }
}
.tu-time-picker-input-separator-column {
  font-weight: 400;
}
@media (max-width: 500px) {
  .tu-time-picker-input-separator-column {
    font-style: normal;
  }
}
.tu-time-picker-input-separator-column {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-time-picker-input-separator-column {
    line-height: 140%;
  }
}
.tu-time-picker-input-separator-column {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-time-picker-input-separator-column {
    letter-spacing: var(--tu-global-typography-spacing-body-1);
  }
}
.tu-time-picker-input-separator-column {
  letter-spacing: var(--tu-global-typography-spacing-body-1);
}

.tu-time-picker-input-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tu-time-picker-input-actions-gap);
}
.tu-time-picker-input-actions button {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

tu-input[disabled] tu-time-picker-input tu-time-picker-text-input,
tu-input[state=disabled] tu-time-picker-input tu-time-picker-text-input {
  color: var(--color-secondary-400);
  cursor: not-allowed;
}

tu-input:has(tu-time-picker-input) {
  position: relative;
}

:root {
  --tu-input-padding-h: 16px;
  --tu-input-padding-v-large: 8px;
  --tu-input-padding-v-medium: 4px;
  --tu-input-padding-v-small: 0px;
  --tu-input-padding-v-action: 4px;
  --tu-input-gap-h-main: 8px;
  --tu-input-gap-icons: 8px;
  --tu-input-corner: 12px;
  --tu-input-gap-label: 6px;
  --tu-input-gap-v-main: 6px;
  --tu-input-outline: 2px;
}

@media (max-width: 500px) {
  :root {
    --tu-input-padding-h: 16px;
    --tu-input-padding-v-large: 8px;
    --tu-input-padding-v-medium: 4px;
    --tu-input-padding-v-small: 0px;
    --tu-input-padding-v-action: 4px;
    --tu-input-gap-h-main: 8px;
    --tu-input-gap-icons: 8px;
    --tu-input-corner: 12px;
    --tu-input-gap-label: 6px;
    --tu-input-gap-v-main: 6px;
    --tu-input-outline: 2px;
  }
}
tu-input {
  background: var(--color-secondary-50);
  padding: var(--tu-input-padding-v-large) var(--tu-input-padding-h);
  border-radius: var(--tu-input-corner);
  gap: var(--tu-input-gap-h-main);
}
tu-input[vertical-size=medium] {
  padding: var(--tu-input-padding-v-medium) var(--tu-input-padding-h);
}
tu-input[vertical-size=small] {
  padding: var(--tu-input-padding-v-small) var(--tu-input-padding-h);
}
tu-input tu-divider {
  height: 12px;
  color: var(--color-secondary-300);
  border-radius: 100px;
}
tu-input[state=focus] {
  outline: var(--tu-input-outline) solid var(--color-status-info-500);
}
tu-input[state=error] {
  outline: var(--tu-input-outline) solid var(--color-status-error-600);
  background: var(--color-status-error-50);
}
tu-input[state=valid] {
  outline: var(--tu-input-outline) solid var(--color-status-success-600);
  background: var(--color-status-success-50);
}
tu-input[state=disabled] {
  outline: 1px solid var(--color-secondary-100);
  background: var(--color-secondary-0);
  cursor: not-allowed;
}
tu-input[state=disabled] tu-input-right-wrapper {
  display: none;
}

tu-input,
tu-input-left-wrapper,
tu-input-right-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

tu-input-left-wrapper,
tu-input-right-wrapper {
  gap: var(--tu-input-gap-icons);
}

tu-input-text-part-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
tu-input-text-part-wrapper > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}

tu-input-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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--tu-input-gap-v-main);
}
tu-input-wrapper:has(> tu-input[state=error]) .tu-input-wrapper-footer,
tu-input-wrapper:has(> tu-input[state=error]) .tu-input-wrapper-error-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
tu-input-wrapper:has(> tu-input[disabled]) .tu-input-wrapper-label-wrapper,
tu-input-wrapper:has(> tu-input[disabled]) .tu-input-wrapper-helper-text,
tu-input-wrapper:has(> tu-input[disabled]) .tu-input-wrapper-error-text, tu-input-wrapper:has(> tu-input[state=disabled]) .tu-input-wrapper-label-wrapper,
tu-input-wrapper:has(> tu-input[state=disabled]) .tu-input-wrapper-helper-text,
tu-input-wrapper:has(> tu-input[state=disabled]) .tu-input-wrapper-error-text {
  color: var(--color-secondary-400);
}
tu-input-wrapper:has(> tu-input[disabled]) .tu-input-wrapper-error-text tu-icon::before, tu-input-wrapper:has(> tu-input[state=disabled]) .tu-input-wrapper-error-text tu-icon::before {
  background: var(--color-secondary-400) !important;
}

.tu-input-wrapper-label-wrapper {
  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;
  gap: var(--tu-input-gap-label);
  color: var(--color-secondary-600);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-input-wrapper-label-wrapper {
    font-size: var(--tu-global-typography-size-label-1);
  }
}
.tu-input-wrapper-label-wrapper {
  font-size: var(--tu-global-typography-size-label-1);
}
@media (max-width: 500px) {
  .tu-input-wrapper-label-wrapper {
    font-weight: 500;
  }
}
.tu-input-wrapper-label-wrapper {
  font-weight: 500;
}
@media (max-width: 500px) {
  .tu-input-wrapper-label-wrapper {
    font-style: normal;
  }
}
.tu-input-wrapper-label-wrapper {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-input-wrapper-label-wrapper {
    line-height: 140%;
  }
}
.tu-input-wrapper-label-wrapper {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-input-wrapper-label-wrapper {
    letter-spacing: var(--tu-global-typography-spacing-label);
  }
}
.tu-input-wrapper-label-wrapper {
  letter-spacing: var(--tu-global-typography-spacing-label);
}

.tu-input-wrapper-footer {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: var(--tu-icon-size-xxs);
}
.tu-input-wrapper-footer:has(> .tu-input-wrapper-helper-text) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tu-input-wrapper-error-text,
.tu-input-wrapper-helper-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.tu-input-wrapper-error-text {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--tu-input-gap-label);
  color: var(--color-status-error-700);
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-input-wrapper-error-text {
    font-size: var(--tu-global-typography-size-label-2);
  }
}
.tu-input-wrapper-error-text {
  font-size: var(--tu-global-typography-size-label-2);
}
@media (max-width: 500px) {
  .tu-input-wrapper-error-text {
    font-weight: 500;
  }
}
.tu-input-wrapper-error-text {
  font-weight: 500;
}
@media (max-width: 500px) {
  .tu-input-wrapper-error-text {
    font-style: normal;
  }
}
.tu-input-wrapper-error-text {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-input-wrapper-error-text {
    line-height: 140%;
  }
}
.tu-input-wrapper-error-text {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-input-wrapper-error-text {
    letter-spacing: var(--tu-global-typography-spacing-label);
  }
}
.tu-input-wrapper-error-text {
  letter-spacing: var(--tu-global-typography-spacing-label);
}
.tu-input-wrapper-error-text tu-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tu-input-wrapper-error-text tu-icon::before {
  background: var(--color-status-error-700) !important;
}

.tu-input-wrapper-helper-text {
  color: var(--color-secondary-600);
  text-decoration: underline;
  font-family: Inter;
  text-align: justify;
}
@media (max-width: 500px) {
  .tu-input-wrapper-helper-text {
    font-size: var(--tu-global-typography-size-label-2);
  }
}
.tu-input-wrapper-helper-text {
  font-size: var(--tu-global-typography-size-label-2);
}
@media (max-width: 500px) {
  .tu-input-wrapper-helper-text {
    font-weight: 500;
  }
}
.tu-input-wrapper-helper-text {
  font-weight: 500;
}
@media (max-width: 500px) {
  .tu-input-wrapper-helper-text {
    font-style: normal;
  }
}
.tu-input-wrapper-helper-text {
  font-style: normal;
}
@media (max-width: 500px) {
  .tu-input-wrapper-helper-text {
    line-height: 140%;
  }
}
.tu-input-wrapper-helper-text {
  line-height: 140%;
}
@media (max-width: 500px) {
  .tu-input-wrapper-helper-text {
    letter-spacing: var(--tu-global-typography-spacing-label);
  }
}
.tu-input-wrapper-helper-text {
  letter-spacing: var(--tu-global-typography-spacing-label);
  text-align: right;
}

tu-visibility-toggle-content {
  display: contents;
}
tu-visibility-toggle-content[hidden] {
  display: none;
}

tu-visibility-toggle-trigger {
  display: contents;
}

tu-row {
  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-row[no-column-scroll] {
  max-height: unset;
}
@media screen and (max-width: 1366px) {
  tu-row: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-row: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;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/ibm-plex-mono/ibmplexmono-medium.woff2") format("woff2");
}
@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");
  }
}