/*!
 * Copyright (c) 2025. EduKits International Pty Ltd.
 */
/*!
 * Copyright (c) 2025. EduKits International Pty Ltd.
 */
/*!
 * Copyright (c) 2023. EduKits International Pty Ltd.
 */
/* App structure */
/* Main colours */
/* Block category colours */
/* DOCUMENT VARIABLE SETUP */
/* i.e. Light vs Dark Mode */
:root {
  --max-toolbox-width: 230px;
  --toolbox-width: 230px;
  --g-border-radius: 6px;
  /* Font families */
  --font-body: 'Inter', sans-serif;
  --font-display: 'Konnected', sans-serif;
  --font-mono:
    'JetBrains Mono', Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono',
    Monaco, Consolas, monospace;
}

[data-theme=dark] {
  /* Primary colours */
  --c-primary: #9a35ff;
  --c-primary-20: rgba(154, 53, 255, 0.2);
  --c-primary-30: rgba(154, 53, 255, 0.3);
  --c-primary-50: rgba(154, 53, 255, 0.5);
  --c-primary-70: rgba(154, 53, 255, 0.7);
  --c-primary-90: rgba(154, 53, 255, 0.9);
  /* Background */
  --bg-main: rgba(38, 2, 69, 1);
  --bg-ui: rgba(38, 2, 69, 1);
  --main-bg-transparent: rgba(38, 2, 69, 0);
  --bg-workspace: linear-gradient(0deg, #1c007b 0%, #5c0593 100%);
  --bg-blockly-flyout: rgb(75 12 129);
  /* Sidebar */
  --bg-sidebar: #140025;
  --bg-sidebar-selected: var(--c-primary-70);
  --text-sidebar: var(--text-main);
  --text-sidebar-selected: var(--text-main);
  /* Text colours */
  --text-main: rgba(255, 255, 255, 0.95);
  --text-90: rgba(255, 255, 255, 0.855);
  --text-80: rgba(255, 255, 255, 0.76);
  --text-70: rgba(255, 255, 255, 0.665);
  --text-60: rgba(255, 255, 255, 0.57);
  --text-50: rgba(255, 255, 255, 0.475);
  --text-40: rgba(255, 255, 255, 0.38);
  --text-30: rgba(255, 255, 255, 0.285);
  --text-20: rgba(255, 255, 255, 0.19);
  --text-10: rgba(255, 255, 255, 0.095);
  --text-5: rgba(255, 255, 255, 0.0475);
  /* Borders */
  --c-border: #5f3187;
  --c-border-strong: #5f3187;
  /* Blockly Toolbox */
  --toolbox-hover-bg: #2f0068;
}

[data-theme=light] {
  /* Primary colours */
  --c-primary: #9a35ff;
  --c-primary-20: rgba(154, 53, 255, 0.2);
  --c-primary-30: rgba(154, 53, 255, 0.3);
  --c-primary-50: rgba(154, 53, 255, 0.5);
  --c-primary-70: rgba(154, 53, 255, 0.7);
  --c-primary-90: rgba(154, 53, 255, 0.9);
  /* Background */
  --bg-main: #ffffff;
  --bg-ui: #f7f7f8;
  --bg-main-transparent: rgba(242, 242, 242, 0);
  --bg-workspace: #ffffff;
  --bg-blockly-flyout: #eee;
  /* Sidebar */
  --bg-sidebar-selected: var(--c-primary-30);
  --text-sidebar: var(--text-main);
  --text-sidebar-selected: var(--c-primary);
  /* Text colours */
  --text-main: #000000;
  --text-90: rgba(0, 0, 0, 0.9);
  --text-80: rgba(0, 0, 0, 0.8);
  --text-70: rgba(0, 0, 0, 0.7);
  --text-60: rgba(0, 0, 0, 0.6);
  --text-50: rgba(0, 0, 0, 0.5);
  --text-40: rgba(0, 0, 0, 0.4);
  --text-30: rgba(0, 0, 0, 0.3);
  --text-20: rgba(0, 0, 0, 0.2);
  --text-10: rgba(0, 0, 0, 0.1);
  --text-5: rgba(0, 0, 0, 0.05);
  /* Borders */
  --c-border: #d3d3d3;
  --c-border-strong: #d3d3d3;
  /* Blockly Toolbox */
  --toolbox-hover-bg: rgba(0, 0, 0, 0.05);
}

[data-theme=magma] {
  /* Primary colours */
  --c-primary: #ff8935;
  --c-primary-20: rgba(255, 137, 53, 0.2);
  --c-primary-30: rgba(255, 137, 53, 0.3);
  --c-primary-50: rgba(255, 137, 53, 0.5);
  --c-primary-70: rgba(255, 137, 53, 0.7);
  --c-primary-90: rgba(255, 137, 53, 0.9);
  /* Background */
  --bg-main: #331010;
  --bg-ui: #331010;
  --main-bg-transparent: rgba(38, 2, 69, 0);
  --bg-workspace: linear-gradient(#4d2700 0%, #20002a 100%);
  --bg-blockly-flyout: #681f00;
  /* Sidebar */
  --bg-sidebar: #250000;
  --bg-sidebar-selected: var(--c-primary);
  --text-sidebar: var(--text-main);
  --text-sidebar-selected: var(--text-main);
  /* Text colours */
  --text-main: rgba(255, 255, 255, 0.95);
  --text-90: rgba(255, 255, 255, 0.855);
  --text-80: rgba(255, 255, 255, 0.76);
  --text-70: rgba(255, 255, 255, 0.665);
  --text-60: rgba(255, 255, 255, 0.57);
  --text-50: rgba(255, 255, 255, 0.475);
  --text-40: rgba(255, 255, 255, 0.38);
  --text-30: rgba(255, 255, 255, 0.285);
  --text-20: rgba(255, 255, 255, 0.19);
  --text-10: rgba(255, 255, 255, 0.095);
  --text-5: rgba(255, 255, 255, 0.0475);
  /* Borders */
  --c-border: #52332b;
  --c-border-strong: #52332b;
  /* Blockly Toolbox */
  --toolbox-hover-bg: #52332b;
}

[data-theme=edukits] {
  /* Primary colours */
  --c-primary: #34b7fa;
  --c-primary-20: rgba(52, 183, 250, 0.2);
  --c-primary-30: rgba(52, 183, 250, 0.3);
  /* Background */
  --bg-main: #ffffff;
  --bg-ui: #f2f2f2;
  --bg-main-transparent: rgba(242, 242, 242, 0);
  --bg-workspace: #ffffff;
  /* Text colours */
  --text-main: #000000;
  --text-90: rgba(0, 0, 0, 0.9);
  --text-80: rgba(0, 0, 0, 0.8);
  --text-70: rgba(0, 0, 0, 0.7);
  --text-60: rgba(0, 0, 0, 0.6);
  --text-50: rgba(0, 0, 0, 0.5);
  --text-40: rgba(0, 0, 0, 0.4);
  --text-30: rgba(0, 0, 0, 0.3);
  --text-20: rgba(0, 0, 0, 0.2);
  --text-10: rgba(0, 0, 0, 0.1);
  --text-5: rgba(0, 0, 0, 0.05);
  /* Borders */
  --c-border: #d3d3d3;
  --c-border-strong: #d3d3d3;
  /* Blockly Toolbox */
  --toolbox-hover-bg: rgba(0, 0, 0, 0.05);
}

/*!
 * Copyright (c) 2023. EduKits International Pty Ltd.
 */
/*!
 * Copyright (c) 2023. EduKits International Pty Ltd.
 */
/*!
 * Copyright (c) 2025. EduKits International Pty Ltd.
 */
/* Workspace Area */
.blocklyMainBackground {
  stroke: none;
  fill: transparent;
}

.blocklySvg {
  background: transparent;
}

/* Scrollbars */
.blocklyScrollbarHandle {
  fill: var(--text-30);
}

/* Toolbox Container */
.blocklyToolbox {
  padding: 7px 15px;
  width: var(--toolbox-width);
  background-color: var(--bg-main);
  /**
   * TOOLBOX CATEGORY GROUP
   */
}
.blocklyToolbox .blocklyToolboxCategoryGroup {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.blocklyToolbox {
  /**
   * Focus styling for items.
   */
}
.blocklyToolbox .blocklyPassiveFocus:focus-visible,
.blocklyToolbox .blocklyActiveFocus:focus-visible {
  outline: 2px solid var(--c-primary);
  outline-offset: 2px;
  border-radius: var(--g-border-radius);
}
.blocklyToolbox {
  /**
   * TOOLBOX CATEGORY
   */
}
.blocklyToolbox .blocklyToolboxCategory {
  border-radius: calc(var(--g-border-radius) + 2px);
  box-sizing: border-box;
  height: auto;
  margin: 0;
  padding: 0.3em !important;
  line-height: 1;
  transition: background-color 0.15s;
}
.blocklyToolbox .blocklyToolboxCategory:hover:not(.blocklyToolboxSelected) {
  background-color: var(--toolbox-hover-bg);
}
.blocklyToolbox .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: transparent !important;
}
.blocklyToolbox .blocklyToolboxCategory.blocklyToolboxSelected .blocklyToolboxCategoryLabel {
  color: var(--text-main) !important;
}
.blocklyToolbox .blocklyToolboxCategory.blocklyToolboxSelected .icon {
  transform: scale(1) rotate(-15deg);
}
.blocklyToolbox .blocklyToolboxCategory.blocklyToolboxSelected .icon:before {
  transform: scale(1.3) rotate(15deg);
}
.blocklyToolbox .blocklyToolboxCategory {
  /* Content */
}
.blocklyToolbox .blocklyToolboxCategory .blocklyTreeRowContentContainer {
  display: flex;
  align-items: center;
}
.blocklyToolbox .blocklyToolboxCategory {
  /* Text */
}
.blocklyToolbox .blocklyToolboxCategory .blocklyToolboxCategoryLabel {
  font-family: "Konnected", sans-serif !important;
  font-weight: 600 !important;
}
.blocklyToolbox .blocklyToolboxCategory {
  /* Toolbox icons */
}
.blocklyToolbox .blocklyToolboxCategory .icon {
  background-color: var(--text-main);
  border-radius: var(--g-border-radius);
  height: 2em;
  width: 2em;
  margin-right: 0.25em;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease-in-out;
}
.blocklyToolbox .blocklyToolboxCategory .icon:before {
  color: var(--bg-main);
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease-in-out;
}

/* Flyout */
.blocklyFlyoutBackground {
  fill: var(--bg-blockly-flyout) !important;
}

/**
 * Search box
 */
.cat-search .blocklyToolboxCategory {
  padding: 0 !important;
}
.cat-search .search-box {
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: var(--g-border-radius);
  padding: 0 0 0 0.5em;
  gap: 0.6em;
  border: 1px solid transparent;
}
.cat-search .search-box i {
  margin: 0 0.3em;
}
.cat-search .search-box:focus-within {
  border-color: var(--c-primary);
  box-shadow: 0 0 0 3px var(--c-primary-30);
  outline: none;
  background: var(--bg-main);
}
.cat-search .search-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 15px;
  line-height: 17px;
  border: none;
  box-shadow: none;
  background: transparent;
}
.cat-search .search-box input:focus {
  outline: none;
}

/**
 * Blockly Flyout Button
 */
.blocklyFlyout .blocklyFlyoutButton,
.blocklyFlyout .blocklyFlyoutButton .blocklyFlyoutButtonShadow {
  fill: transparent;
  stroke: none;
}
.blocklyFlyout .blocklyFlyoutButton .blocklyFlyoutButtonBackground {
  fill: var(--bg-main);
  stroke: var(--text-20);
  stroke-width: 1px;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
  rx: 6px;
  ry: 6px;
  transition: fill 0.05s ease-in-out;
}
.blocklyFlyout .blocklyFlyoutButton .blocklyText {
  font-family: "Konnected", sans-serif !important;
  font-weight: 600 !important;
  stroke: none;
}
.blocklyFlyout .blocklyFlyoutButton .blocklyText {
  fill: var(--text-main) !important;
}
.blocklyFlyout .blocklyFlyoutButton:hover .blocklyFlyoutButtonBackground {
  fill: var(--toolbox-hover-bg);
}

.blocklyToolbox .cat-io .icon {
  background-color: #ec1e80;
}
.blocklyToolbox .cat-io .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(236, 30, 128, 0.2) !important;
}
.blocklyToolbox .cat-io .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-sensors .icon {
  background-color: #ec1e80;
}
.blocklyToolbox .cat-sensors .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(236, 30, 128, 0.2) !important;
}
.blocklyToolbox .cat-sensors .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-motion .icon {
  background-color: #ec1e80;
}
.blocklyToolbox .cat-motion .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(236, 30, 128, 0.2) !important;
}
.blocklyToolbox .cat-motion .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-modulino .icon {
  background-color: #ec1e80;
}
.blocklyToolbox .cat-modulino .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(236, 30, 128, 0.2) !important;
}
.blocklyToolbox .cat-modulino .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-control .icon {
  background-color: #4c98ff;
}
.blocklyToolbox .cat-control .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(76, 152, 255, 0.2) !important;
}
.blocklyToolbox .cat-control .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-loops .icon {
  background-color: #4cc4ff;
}
.blocklyToolbox .cat-loops .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(76, 196, 255, 0.2) !important;
}
.blocklyToolbox .cat-loops .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-logic .icon {
  background-color: #8448ff;
}
.blocklyToolbox .cat-logic .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(132, 72, 255, 0.2) !important;
}
.blocklyToolbox .cat-logic .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-maths .icon {
  background-color: #12bd8c;
}
.blocklyToolbox .cat-maths .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(18, 189, 140, 0.2) !important;
}
.blocklyToolbox .cat-maths .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-text .icon {
  background-color: #5ac05a;
}
.blocklyToolbox .cat-text .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(90, 192, 90, 0.2) !important;
}
.blocklyToolbox .cat-text .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-arrays .icon {
  background-color: #9967ff;
}
.blocklyToolbox .cat-arrays .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(153, 103, 255, 0.2) !important;
}
.blocklyToolbox .cat-arrays .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-variables .icon {
  background-color: #ff8c19;
}
.blocklyToolbox .cat-variables .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(255, 140, 25, 0.2) !important;
}
.blocklyToolbox .cat-variables .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-functions .icon {
  background-color: #ffb700;
}
.blocklyToolbox .cat-functions .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(255, 183, 0, 0.2) !important;
}
.blocklyToolbox .cat-functions .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-messaging .icon {
  background-color: #ff603c;
}
.blocklyToolbox .cat-messaging .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(255, 96, 60, 0.2) !important;
}
.blocklyToolbox .cat-messaging .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-colour .icon {
  background-color: #c026d3;
}
.blocklyToolbox .cat-colour .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(192, 38, 211, 0.2) !important;
}
.blocklyToolbox .cat-colour .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-displays .icon {
  background-color: #6b21a8;
}
.blocklyToolbox .cat-displays .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(107, 33, 168, 0.2) !important;
}
.blocklyToolbox .cat-displays .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-custom-code .icon {
  background-color: #000;
}
.blocklyToolbox .cat-custom-code .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.blocklyToolbox .cat-custom-code .icon:before {
  color: #ffffff;
}

.blocklyToolbox .cat-experimental .icon {
  background-color: #000;
}
.blocklyToolbox .cat-experimental .blocklyToolboxCategory.blocklyToolboxSelected {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.blocklyToolbox .cat-experimental .icon:before {
  color: #ffffff;
}

/* Responsively collapse the toolbox */
@media screen and (max-width: 1200px) {
  .show-code {
    --toolbox-width: 70px;
  }
  .show-code .blocklyToolboxCategoryLabel {
    display: none;
  }
  .show-code .blocklyToolboxCategory .icon {
    margin-right: 0;
  }
  .show-code .blocklyToolbox {
    padding: 7px 0;
  }
  .show-code .blocklyToolboxCategoryGroup {
    width: calc(var(--toolbox-width) - 30px);
    margin: 0 auto;
  }
  .show-code .cat-search {
    display: none;
  }
}
/* Force collapse the toolbox on small screens */
@media screen and (max-width: 950px) {
  :root {
    --toolbox-width: 70px;
  }
  .blocklyToolboxCategoryLabel {
    display: none;
  }
  .blocklyToolboxCategory .icon {
    margin-right: 0;
  }
  .blocklyToolbox {
    padding: 7px 0;
  }
  .blocklyToolboxCategoryGroup {
    width: calc(var(--toolbox-width) - 30px);
    margin: 0 auto;
  }
  .cat-search {
    display: none;
  }
}
/**
 * Blockly dropdown fields
 */
.blocklyDropDownDiv {
  border-radius: 8px !important;
}
.blocklyDropDownDiv .blocklyMenuItem {
  border-radius: 6px;
}

/**
 * Blockly colour picker
 */
.blocklyColourTable {
  border-radius: 5px;
  width: 140px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.blocklyColourTable tr {
  display: flex;
}
.blocklyColourTable tr > td {
  border: none !important;
}
.blocklyColourTable .blocklyColourSelected {
  outline: 1px solid black;
}
.blocklyColourTable .blocklyColourHighlighted {
  /* Position */
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: -10px;
  left: 5px;
  z-index: 2;
  /* Size */
  height: 30px;
  width: 30px;
  /* Aesthetic */
  outline: 0;
  border-radius: 6px;
  box-shadow: 0 0 20px #000000;
  border: 2px solid #ffffff !important;
}

/**
 * Blockly context menu
 */
.blocklyWidgetDiv .blocklyMenu.blocklyContextMenu {
  background-color: var(--bg-main);
  color: var(--text-main);
  border-radius: calc(var(--g-border-radius) * 1.5);
  box-shadow: 0 2px 4px var(--text-10);
  border: 1px solid var(--c-border);
  padding: 0.4rem;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  cursor: default;
  max-height: fit-content;
}
.blocklyWidgetDiv .blocklyMenu.blocklyContextMenu .blocklyMenuItem {
  padding: 7px 10px;
  border-radius: var(--g-border-radius);
  cursor: default;
  font-size: 13px;
  color: var(--c-text);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blocklyWidgetDiv .blocklyMenu.blocklyContextMenu .blocklyMenuItem.blocklyMenuItemDisabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.blocklyWidgetDiv .blocklyMenu.blocklyContextMenu .blocklyMenuItem.blocklyMenuItemHighlight {
  background-color: var(--text-10);
}
.blocklyWidgetDiv .blocklyMenu.blocklyContextMenu .blocklyMenuItemContent {
  color: var(--text-main) !important;
  width: 100%;
}

/**
 * Blockly Tooltip
 */
.blocklyTooltipDiv {
  background-color: var(--bg-main);
  border: 1px solid var(--c-border-strong);
  border-radius: 6px;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.27);
  color: var(--text-main);
  font-family: var(--font-main);
  font-size: 0.8em;
  padding: 5px;
}

@font-face {
  font-family: "Konnected";
  src: url("./konnect-semibold-webfont-OVslJlsl.woff2") format("woff2"), url("./konnect-semibold-webfont-DHYH6eGG.woff") format("woff"), url("./konnect-semibold-webfont-CFA-S7kC.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}.fa{font-family:var(--fa-style-family, "Font Awesome 6 Pro");font-weight:var(--fa-style, 900)}.fas,.fass,.far,.fasr,.fal,.fasl,.fat,.fast,.fad,.fadr,.fadl,.fadt,.fasds,.fasdr,.fasdl,.fasdt,.fab,.fa-solid,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas::before,.fass::before,.far::before,.fasr::before,.fal::before,.fasl::before,.fat::before,.fast::before,.fad::before,.fadr::before,.fadl::before,.fadt::before,.fasds::before,.fasdr::before,.fasdl::before,.fasdt::before,.fab::before,.fa-solid::before,.fa-regular::before,.fa-light::before,.fa-thin::before,.fa-brands::before,.fa-classic::before,.fa-duotone::before,.fa-sharp::before,.fa-sharp-duotone::before,.fa::before{content:var(--fa)}.fad::after,.fa-duotone.fa-solid::after,.fa-duotone::after,.fadr::after,.fa-duotone.fa-regular::after,.fadl::after,.fa-duotone.fa-light::after,.fadt::after,.fa-duotone.fa-thin::after,.fasds::after,.fa-sharp-duotone.fa-solid::after,.fa-sharp-duotone::after,.fasdr::after,.fa-sharp-duotone.fa-regular::after,.fasdl::after,.fa-sharp-duotone.fa-light::after,.fasdt::after,.fa-sharp-duotone.fa-thin::after{content:var(--fa--fa)}.fa-classic.fa-duotone{font-family:"Font Awesome 6 Duotone"}.fass,.fa-sharp{font-weight:900}.fad,.fa-duotone{font-weight:900}.fasds,.fa-sharp-duotone{font-weight:900}.fa-classic,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin{font-family:"Font Awesome 6 Pro"}.fa-duotone,.fad,.fadr,.fadl,.fadt{font-family:"Font Awesome 6 Duotone"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-sharp,.fass,.fasr,.fasl,.fast{font-family:"Font Awesome 6 Sharp"}.fa-sharp-duotone,.fasds,.fasdr,.fasdl,.fasdt{font-family:"Font Awesome 6 Sharp Duotone"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-0.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-0.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1*var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, 0.1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, 0.08em);padding:var(--fa-border-padding, 0.2em 0.25em 0.15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin, 0.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin, 0.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media(prefers-reduced-motion: reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1, 1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)}57%{transform:scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))}64%{transform:scale(1, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, 0.4)}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity, 0.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,100%{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scale(-1, 1)}.fa-flip-vertical{transform:scale(1, -1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1, -1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index, auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse, #fff)}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */:root,:host{--fa-style-family-classic: "Font Awesome 6 Pro";--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url("./fa-regular-400-GAZKpq8X.woff2") format("woff2"),url("./fa-regular-400-_iB9-SuL.ttf") format("truetype")}.far,.fa-regular{font-weight:400}/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */:root,:host{--fa-style-family-classic: "Font Awesome 6 Pro";--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url("data:font/woff2;base64,d09GMgABAAAAAA0sAAoAAAAAHlQAAAzhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgXwKsnCnPws6AAE2AiQDcAQgBYMSByAbthdRVI3KZF8cxGOcqTm7SmPsSn7Sl6/f/ghJZn14fpt/LuCQKBvzWY0FsuIpZgFrXDWrhFXjqmRRCcoq8FfiourBQ+Z61bODkv33AwcQy2xZaV2CM9DRnukpezUsJLwERcII+N9rC9s/8yNJT+Hp/vPzEo7IbTWD183BN0EruuIV9//TqasdvALy2GFBHPYuy/kLT5Jr+UJnOaC4xHbByrNfrQLxmLE0B1BOmefysGVsh5Fgb58yrQ+2T+ewIUrPPYezlCSwOZ18RQ+rCVR4vwtwWDz2THiAQ8pIPwCFXu/3kGOmzkLOBzqBFI45htpyWFrTT2/IdeYYwAilFASVJDnkAAAKFLEAxYkPq4S04eBRQAkK/6X7ta5qfbb1+1923Nn4QLxivXJeTbxKezXo1eRXs15ZXzlex7xOeTPkzbm3fd5nvh/8ofXj40/6T28YBmhdWeR/Uejg0KLQ2BBXyIBArrSN5Hvube4vyWZJg2SexCypEj8V3xPtEBmEh/h3+Hun+6/P2Tz7tb81QlAl2EHIRqhEvLUteH/4ON7wM4QtLDFbWG544p5BZjFBAdFsGOS0aTrYkqn5a5dPP6BcqCbGT3OGVgwtmLdo3uje2fPckYWjN7s3uhvXum78hueNzL1i7tw7506Pj81zt21bOTJy/oJk5colGhBW37KgJCB1JBWIlShiUlfUZWaxwLONEGeZKhHvnJbvHSipqqYWhadZk9Qm00A5fnCuBcrmrwPuX8Hy66rWFUwKb10wDVYzIBms7CogFHjG4xlTFBs37DzAK/g4Fx7tuTye1ySksjRnEZE0BzphE7fXu7XTqdZ2OWzddt3OflNbTbwG84hRpV0ID1rG1hVVitWjoKuuQbyV+khhqCCoeNBQFsXBW6jnqIdta1MKWs6AVlKVB1jqFdebRTqTqUhTZdoEAo085G2gWKuYMxHrcYaSKto87kMzL+BXarSfCFoFOBq2e54QISYcZUYpkUiZgpgEBwFiIkj+1T5flJ/nfry/5/X9XxEqfi7qkOSHclk//21f1b9vWV23r1GrFbSm6paNb8L4jekL33/24q8dvJU99Dbzsjl4mvenufVo9UTzkeO0VdAaPsOafa6S0vHGw4dxA28MTQM/mbw+ef7zjJ97u5/NNSSHsBpTwue9Ljjdv/dxfoz8CJ5N+7SV9YbPZB37T0UdEsbdwdM8TAgMZHuQKlMqZcYRNQbvSYLPL5T3FyUJ58V5eX/XbVnRaFXf9t+klNBUbdnxmSejooJX6ACSEYJpoQCBabg0gk0oNsC3cY2WShq0/vJG+XBV02iUIp/zMi9IOHqFvKp1FlF2vUjSOrG/Zkptz17Bphy2XUXeX0OTz3oVwuExb0XmuqZZAB7YlOaOjDuLcVIEy6kzHVBGu2aBSSqwklTYKDEjXNOZhLh6MExwjATJVbQ+FYDuLXIedbmCREpMkMlMrOUats4ru/X6litVcWrmNpZrmtpVAfT9XGIlJTGPltDVmM3Wa+t2TVG1PPCT8F16BUWcbAddRwvC1vhVXVSjg0o2eIeSB2pBbCMuP/k+V9HmSNDqApph2Nk+BObUJp7tEXwaShM8HnejTvuJpJf2e+6R3np0g8u9RpSvLz4+iai0L/SmqNybonk1EnUOPO4384Wa9CPLEwdRWK/qIgkVmhWmnNrBStQ5OUPe1XV+ffJ8WXeIGEHdGhUr1k2VDsti0eZgBSiIwyqFUqGMBsSx8XNrQcVrKFGyuJovILJlF6Q1VWVh3d5avhGkYlcM1t3qrOkx+KJNw8IyWU4hXeSmWE9FtbTLyiYN6nINlRo5KsGCZZZdBdXL5VUxpCCGmlUEq1lDYNlWDpsBuUeOmNMGdsZ5V7uOa+ZUg8AGDXNbAbT0ipsUb79oEEfPhjd/uaK8ett5/rJaI1izTdnB6K/5ZNpPet3HnpFxt2NixHBCmTwaTuRW+/W7L9kycJ8S9lr/qeym7LNKEQsy8pDXYILThADzxkE1BLKxp6J4c/RsCz1iAFuCHWiT101YN/XxQDf6QoWbfO23uo95jZw47Dc7T4ZGBYZucjN1A4wl3i2e8T4ZwhJ8vPfkbau4pRK1lkiL9Qis+NHqySJWCY+tm/0w/qh0LJ9ABibwtVqx4PDgab+bf8KpOeneONZ4R8N2+GwRjbBIs+Tir4oQwlNRp/T5I7NYpvvpL36tM0xpWPXh80yalbMBm4TXWYc8nm+hQNzcCjtWvJIKJEC4EnkuZJkwcuJinKhNYO4dkUBTPuvL6MBcA7t0o1ymyKR2R/bExyzznB3k0o4/in84+ybwj6Iein9u2vVQNrwxINMw9SQl7fBB2pmq/JWNPfY8Kdo5gAd3+3ZpUUZ7tS8NGox8qxGN9SYXYYw5xujGJ0Nh+VtYFOM9POPwAeGz/lUahRy3aiHUAi24L3+YrDD9eMnVQqDemKB9GYkqTSmrWlarSrdga1vkCAtfBshsFthkMj4FxFONCzCxG0bPmMGvQn0evazplFUJvR4ulys6VGV3iYkxGJpGW/EsPl2QoF6KWKw5myAJuIBC3CBJlbOoKt1isZuC1StVVzVbpTFk8xgsE6odHHgL6h8pEk4OlyvpucBcjhScuXPpU8Qs1iClKNnpPTLZntMyX0QhMHaxLBPTcBgAVxyCfOFhpygi1Tpd9daG6HQ3VjNmnkg4b41QtDq9Y4UShQHyhmmF2BvTGuQBYjK+40aRyOW6rBLOX8TemFn6ft1CQhPtjRtnEXTq9vYt6LBG2esXpmmp7pCk5pYBcUvz+hD31euQtBd2QONLkd9n6hTME4nmrd6dVk+ZioJ8GMju3cRADJhtIJHj7SWxLICVFh4TE57GYsVigsNwXN+rA2gwDI55ZnNZiwcMxKPHOc5g7PmwAg3tgrXa4HYNVuXBRIf5j5tL1Yu2GzVIaNkcUpeNSZqoD9/nz6DpGXMGIXAyffXBQhbCYNt3xIL1QHQw+RcTBVTLgYfAaJrWLIbFv7PD/tcgYPG6CJ3+77TKVQMWWfxYBEasQUTQmCX80VVQpBzYKLVCutFsHm5H+Goys3dVqJTRKChY98tb4puqGzr+ZBUAfOudU7tB9e0k7q0rKIyCUlVxqhZygUBei1PS/ZX6dfeeOvaOlY8nKoiOccbxh02aNIz/fuC5eWvv3d27Bn36nCpfiNujLuJuCo/P56XcvShG3V6AHpxMVoPeo+6ty0KDQNCQhXVL61yMnoKKBRONzo2Jc9oePHniwbG3CaORJm56FKBUmg9WtOze7Ql4TltZgGzP40ulmdkMh/nFRfiZh8VzBUBYSDFL7I77DIaxjvc2plhyJkH0L/Cvay0CigMFgTNBw/6GcK/lPiAzIw9SHJAA17/fu17hvx01Bl4ELnYbIpcP6Xbx4rRKwLdq5HB1gM40FiadjhswrQTTAlBpsEHwrLHSX94MODt1giNyh3LgopOzeYro+0qlffWkgOEScuGRqa1ytr2cVR6VCk+kGsdHVcOuF50MYbNDgm22YG/xSZFPjtpy6mpIFa4FLZsVLU2S34QWL3Cd4TPBnupqzBsokjph9BNS1e4JJjRmivwAarRVzoQUMbPZQuLc5FoQvDws1ggdQFMUjagmh7NPQScm0op9i83I5wHyI01naZuOyHnI14k4hpGEuRkZuZb3fYE8bl8CdHU6K8faHzpyJHI/Vms+y2gMPQckOKBsYz8s9vO+X2sLJInG7ZA5wPiWg7sKC/GL2nWw5YE5IaGYPdB6Z2FR+yLsDHqJC2n0WKm0Xz8SCsJY5LFa65I3iXERi+D3kPnhwlfV45aUYLtz6t1bxezYbJsUJi63umcwciIHdlYpVbzY1HtQ5Y9eMYYtW6Mlu3e/2nzz+2//+f/Q+j1Xrz25dQt27hzfBXYzTdM9kJLPTqW4m2aN9f/gExXS6j5DnnAwP6WHuXsPEmchV3ow+Kw9wBv9df95HtFNkPj/A3/JBKLjnd//9EEezF+YthUKrpQAujH5tk9ZxU05Fp+X6va62X1o0BqjHZSio2BstK25DpCjHHZNXiY9Ax0WlgkE+wZLGIOwERulywawCvosBGBzPbCkV06LUdL+vaeABQC4O32Qj3cN5i1zjLWAXAfgCVYB/t9QP8tScL2Dq50Gg4nl7qXuqdiOxZsEcZzNoplvfAmSsgVgfkSEl95GykMgcQjmzoAcSGyPdMjKRRewQTi8qSCTcPAAAgV+GcACH9cGsNEei7fm8Ad4oA8SSBtJDhRgOIZhNHIwDn0xSpGhbqESVRh5BpJRy9YhGIg+0KNvSEbNIB2goLLWLKRAgTSohWSAOx0nfXEVbo8ix1IYWwFpi32USIHqZNMRX6RACao7I1JbJxeUgM1bAdEKM2FCyqOC/TGg0KWLQ2/Eg6omiw06M+ZvyAEA") format("woff2"),url("./fa-solid-900-DFeLDw4A.ttf") format("truetype")}.fas,.fa-solid{font-weight:900}.fa-arrow-down:before{content:""}.fa-arrow-down-to-bracket:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-rotate-left:before{content:""}.fa-arrow-rotate-right:before{content:""}.fa-arrow-up-right-from-square:before{content:""}.fa-check:before{content:""}.fa-chevron-down:before{content:""}.fa-circle-question:before{content:""}.fa-circle-user:before{content:""}.fa-command:before{content:""}.fa-copy:before{content:""}.fa-delete-left:before{content:""}.fa-diagram-project:before{content:""}.fa-circle-bolt:before{content:""}.fa-floppy-disk:before{content:""}.fa-folder-closed:before{content:""}.fa-folder-open:before{content:""}.fa-folder-plus:before{content:""}.fa-language:before{content:""}.fa-lines-leaning:before{content:""}.fa-link:before{content:""}.fa-link-slash:before{content:""}.fa-monitor-waveform:before{content:""}.fa-play:before{content:""}.fa-sliders:before{content:""}.fa-sparkles:before{content:""}.fa-spinner-third:before{content:""}.fa-trash:before{content:""}.fa-xmark:before{content:""}.fa-ellipsis:before{content:""}.fa-ellipsis-vertical:before{content:""}.fa-file-circle-plus:before{content:""}.fa-lock:before{content:""}.fa-cloud:before{content:""}.fa-cloud-arrow-up:before{content:""}.fa-cloud-check:before{content:""}.fa-rectangle-pro:before{content:""}.fa-file:before{content:""}.fa-sidebar-flip:before{content:""}.fa-eye-slash:before{content:""}.fa-binary:before{content:""}.fa-wave-sine:before{content:""}.fa-person-to-door:before{content:""}.fa-book:before{content:""}.fa-brackets-curly:before{content:""}.fa-screen-users:before{content:""}.fa-users:before{content:""}.fa-user-plus:before{content:""}.fa-arrow-up-from-line:before{content:""}.fa-circle-check:before{content:""}.fa-table:before{content:""}.fa-list-check:before{content:""}.fa-list-ul:before{content:""}.fa-grid:before{content:""}.fa-shapes:before{content:""}.fa-arrow-up:before{content:""}.fa-house:before{content:""}.fa-file-plus:before{content:""}.fa-file-check:before{content:""}.fa-asterisk:before{content:"\*"}.fa-file-import:before{content:""}.fa-magnifying-glass:before{content:""}.fa-arrow-right-to-line:before{content:""}.fa-arrow-left-from-line:before{content:""}.fa-plus:before{content:"\+"}.fa-minus:before{content:""}.fa-circle-minus:before{content:""}.fa-circle-plus:before{content:""}.fa-trash-list:before{content:""}.fa-chart-tree-map:before{content:""}.fa-bars:before{content:""}.fa-circle-dashed:before{content:""}.fa-stop:before{content:""}.fa-pause:before{content:""}.fa-box-archive:before{content:""}.fa-arrow-right-arrow-left:before{content:""}.fa-arrows-rotate:before{content:""}.fa-ban:before{content:""}.fa-user-minus:before{content:""}.fa-bars-progress:before{content:""}.fa-pen:before{content:""}.fa-folder-magnifying-glass:before{content:""}.fa-comment:before{content:""}.fa-pen-to-square:before{content:""}.fa-bring-forward:before{content:""}.fa-code-branch:before{content:""}.fa-font:before{content:""}.fa-inboxes:before{content:""}.fa-infinity:before{content:""}.fa-message-arrow-up-right:before{content:""}.fa-arrows-repeat:before{content:""}.fa-timer:before{content:""}.fa-arrow-right-to-bracket:before{content:""}.fa-waveform-lines:before{content:""}.fa-grid-2-plus:before{content:""}.fa-feather-pointed:before{content:""}.fa-flask-round-potion:before{content:""}.fa-tv:before{content:""}.fa-circles-overlap:before{content:""}.fa-gears:before{content:""}.fa-grid-2:before{content:""}.fa-brackets-square:before{content:""}.fa-puzzle-piece:before{content:""}.fa-circle-exclamation:before{content:""}.fa-clock:before{content:""}
  .ui-button.svelte-w1wmhd {
    border: none;
    box-shadow: inset 0 0 0 1px var(--text-20);
    border-radius: var(--g-border-radius);
    background-color: var(--bg-main);
    color: var(--text-main);
    padding: 9px 12px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--font-display);
    display: flex;
    align-items: center;
    line-height: 17px;
    position: relative;
  }

  a.ui-button.svelte-w1wmhd {
    text-decoration: none;
  }

  .ui-button.sm.svelte-w1wmhd {
    padding: 6px 8px;
    font-size: 12px;
  }

  .ui-button.lg.svelte-w1wmhd {
    padding: 12px 16px;
    font-size: 14px;
  }

  .ui-button.wide.svelte-w1wmhd {
    width: 100%;
  }

  .ui-button.center.svelte-w1wmhd {
    justify-content: center;
  }

  .ui-button.svelte-w1wmhd:hover {
    background-color: var(--text-5);
  }

  .ui-button.svelte-w1wmhd:active {
    background-color: var(--text-6);
  }

  .ui-button.svelte-w1wmhd:disabled {
    background-color: var(--text-10);
    color: var(--text-40);
    box-shadow: inset 0 0 0 1px var(--text-10);
  }

  .ui-button.svelte-w1wmhd:focus-visible {
    outline: 2px solid var(--text-90);
    outline-offset: 2px;
  }

  /* Variant: Primary */

  .ui-button.primary.svelte-w1wmhd:not(:disabled) {
    background-color: var(--c-primary);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px var(--text-40);
  }

  .ui-button.primary.svelte-w1wmhd:not(:disabled):hover {
    box-shadow: inset 0 0 0 100px var(--text-20);
  }

  .ui-button.primary.svelte-w1wmhd:not(:disabled):focus-visible {
    outline: 2px solid var(--c-primary);
  }

  /* Variant: Invisible */

  .ui-button.invisible.svelte-w1wmhd {
    background-color: transparent;
    box-shadow: none;
    color: inherit;
  }

  .ui-button.invisible.svelte-w1wmhd:hover:not(:disabled) {
    background-color: var(--text-5);
  }

  .ui-button.invisible[aria-selected='true'].svelte-w1wmhd {
    /** Note: For SearchableSelect.svelte */
    background-color: var(--text-5);
  }

  .ui-button.invisible.svelte-w1wmhd:disabled {
    color: var(--text-40);
  }

  /* Icon */

  i.svelte-w1wmhd {
    font-size: 15px;
    line-height: 17px;
  }

  .has-text.svelte-w1wmhd > i:where(.svelte-w1wmhd) {
    margin-right: 0.5rem;
  }

  /* Locked */

  .ui-button.locked.svelte-w1wmhd {
    background-color: var(--text-10);
    box-shadow: inset 0 0 0 1px var(--text-10);
  }

  .ui-button.locked.svelte-w1wmhd .lock-badge:where(.svelte-w1wmhd) {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    background-color: var(--c-primary);
    color: #ffffff;
    border: 1px solid var(--bg-ui);
  }

  .ui-button.locked.svelte-w1wmhd .lock-badge:where(.svelte-w1wmhd) i:where(.svelte-w1wmhd) {
    font-size: 0.9em;
  }

  @container (max-width: 850px) {
    .collapse.svelte-w1wmhd .text:where(.svelte-w1wmhd) {
      display: none;
    }
    .collapse.svelte-w1wmhd i:where(.svelte-w1wmhd) {
      margin-right: 0;
    }
  }

  /* Notification */

  .ui-button.svelte-w1wmhd .notification:where(.svelte-w1wmhd) {
    margin-left: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--c-primary);
    color: #ffffff;
    font-weight: 900;
  }

  .error.svelte-15h0brk {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-50);
  }

  .project.svelte-1vliuze {
    background-color: var(--bg-ui);
    border: 1px solid var(--c-border);
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
    display: grid;
    grid-template-rows: min-content 1fr;
    height: 500px;
  }

  .project-header.svelte-1vliuze {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-ui);
    border-bottom: 1px solid var(--c-border);
    padding: 0.5rem;
  }

  .project-header.svelte-1vliuze .lhs:where(.svelte-1vliuze) {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.5rem;
  }

  .cdk-sep.svelte-1vliuze {
    border-left: 1px solid var(--c-border);
    height: 20px;
    margin: 0 8px;
  }

  @media screen and (max-width: 600px) {
    .project-header.svelte-1vliuze {
      flex-direction: column;
      align-items: center;
      gap: 0.5rem;
      padding: 1rem;
    }
  }