/* src/assets/css/components/as-carousel-component.css */
as-carousel {
  display: block;
}
as-carousel > div {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
as-carousel > div > *:not(.controls) {
  list-style: none;
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  position: relative;
  z-index: 3;
  top: 0;
  width: 100%;
  transition-timing-function: ease-out;
}
as-carousel > div > *:not(.controls) > * {
  display: block;
  background-color: #800;
  width: calc(3 * var(--as-size-xxxl));
  aspect-ratio: 2/1;
  flex-shrink: 0;
  color: var(--as-color-text-button);
  padding: var(--as-space-l);
  align-content: center;
  text-align: center;
  position: relative;
  opacity: 1;
  border-radius: var(--as-border-radius-l);
}
as-carousel > div > .controls {
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: var(--as-space-l);
  width: 100%;
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
}
as-carousel > div > .controls button {
  appearance: none;
  cursor: pointer;
}
as-carousel .slider {
  margin-block-end: var(--as-space-l);
}
@media screen and (max-width: 30rem) {
  as-carousel > div > * :not(.controls) > * {
    width: calc(100% - 3rem);
  }
}

/* src/assets/css/components/as-char-counter-component.css */
as-char-counter {
  display: inline-flex;
  gap: var(--as-space-m);
  padding-inline: var(--as-space-s);
  padding-block: var(--as-space-s);
  border-radius: var(--as-border-radius);
  background-color: var(--as-color-background-nav-weak);
  font-size: var(--as-font-size-m);
}
as-char-counter > div {
  display: flex;
  gap: var(--as-space-xs);
  align-items: center;
  &span {
    line-height: var(--as-line-height-none);
  }
}
as-char-counter[no-messages] > div:last-child,
as-char-counter[no-count] > div:first-child {
  display: none;
}

/* src/assets/css/components/as-command-menu-component.css */
s-command-menu {
  font-size: var(--as-font-size-m);
}
as-command-menu [popover] {
  --background-color: var(--as-color-background-panel);
  --width: 500px;
  --height: 400px;
  --z-index: 1000;
  --border-radius: var(--as-border-radius-m);
  --box-shadow: var(--as-box-shadow);
  --border-color: var(--as-color-border-panel);
  position: fixed;
  margin-inline-start: var(--left, calc(50dvw - var(--width) /2));
  margin-block-start: var(--top, calc(50dvh - var(--height) /2));
  inset: 0;
  padding: 0;
  z-index: var(--z-index);
  max-width: var(--width);
  width: auto;
  max-height: var(--height);
  height: auto;
  background-color: var(--background-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color);
  opacity: 0;
  transform: translateY(2em);
  transition: all var(--as-time-xs) ease-out;
  overflow: hidden;
}
as-command-menu [popover] input[type=search] {
  appearance: none;
  display: block;
  margin: none;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  border: none;
  border-block-end-color: var(--border-color);
  border-block-end-width: var(--as-size-thin);
  border-block-end-style: solid;
  padding-block: var(--as-space-m);
  padding-inline: var(--as-space-m);
  background-color: var(--background-color);
  z-index: 2;
  position: sticky;
  top: 0;
  inset: 0 0 auto 0;
  outline: none;
  color: var(--as-color-text-weak);
}
as-command-menu [popover] input[type=search]::placeholder {
  color: var(--as-color-text-neutral);
}
as-command-menu [popover] section {
  position: relative;
  height: calc(100% - 6.3125rem);
  overflow-y: auto;
}
as-command-menu [popover] section .section {
  position: relative;
}
as-command-menu [popover] section .command {
  --background-color: var(--as-color-background-panel);
  --outline-width: var(--as-size-s);
  display: flex;
  gap: var(--as-space-s);
  line-height: 1.3;
  font-size: inherit;
  text-decoration: none;
  color: var(--as-color-text-button-inverted);
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-m);
  border-block-end-color: var(--border-color);
  border-block-end-width: var(--as-size-thin);
  border-block-end-style: solid;
  border-inline-start-color: transparent;
  border-inline-start-width: var(--outline-width);
  border-inline-start-style: solid;
  background-color: var(--background-color);
  align-items: center;
}
as-command-menu [popover] section .command .keys {
  --box-shadow: var(--box-shadow);
  margin-inline-start: auto;
  display: flex;
  gap: var(--as-space-s);
}
as-command-menu [popover] section .command .keys code {
  line-height: 1;
  padding-inline: var(--as-space-xs);
  padding-block: var(--as-space-xs);
  border-color: var(--border-color);
  border-width: var(--as-size-thin);
  border-style: solid;
  border-radius: var(--as-border-radius);
  background-color: var(--as-color-text-button);
  font-size: var(--as-font-size-xs);
}
as-command-menu [popover] section .command:HOVER {
  --background-color: var(--as-color-background-nav-weak);
  color: var(--as-color-text-button-inverted);
}
as-command-menu [popover] section .command:is(:ACTIVE, :FOCUS) {
  --background-color: var(--as-color-background-nav-weak);
  --outline-color: var(--as-color-background-button-weak);
  color: var(--as-color-text-button-inverted);
  outline: none;
  border-inline-start-color: var(--outline-color);
  border-inline-start-width: var(--outline-width);
  border-inline-start-style: solid;
}
as-command-menu [popover] section .heading {
  font-size: var(--as-font-size-s);
  font-family: var(--as-font-bold);
  color: var(--as-color-background-panel);
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-s);
  margin-block: 0;
  line-height: 1;
  font-weight: 400;
  background-color: var(--as-color-accent-weak);
  position: sticky;
  top: 0;
  z-index: var(--as-index-masked);
}
as-command-menu [popover] section .nohits {
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-s);
}
as-command-menu [popover] section .nohits h4 {
  font-size: var(--as-font-size-l);
  color: var(--as-color-text);
}
as-command-menu [popover] section .nohits p {
  font-size: var(--as-font-size-m);
  color: var(--as-color-text-weak);
}
as-command-menu [popover] footer {
  position: sticky;
  bottom: 0;
  margin-block-start: auto;
  background-color: var(--as-color-background-panel);
}
as-command-menu [popover] footer ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--as-space-m);
  list-style: none;
  line-height: 1;
  align-items: center;
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-m);
}
as-command-menu [popover] footer ul li {
  font-size: var(--as-font-size-xs);
  color: var(--as-color-text-weak);
  display: inline-flex;
  gap: var(--as-space-xs);
  align-items: center;
}
as-command-menu [popover] footer ul li code {
  font-family: inherit;
  font-size: inherit;
  color: var(--as-color-text);
}
as-command-menu [popover] footer .move {
  cursor: move;
}
as-command-menu [popover]:popover-open {
  display: block;
}
as-command-menu [popover].bump {
  transition: all var(--as-time-xs) ease-out;
  opacity: 1;
  transform: translateY(0);
}
as-command-menu [popover]::backdrop {
  height: auto;
  background-color: rgb(80 80 80 /.1);
}

/* src/assets/css/components/as-contrast-checker-component.css */
as-contrast-checker {
  display: block;
  max-width: 500px;
  min-width: 400px;
}
as-contrast-checker .controls {
  display: flex;
  gap: 1em;
  justify-content: space-around;
  margin-block-end: 1em;
}
as-contrast-checker .controls input[type=color] {
  appearance: none;
  display: block;
  border: 1px solid #000000;
  border-radius: .5em;
  width: 50px;
  height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
as-contrast-checker .controls input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
as-contrast-checker .controls button {
  appearance: none;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 2em;
  line-height: 1;
}
as-contrast-checker textarea {
  display: block;
  padding: .5em;
  width: 100%;
  min-height: 6ch;
  field-sizing: content;
  margin-block: 1em;
  appearance: none;
  border: 1px solid #000000;
  border-radius: .5em;
  background: #ffffff;
  font-size: 1em;
  line-height: 1.5;
}
as-contrast-checker .bg {
  padding: 1em;
  border-radius: .25em;
  background-color: var(--bgcolor, #000000);
}
as-contrast-checker .text {
  color: var(--textcolor, #ffffff);
  font-size: var(--font-size, 1em);
}
as-contrast-checker .contrast[pass] {
  background-color: #008000;
  color: #ffffff;
}
as-contrast-checker .contrast,
as-contrast-checker .contrast[pass=DNP] {
  border-radius: .25em;
  text-align: center;
  margin-block-start: 1em;
  padding: 1em;
  font-weight: 700;
  font-size: 2em;
  background-color: #800000;
  color: #ffffff;
}
as-contrast-checker .contrast[pass]:before {
  content: "(" attr(pass)") ";
}
as-contrast-checker button.save,
as-contrast-checker button.update {
  appearance: none;
  border: none;
  background-color: orange;
  color: black;
  cursor: pointer;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  display: block;
  margin-block: 1em;
  margin-inline: auto;
  padding: 1em;
  font-weight: 700;
  border-radius: .25em;
  transition: all .15s ease-out;
}
as-contrast-checker button.save:HOVER,
as-contrast-checker button.update:HOVER {
  transform: translate(-3px, -3px);
  box-shadow: .25em .25em #000000;
}
as-contrast-checker button.save:ACTIVE,
as-contrast-checker button.update:ACTIVE {
  transform: translate(0, 0);
  box-shadow: none;
}
as-contrast-checker button.save[disabled] {
  opacity: .5;
  cursor: not-allowed;
}
as-contrast-checker .saved {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
as-contrast-checker .saved > * {
  display: flex;
  gap: 1em;
  text-align: center;
}
as-contrast-checker .saved > * > button {
  appearance: none;
  border: none;
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  font-size: 1.5em;
  line-height: 1;
  text-align: center;
  padding-inline: .25em;
  font-weight: 700;
  border-radius: .25em;
  width: 10%;
  transition: all .15s ease-out;
}
as-contrast-checker .saved > * > button:HOVER {
  transform: translate(-1px, -1px);
  box-shadow: .125em .125em #000000;
}
as-contrast-checker .saved > * > button:ACTIVE {
  transform: translate(0, 0);
  box-shadow: none;
}
as-contrast-checker .saved > * > div {
  width: 50%;
  padding: .5em;
  border-radius: .25em;
}

/* src/assets/css/components/as-date-picker-component.css */
as-date-picker {
  --border-color: var(--as-color-border-panel);
  --selected-color: var(--as-color-accent-weak);
  --text-color: var(--as-color-accent-strong);
  --highlight-color: var(--as-color-text-nav);
  --shadow-color: var(--background-color);
  --background-color: var(--as-color-background-panel);
  --backdrop-color: transparent;
  --header-background: var(--as-color-background-nav-weak);
  --header-button-background: var(--as-color-accent-weak);
  --header-button-background-hover: var(--as-color-accent);
  --header-button-text: var(--as-color-text-button);
  --current-month-button-background: var(--as-color-background-nav-weak);
  --current-month-button-text: var(--as-color-text-button-inverted);
  --button-background-hover: var(--highlight-color);
  --button-color: var(--text-color);
  --selected-button-background: var(--selected-color);
  --max-width: calc(12 * var(--as-size-l));
  --font-size: calc(.5 * var(--font-size-l));
  position: relative;
  display: block;
  font-family: sans-serif;
}
as-date-picker > * {
  font-size: var(--font-size);
}
as-date-picker > button {
  position: absolute;
  top: 50%;
  right: var(--as-space-s);
  transform: translateY(-50%);
  appearance: none;
  background-color: var(--background-color);
  border: none;
  width: var(--as-size-l);
  aspect-ratio: var(--as-ratio-square);
  padding: 0;
  cursor: pointer;
  display: block;
  line-height: 1;
}
as-date-picker > button:is(:focus, :hover):before {
  background-color: var(--selected-color);
}
as-date-picker > button:focus {
  outline: 2px dashed var(--highlight-color);
  outline-offset: 1px;
}
as-date-picker [calendar] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: start;
  gap: var(--as-space-s);
  padding: var(--as-space-s);
}
as-date-picker [calendar] header {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--as-space-s);
  background-color: var(--header-background);
  padding-inline: var(--as-space-s);
  padding-block: var(--as-space-s);
  margin-inline: calc(-1 * var(--as-space-s));
  margin-block: calc(-1 * var(--as-space-s)) 0;
  border-radius: var(--as-border-radius-s);
  box-shadow: unset;
}
as-date-picker [calendar] header as-select {
  font-size: var(--font-size) !important;
}
as-date-picker [month] {
  grid-column: 1/4;
}
as-date-picker [year] {
  grid-column: 4/6;
}
as-date-picker button[month]:first-of-type {
  grid-column: 6/7;
  line-height: 1;
}
as-date-picker button[month]:last-of-type {
  grid-column: 7/8;
  line-height: 1;
}
as-date-picker button[month] {
  align-self: center;
  appearance: none;
  border: none;
  border-radius: 50%;
  background-color: var(--header-button-background);
  color: var(--header-button-text);
  align-content: center;
  text-align: center;
  aspect-ratio: 1/1;
  font-size: var(--as-font-size-s);
  cursor: pointer;
  line-height: 1;
}
as-date-picker button[month]:is(:HOVER, :ACTIVE) {
  background-color: var(--header-button-background-hover);
}
as-date-picker button[month]:FOCUS {
  outline: 2px dashed var(--highlight-color);
  outline-offset: var(--as-size-thin);
}
as-date-picker [cal] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--as-space-xs);
}
as-date-picker [cal] :is(div, button) {
  appearance: none;
  border: none;
  border-radius: 50%;
  background-color: var(--inactive-color);
  color: var(--current-month-color);
  align-content: center;
  text-align: center;
  aspect-ratio: 1/1;
  font-size: var(--as-font-size-s);
  transition: border-radius .15s ease-in-out;
}
as-date-picker [cal] :is([prev], [curr], [next]) {
  cursor: pointer;
}
as-date-picker [cal] [curr] {
  background-color: var(--current-month-button-background);
  color: var(--current-month-button-text);
}
as-date-picker [cal] :is([prev], [next]) {
  color: var(--day-color);
}
as-date-picker [cal] button[selected] {
  background-color: var(--selected-day-button-background);
}
as-date-picker [cal] button[today] {
  outline: 2px solid var(--highlight-color);
  outline-offset: 1px;
}
as-date-picker [cal] :is(button:not([selected])):HOVER {
  background-color: var(--button-background-hover);
  color: var(--button-color);
}
as-date-picker [cal] button:FOCUS {
  outline: 2px dashed var(--highlight-color);
  outline-offset: 1px;
}
as-date-picker > [popover] {
  inset: unset;
  margin: 0;
  position: absolute;
  z-index: var(--as-index-popout);
  transition: all var(--as-time-xs) ease-out;
  transition-behavior: allow-discrete;
  transform: translateY(calc(1 * var(--as-space-m)));
  transition-delay: 10ms;
  opacity: 0;
  scale: .95;
  max-width: var(--max-width);
  width: auto;
  position-area: bottom span-left;
  border-radius: var(--as-border-radius-s);
  background-color: var(--background-color);
  outline: none;
  box-shadow: var(--as-box-shadow);
}
as-date-picker > [popover]:popover-open {
  transform: translateY(0);
  opacity: 1;
  scale: 1;
  margin-block-start: var(--as-space-s);
  @starting-style {
    transform: translateY(calc(1 * var(--as-space-m)));
    opacity: 0;
    scale: .95;
  }
}

/* src/assets/css/components/as-dot-matrix-clock-component.css */
as-dot-matrix-clock {
  --size: 20px;
  --digit-bg: var(--as-color-background, #f1f1f1);
  --digit-color: var(--as-color-accent, #000000);
  display: flex;
  gap: calc(.25 * var(--size));
  & > div.divider {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
    gap: 1px;
    margin-inline: 3px;
    & > div {
      width: calc(.2 * var(--size));
      aspect-ratio: 1/1;
      background-color: var(--digit-bg);
      transition: background-color .15s ease-out;
    }
    & > div:nth-child(2),
    & > div:nth-child(4) {
      background-color: var(--digit-color);
    }
  }
  & > div:not(.divider) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 1px;
    & > div {
      width: calc(.2 * var(--size));
      aspect-ratio: 1/1;
      background-color: var(--digit-bg);
      transition: background-color .15s ease-out;
    }
    &[val="0"] {
      :nth-child(2),
      :nth-child(3),
      :nth-child(5),
      :nth-child(8),
      :nth-child(9),
      :nth-child(12),
      :nth-child(13),
      :nth-child(16),
      :nth-child(18),
      :nth-child(19) {
        background-color: var(--digit-color);
      }
    }
    &[val="1"] {
      :nth-child(3),
      :nth-child(6),
      :nth-child(7),
      :nth-child(9),
      :nth-child(11),
      :nth-child(15),
      :nth-child(19) {
        background-color: var(--digit-color);
      }
    }
    &[val="2"] {
      :nth-child(2),
      :nth-child(3),
      :nth-child(5),
      :nth-child(8),
      :nth-child(11),
      :nth-child(14),
      :nth-child(17),
      :nth-child(18),
      :nth-child(19),
      :nth-child(20) {
        background-color: var(--digit-color);
      }
    }
    &[val="3"] {
      :nth-child(2),
      :nth-child(3),
      :nth-child(5),
      :nth-child(8),
      :nth-child(11),
      :nth-child(13),
      :nth-child(16),
      :nth-child(18),
      :nth-child(19) {
        background-color: var(--digit-color);
      }
    }
    &[val="4"] {
      :nth-child(1),
      :nth-child(4),
      :nth-child(5),
      :nth-child(8),
      :nth-child(9),
      :nth-child(10),
      :nth-child(11),
      :nth-child(12),
      :nth-child(16),
      :nth-child(20) {
        background-color: var(--digit-color);
      }
    }
    &[val="5"] {
      :nth-child(1),
      :nth-child(2),
      :nth-child(3),
      :nth-child(4),
      :nth-child(5),
      :nth-child(6),
      :nth-child(7),
      :nth-child(12),
      :nth-child(13),
      :nth-child(16),
      :nth-child(18),
      :nth-child(19) {
        background-color: var(--digit-color);
      }
    }
    &[val="6"] {
      :nth-child(2),
      :nth-child(3),
      :nth-child(4),
      :nth-child(5),
      :nth-child(9),
      :nth-child(10),
      :nth-child(11),
      :nth-child(13),
      :nth-child(16),
      :nth-child(18),
      :nth-child(19) {
        background-color: var(--digit-color);
      }
    }
    &[val="7"] {
      :nth-child(1),
      :nth-child(2),
      :nth-child(3),
      :nth-child(4),
      :nth-child(8),
      :nth-child(11),
      :nth-child(14),
      :nth-child(18) {
        background-color: var(--digit-color);
      }
    }
    &[val="8"] {
      :nth-child(2),
      :nth-child(3),
      :nth-child(5),
      :nth-child(8),
      :nth-child(10),
      :nth-child(11),
      :nth-child(13),
      :nth-child(16),
      :nth-child(18),
      :nth-child(19) {
        background-color: var(--digit-color);
      }
    }
    &[val="9"] {
      :nth-child(2),
      :nth-child(3),
      :nth-child(5),
      :nth-child(8),
      :nth-child(10),
      :nth-child(11),
      :nth-child(12),
      :nth-child(16),
      :nth-child(18),
      :nth-child(19) {
        background-color: var(--digit-color);
      }
    }
  }
}

/* src/assets/css/components/as-drawer-component.css */
body[freeze] {
  pointer-events: none;
}
.as-drawer {
  --as-drawer-transition-time: 400ms;
  position: fixed;
  z-index: var(--as-index-modal);
  transition-duration: var(--as-drawer-transition-time);
  transition-timing-function: ease-in-out;
  background-color: #fff;
  padding-inline: var(--as-space-l);
  padding-block: var(--as-space-l);
}
.as-drawer.top {
  top: -100%;
  left: 0;
  right: 0;
  transition-property: top;
}
.as-drawer.top[data-state=open] {
  top: 0;
}
.as-drawer.bottom {
  bottom: -100%;
  left: 0;
  right: 0;
  transition-property: bottom;
}
.as-drawer.bottom[data-state=open] {
  bottom: 0;
}
.as-drawer.left {
  top: 0;
  bottom: 0;
  left: -100%;
  display: inline-block;
  width: 100%;
  max-width: 30vw;
  transition-property: left;
}
.as-drawer.left[data-state=open] {
  left: 0;
}
.as-drawer.right {
  top: 0;
  bottom: 0;
  right: -100%;
  width: 100%;
  max-width: 30vw;
  transition-property: right;
}
.as-drawer.right[data-state=open] {
  right: 0;
}
.as-drawer.center {
  top: -100%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition-property: top;
}
.as-drawer.center[data-state=open] {
  top: 50%;
  max-height: 50vh;
  max-width: 50vw;
  overflow-y: auto;
  opacity: 1;
}
.as-overlay {
  position: fixed;
  z-index: var(--as-index-overlay);
  background-color: var(--as-color-overlay);
  opacity: 0;
  inset: 0;
  transition: opacity .3s ease-in-out;
  cursor: pointer;
}
.as-overlay[data-state=open] {
  opacity: .5;
}
.as-drawer button:FOCUS {
  outline: var(--as-size-xxs) dotted var(--as-color-background-button-weak);
}

/* src/assets/css/components/as-form-validation-component.css */
as-form-validation {
  display: block;
}
as-form-validation + * {
  margin-block-start: var(--as-space-m);
}
as-form-validation [error-message] {
  font-size: var(--as-font-size-s);
  color: var(--as-color-status-error);
}

/* src/assets/css/components/as-gauge-component.css */
@property --gauge-value { syntax: "<number>"; inherits: false; initial-value: 0; }
as-gauge div:first-child {
  --stop: calc(1% * var(--ratio) * var(--gauge-value));
  --_thumb: var(--thumb, #080);
  --_track: var(--track, #ddd);
  display: grid;
  place-items: center;
  width: var(--size);
  aspect-ratio: 1/1;
  background-color: var(--_thumb);
  background-image: conic-gradient(var(--_thumb) var(--stop), var(--_track) var(--stop));
  border-radius: var(--size);
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  transition: --gauge-value var(--speed, 1) ease-out;
  clip-path: var(--path);
}
as-gauge[half] div:first-child {
  --stop: calc(.5% * var(--ratio) * var(--gauge-value));
  --_thumb: var(--thumb, #080);
  --_track: var(--track, #ddd);
  display: grid;
  place-items: center;
  width: var(--size);
  aspect-ratio: 1/1;
  background-color: transparent;
  background-image:
    conic-gradient(
      var(--_thumb) var(--stop),
      var(--_track) var(--stop),
      var(--_track) 180deg,
      transparent 180deg,
      transparent 360deg);
  border-radius: var(--size);
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  transition: --gauge-value var(--speed, 1) ease-out;
  rotate: -90deg;
  clip-path: var(--path);
}
as-gauge[reverse] div:first-child {
  --stop-reverse: calc(100% - var(--stop));
  background-image: conic-gradient(var(--_track) var(--stop-reverse), var(--_thumb) var(--stop-reverse));
}
as-gauge[half][reverse] div:first-child {
  --stop: calc(.5% * var(--ratio) * var(--gauge-value));
  --stop-reverse: calc(50% - var(--stop));
  --_thumb: var(--thumb, #080);
  --_track: var(--track, #ddd);
  display: grid;
  place-items: center;
  width: var(--size);
  aspect-ratio: 1/1;
  background-color: transparent;
  background-image:
    conic-gradient(
      var(--_track) var(--stop-reverse),
      var(--_thumb) var(--stop-reverse),
      var(--_thumb) 180deg,
      transparent 180deg,
      transparent 360deg);
  border-radius: var(--size);
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  transition: --gauge-value var(--speed, 1) ease-out;
  rotate: -90deg;
  clip-path: var(--path);
}
as-gauge div:last-child {
  --font-bold: var(--as-font-bold);
  display: grid;
  place-items: center;
  width: var(--size);
  border-radius: var(--size);
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
  margin-block-start: calc(-1 * var(--size));
}
as-gauge[half] div:last-child {
  --font-bold: var(--as-font-bold);
  display: grid;
  place-items: start center;
  width: var(--size);
  border-radius: var(--size);
  aspect-ratio: 2/1;
  position: relative;
  z-index: 1;
  margin-block-start: calc(-1 * var(--size));
}
as-gauge div:last-child:after {
  content: attr(data-value);
  font-family: var(--font-bold);
  font-size: calc(.4 * var(--size));
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  aspect-ratio: 1/1;
  background-color: var(--color-bg);
  border-radius: inherit;
}
as-gauge[half] div:last-child:after {
  font-size: calc(.15 * var(--size));
  align-items: end;
  width: 100%;
  aspect-ratio: 2/1;
  background-color: transparent;
}
as-gauge[showmax] div:last-child:before {
  content: "of " attr(data-max);
  font-family: var(--font-bold);
  font-size: calc(.1 * var(--size));
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--_thumb);
  white-space: nowrap;
}
as-gauge[half][showmax] div:last-child:before {
  content: "of " attr(data-max);
  font-family: var(--font-bold);
  font-size: calc(.1 * var(--size));
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--_thumb);
  white-space: nowrap;
  line-height: 1;
}
as-gauge[half][showmax] div:last-child:after {
  align-items: center;
}

/* src/assets/css/components/as-graph-component.css */
as-graph,
as-graph-data {
  --axe-width: var(--as-size-xxs);
  --columns-gap: var(--as-size-xxs);
  --column-min-width: var(--as-size-xxxl);
  --column-max-width: calc(2 * var(--column-min-width));
  --label-offset: var(--as-space-l);
  --chartarea-min-height: calc(4 * var(--column-min-width));
  --axe-color: var(--as-color-text-strong);
  --button-bg-color: var(--as-color-text-button);
  --button-text-color: var(--as-color-accent);
  --button-border-width: 0.0625rem;
  --transition-duration: .3s;
  --timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  --color-legend-hover: var(--as-color-background-nav-weak);
  --yAxisSize: 4em;
  --color: var(--as-color-status-success-weak);
  --divider-width: var(--axe-width);
  --divider-color: var(--as-color-text-);
  --chartarea-color: var(--as-color-background-nav-weak);
  --linechart-color: var(--as-color-accent);
  display: block;
  margin-inline: 2rem;
  margin-block: 2rem;
}
as-graph:has([data-charttype=pie]) {
  --yAxisSize: 0;
}
as-graph:has([data-charttype=spiral]) {
  --yAxisSize: 0;
}
as-graph:has([data-charttype=ring]) {
  --yAxisSize: 0;
}
as-graph:has([data-charttype=heatmap]) {
  --yAxisSize: 0;
}
as-graph:has([data-charttype=heatmapdeep]) {
  --yAxisSize: 0;
}
as-graph .controls {
  min-width: var(--width);
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  gap: 1em;
  justify-content: space-between;
  margin-block: 1em;
}
as-graph .controls > div {
  display: flex;
  flex-wrap: nowrap;
  align-self: end;
  align-items: end;
  gap: .5em;
}
as-graph .controls label,
.csv__download_btn {
  padding-block-end: .25em;
}
as-graph .controls button[disabled],
.csv__download_btn[disabled] {
  opacity: .5;
}
as-graph .controls select {
  --_chevron-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="125.143" viewBox="0 0 200 125.143"><path d="M24.086,0a4.793,4.793,0,0,1,3.476,1.457l71.526,74.1L173.214,4.047a4.765,4.765,0,0,1,6.733.114l18.722,19.379a4.765,4.765,0,0,1-.124,6.733l-96.923,93.533a4.765,4.765,0,0,1-6.733-.114L1.336,26.788a4.755,4.755,0,0,1,.124-6.733L20.829,1.343A4.738,4.738,0,0,1,24.086,0Z" transform="translate(0)"/></svg>');
  appearance: none;
  padding: .5rem;
  padding-inline-end: 1.5rem;
  border: var(--button-border-width) solid var(--button-text-color);
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  cursor: pointer;
  border-radius: 0;
  transition: box-shadow .15s ease-out;
  background-image: var(--_chevron-down);
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: calc(100% - .5em) 50%;
}
as-graph .controls select:HOVER,
as-graph .controls select:FOCUS {
  outline: none;
  box-shadow: .25rem .25rem 0 var(--button-text-color);
}
as-graph .controls select.resolution {
  min-width: 7em;
}
as-graph input[type=checkbox],
as-graph-data input[type=checkbox] {
  width: 0px;
  height: 0px;
  opacity: 0;
  top: -10rem;
  left: -10rem;
}
as-graph input[type=checkbox] + label,
as-graph-data .filtering input[type=checkbox] + label {
  cursor: pointer;
  font-family: inherit;
  color: inherit;
  display: flex;
  align-items: flex-start;
  gap: .5em;
  position: relative;
}
as-graph input[type=checkbox] + label::before,
as-graph-data input[type=checkbox] + label::before {
  content: "";
  border: 1px solid var(--axe-color);
  border-radius: 0;
  display: inline-block;
  position: relative;
  padding: 2px;
  background-color: var(--divider-color);
  cursor: pointer;
  width: 1em;
  aspect-ratio: 1/1;
  transition: box-shadow .15s ease-out;
}
as-graph input[type=checkbox] + label:HOVER::before,
as-graph input[type=checkbox] + label:FOCUS::before,
as-graph-data input[type=checkbox] + label:HOVER::before,
as-graph-data input[type=checkbox] + label:FOCUS::before {
  outline: none;
  box-shadow: .125rem .125rem 0 var(--button-text-color);
}
as-graph input[type=checkbox]:checked + label::after,
as-graph-data input[type=checkbox]:checked + label::after {
  --icon-checkmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4xMjEiIGhlaWdodD0iOC45NTMiIHZpZXdCb3g9IjAgMCAxMi4xMjEgOC45NTMiPgogIDxwYXRoIGlkPSJpY29uLWNoZWNrbWFyayIgZD0iAS43NSw0LjU2LDQuMDgzLDcuODkzLDEwLjc1Ljc1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjMxMSAwLjMxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=);
  position: absolute;
  content: "";
  border: 1px solid transparent;
  border-radius: 0;
  display: inline-block;
  padding: 2px;
  cursor: pointer;
  top: 0;
  left: 0;
  background-color: var(--axe-color);
  -webkit-mask-image: var(--icon-checkmark);
  mask-image: var(--icon-checkmark);
  -webkit-mask-size: 65% 65%;
  mask-size: 65% 65%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  mask-repeat: 50% 50%;
  width: 1em;
  aspect-ratio: 1/1;
}
as-graph .controls .select label {
  display: block;
}
as-graph div:has(> label + as-table-actions) {
  display: flex;
  position: relative;
  align-items: center;
  min-height: calc(2rem + 2px);
}
as-graph as-table-actions {
  display: none;
}
as-graph input[type=checkbox][checked] + label + as-table-actions {
  display: block;
  margin-inline-start: .5rem;
}
as-graph .current {
  display: flex;
  justify-content: center;
  margin-block: 2rem;
}
as-graph .charttitle {
  font-size: 2em;
  margin-block: 1em;
  text-align: center;
  margin-inline-start: calc(.5 * var(--yAxisSize));
}
as-graph figure {
  position: relative;
  display: block;
  min-width: var(--width);
  margin-inline-start: var(--yAxisSize);
  background-color: unset;
  transition-property: all;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
}
as-graph figure .xtitle {
  margin-block-start: 1.5em;
  text-align: center;
  font-size: 1.5em;
}
as-graph figure .chartarea .ytitle {
  text-align: center;
  font-size: 1.5em;
  transform: rotate(270deg);
  position: absolute;
  right: unset;
  bottom: unset;
  left: calc(-1 * var(--yAxisSize));
  height: 100%;
  aspect-ratio: 1/1;
}
as-graph figure .chartarea {
  position: relative;
}
as-graph figure:has([data-charttype=columns]) .chartarea {
  height: var(--width);
  min-height: var(--chartarea-min-height);
  background-color: var(--chartarea-color);
}
as-graph figure:has([data-charttype=pie]) {
  background-color: transparent;
  display: grid;
  grid-template-columns: 2fr 1fr;
}
as-graph figure:has([data-charttype=pie]) .chartarea {
  height: var(--width);
  aspect-ratio: 1/1;
}
as-graph figure:has([data-charttype=spiral]) {
  background-color: transparent;
  display: grid;
  grid-template-columns: 2fr 1fr;
}
as-graph figure:has([data-charttype=spiral]) .chartarea {
  height: var(--width);
  aspect-ratio: 1/1;
}
as-graph figure:has([data-charttype=ring]) {
  background-color: transparent;
  display: grid;
  grid-template-columns: 2fr 1fr;
}
as-graph figure:has([data-charttype=ring]) .chartarea {
  height: var(--width);
  aspect-ratio: 1/1;
}
as-graph figure .chartarea > * {
  position: absolute;
  inset: 0;
}
as-graph figure .chartarea .y {
  position: absolute;
  width: 100%;
  height: calc(100% + 1rem - var(--axe-width));
  margin-block-start: -.5rem;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
as-graph figure .chartarea .y:before {
  content: "";
  height: calc(100% - 1rem);
  width: var(--axe-width);
  background-color: var(--axe-color);
  display: block;
  position: absolute;
  top: .5rem;
}
as-graph figure .chartarea .y > div {
  margin-inline-start: calc(-1 * var(--yAxisSize) + var(--axe-width));
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% + var(--yAxisSize) - var(--axe-width));
  line-height: 1;
  transition-property: opacity, height;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
}
as-graph figure .chartarea:has([animate]) .y > div {
  opacity: 0;
}
as-graph figure .chartarea .y > div::before {
  display: block;
  content: attr(data-value);
  width: 4rem;
  text-align: right;
  padding-inline-end: 0.5rem;
}
as-graph figure .chartarea .y > div:after {
  content: "";
  display: block;
  width: calc(100% - 2 * var(--axe-width));
  border-bottom: 1px dotted var(--axe-color);
  opacity: 0.5;
}
as-graph figure .chartarea .x {
  position: absolute;
  height: var(--axe-width);
  width: 100%;
  background-color: var(--axe-color);
  bottom: 0;
  top: unset;
}
as-graph figure .chartarea .chart[data-charttype=columns] {
  position: absolute;
  display: flex;
  align-items: flex-end;
  padding-inline-start: var(--axe-width);
  margin-inline-start: var(--axe-width);
  z-index: 2;
  transition-property: opacity, height;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  overflow-x: scroll;
  overflow-y: visible;
  height: calc(100% + var(--label-offset) - var(--axe-width));
  padding-block-end: var(--label-offset);
  width: calc(100% - 2 * var(--axe-width));
}
as-graph table {
  display: none;
}
as-graph svg.linechart {
  display: none;
  position: absolute;
  z-index: 5;
  cursor: not-allowed;
}
as-graph svg.linechart circle {
  fill: var(--_color, var(--color));
  stroke: var(--linechart-color);
  stroke-width: 2;
}
as-graph svg.linechart circle {
  cursor: zoom-in;
  transition: all .3s ease-in-out;
}
as-graph svg.linechart circle:hover {
  r: 12;
}
as-graph svg.linechart line,
as-graph svg.linechart path {
  stroke: var(--linechart-color);
  stroke-width: 2;
}
as-graph figure .chartarea .chart[data-charttype=columns][showlinechart] svg.linechart {
  display: block;
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy {
  position: absolute;
  display: flex;
  align-items: flex-end;
  padding-inline-start: var(--axe-width);
  margin-inline-start: var(--axe-width);
  z-index: 2;
  transition-property: opacity, height;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  overflow-y: visible;
  height: calc(100% - var(--label-offset) + 2 * var(--axe-width));
  min-width: calc(100% - 2 * var(--axe-width));
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy > div.wrapper {
  display: flex;
  align-items: flex-end;
  gap: var(--columns-gap);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: transparent;
  margin-inline: 0;
  position: relative;
  z-index: 4;
  border: unset;
  min-width: var(--column-min-width);
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy > div.wrapper > div {
  cursor: not-allowed;
  box-sizing: border-box;
  width: 100%;
  height: var(--height);
  background-color: var(--_color, var(--color));
  margin-inline: calc(2 * var(--axe-width));
  border: 1px solid var(--_color, var(--color));
  transition-property:
    border,
    opacity,
    height,
    width,
    box-shadow;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
  position: relative;
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy > div.wrapper > div.drilldown {
  cursor: zoom-in;
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy > div.wrapper > div.drilldown:before {
  content: "+";
  display: flex;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  font-size: 2em;
  align-items: center;
  justify-content: center;
  transition-property: opacity, font-size;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy > div.wrapper > div.drilldown:HOVER:before {
  font-size: 4em;
}
as-graph figure .chartarea .chart[data-charttype=columns][animate] > div.proxy > div.wrapper > div {
  height: 0;
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy > div.wrapper > div:after {
  width: 100%;
  content: attr(data-label);
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  bottom: -1.5em;
  opacity: 1;
  transition-property: opacity, height;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
}
as-graph figure .chartarea .chart[animate] > div.proxy > div.wrapper > div:after,
as-graph figure .chartarea .chart[animate] > div.proxy > div.wrapper > div:before,
as-graph figure .chartarea .chart[animate] > div.proxy > div.wrapper > div > .marker {
  opacity: 0;
}
as-graph figure .chartarea .chart[data-charttype=columns] > div.proxy > div.wrapper > div[active] {
  box-shadow:
    1px -1px 0 var(--button-text-color),
    2px -2px 0 var(--button-text-color),
    3px -3px 0 var(--button-text-color),
    4px -4px 0 var(--button-text-color),
    5px -5px 0 var(--button-text-color),
    6px -6px 0 var(--button-text-color),
    7px -7px 0 var(--button-text-color),
    8px -8px 0 var(--button-text-color),
    9px -9px 0 var(--button-text-color),
    10px -10px 0 var(--button-text-color);
  opacity: 0.8;
  border: 1px solid var(--button-text-color);
}
as-graph figure .chartarea .chart[data-charttype=columns][showlinechart] > div.proxy > div.wrapper > div {
  opacity: .5;
}
as-graph figure .chartarea .chart[data-charttype=pie] {
  display: block;
  padding-block-end: 0;
  padding-inline-start: 0;
}
as-graph figure .chartarea .chart[data-charttype=spiral] {
  display: block;
  padding-block-end: 0;
  padding-inline-start: 0;
}
as-graph figure ul.legend {
  margin-block: 3em;
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  list-style: none;
  align-self: center;
}
as-graph figure ul.legend > * {
  display: flex;
  gap: .5em;
  line-height: 1;
  align-items: center;
  cursor: default;
  position: relative;
  z-index: 2;
  appearance: none;
  border: unset;
  background-color: unset;
  font-size: inherit;
}
as-graph figure ul.legend > *:before {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  border: 1px solid var(--button-text-color);
  background-color: var(--_color, var(--color));
}
as-graph figure ul.legend > *:HOVER,
as-graph figure ul.legend > *:FOCUS,
as-graph figure ul.legend > * [active] {
  outline: none;
}
as-graph figure ul.legend > *:HOVER:after,
as-graph figure ul.legend > *:FOCUS:after,
as-graph figure ul.legend > * [active]:after {
  content: "";
  display: block;
  width: calc(100% + 1em);
  height: calc(100% + 1em);
  position: absolute;
  z-index: -1;
  inset: -.5em;
  background-color: var(--color-legend-hover);
  box-shadow: .125rem .125rem 0 var(--button-text-color);
  transition: all .15s var(--timimng-function);
}
as-graph figure .chartarea .chart[data-charttype=pie] > div {
  margin-inline: 0;
  display: block;
  position: absolute;
  width: 80%;
  height: 80%;
  inset: 10%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: transparent;
  background-image:
    conic-gradient(
      transparent var(--stop1),
      var(--_color, var(--color)) var(--stop1),
      var(--_color, var(--color)) var(--stop2),
      transparent var(--stop2),
      transparent 100%);
  border: none;
  transition-property:
    inset,
    width,
    height,
    opacity,
    scale,
    transform;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
}
as-graph figure .chartarea .chart[data-charttype=pie] > div > .marker {
  position: absolute;
  z-index: 8;
  display: block;
  top: var(--y);
  left: var(--x);
  white-space: nowrap;
  color: var(--button-text-color);
  font-size: .6rem;
  padding-inline: .5em;
  padding-block: .25em;
  background-color: var(--color-legend-hover);
  box-shadow: .125rem .125rem 0 var(--button-text-color);
  transition-property: opacity, font-size;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
  transform-origin: 50% 50%;
}
as-graph figure .chartarea .chart[data-charttype=pie] > div.drilldown > .marker {
  left: calc(1rem + var(--x));
}
as-graph figure .chartarea .chart[data-charttype=pie] > div.drilldown > .marker:before {
  content: "+";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: -1rem;
  font-size: 3.35em;
  line-height: 0;
  color: inherit;
}
as-graph figure .chartarea .chart[data-charttype=pie][showabsolutescale] > div {
  scale: var(--scale, 1);
}
as-graph figure .chartarea .chart[data-charttype=pie] > div[active] {
  inset: 5%;
  width: 90%;
  height: 90%;
  z-index: 7;
  scale: 1;
  transform: translate(calc(-1 * var(--x)), calc(-1 * var(--y)));
}
as-graph figure .chartarea .chart[data-charttype=pie]:has(> div[active]) .marker,
as-graph figure .chartarea .chart[data-charttype=pie][showabsolutescale] > div > .marker {
  opacity: 0;
}
as-graph figure .chartarea .chart[data-charttype=pie] > div[active] .marker {
  opacity: 1;
  font-size: 1rem;
}
as-graph figure .chartarea .chart[data-charttype=pie] > div:before,
as-graph figure .chartarea .chart[data-charttype=pie] > div:after {
  content: "";
  z-index: -1;
  display: block;
  position: absolute;
  width: 50%;
  height: var(--divider-width);
  top: calc(50% - .5 * var(--divider-width));
  left: calc(50% - .25 * var(--divider-width));
  rotate: var(--rotate1);
  transform-origin: 0% calc(.5 * var(--divider-width));
  background-color: var(--divider-color);
  z-index: 6;
}
as-graph figure .chartarea .chart[data-charttype=pie] > div:after {
  rotate: var(--rotate2);
}
as-graph figure .chartarea .chart[data-charttype=pie][showabsolutescale] > div:before,
as-graph figure .chartarea .chart[data-charttype=pie][showabsolutescale] > div:after {
  height: calc(var(--divider-width)/var(--scale));
}
as-graph figure .chartarea .chart[data-charttype=pie] > div[active]:before,
as-graph figure .chartarea .chart[data-charttype=pie] > div[active]:after {
  content: "";
  height: var(--divider-width);
}
as-graph figure .chartarea .chart[data-charttype=pie]:has([active]) > div:not([active]) {
  transition-delay: 0ms;
}
as-graph figure .chartarea .chart[data-charttype=pie][animate] > div {
  height: 0;
  width: 0;
  inset: 50%;
}
as-graph figure .chartarea .chart[data-charttype=heatmap] {
  position: static;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 31fr));
  gap: 0.25em;
}
as-graph figure .chartarea .chart[data-charttype=heatmap] > * {
  aspect-ratio: 1/1;
  cursor: pointer;
  display: grid;
  align-content: center;
  justify-content: center;
}
as-graph figure .chartarea .chart[data-charttype=heatmap] > as-gauge > div:last-child {
  opacity: 0.3;
}
as-graph figure .chartarea .chart[data-charttype=heatmap] > as-gauge:HOVER > div:last-child,
as-graph figure .chartarea .chart[data-charttype=heatmap] > as-gauge:FOCUS > div:last-child {
  outline: none;
  opacity: 1;
}
as-graph figure .chartarea .chart[data-charttype=heatmap] > div.proxy > div.wrapper > div[active] {
  box-shadow:
    1px -1px 0 var(--button-text-color),
    2px -2px 0 var(--button-text-color),
    3px -3px 0 var(--button-text-color),
    4px -4px 0 var(--button-text-color),
    5px -5px 0 var(--button-text-color),
    6px -6px 0 var(--button-text-color),
    7px -7px 0 var(--button-text-color),
    8px -8px 0 var(--button-text-color),
    9px -9px 0 var(--button-text-color),
    10px -10px 0 var(--button-text-color);
  opacity: 0.8;
  border: 1px solid var(--button-text-color);
}
as-graph figure:has([data-charttype=heatmapdeep]) {
  position: static;
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep] {
  position: static;
  display: grid;
  gap: .25em;
  align-items: center;
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep] > * {
  display: grid;
  grid-template-columns: repeat(31, 1fr);
  gap: 0.25em;
  align-items: center;
  transition-property: opacity;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep] > *:BEFORE {
  content: attr(data-label);
  grid-column: 1/4;
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep] > * > * {
  aspect-ratio: 1/1;
  transition-property: opacity;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep][animate] > div {
  opacity: 0;
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep] > .drilldown {
  cursor: zoom-in;
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep] > .drilldown:HOVER {
  outline: none;
  position: relative;
}
as-graph figure .chartarea .chart[data-charttype=heatmapdeep] > .drilldown:HOVER:AFTER {
  content: "";
  display: block;
  width: calc(100% + .3em);
  height: calc(100% + .3em);
  position: absolute;
  z-index: -1;
  inset: -.15em;
  background-color: var(--color-legend-hover);
}
as-graph figure .chartarea .chart[data-charttype=ring] > div {
  margin-inline: 0;
  display: block;
  position: absolute;
  width: calc(90% - .9 * var(--inset));
  height: calc(90% - .9 * var(--inset));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: transparent;
  background-image:
    conic-gradient(
      transparent var(--stop1),
      var(--_color, var(--color)) var(--stop1),
      var(--_color, var(--color)) var(--stop2),
      transparent var(--stop2),
      transparent 100%);
  border: none;
  transition-property:
    inset,
    width,
    height,
    opacity,
    scale,
    transform;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
}
as-graph figure .chartarea .chart[data-charttype=ring]:has([active]) > div[data-id]:not([active]) {
  transition-delay: 0ms;
  opacity: .15;
}
as-graph figure .chartarea .chart[data-charttype=ring][animate] > div {
  height: 0;
  width: 0;
  inset: 50%;
}
as-graph figure .chartarea .chart[data-charttype=spiral] > div {
  margin-inline: 0;
  display: block;
  position: absolute;
  width: calc(90% - .9 * var(--inset));
  height: calc(90% - .9 * var(--inset));
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: transparent;
  background-image:
    conic-gradient(
      transparent var(--stop1),
      var(--_color, var(--color)) var(--stop1),
      var(--_color, var(--color)) var(--stop2),
      transparent var(--stop2),
      transparent 100%);
  border: none;
  transition-property:
    inset,
    width,
    height,
    opacity,
    scale,
    transform;
  transition-timing-function: var(--timing-function);
  transition-duration: var(--transition-duration);
  transition-delay: var(--transition-delay);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
as-graph figure .chartarea .chart[data-charttype=spiral] > .divider-ring {
  opacity: 0;
}
as-graph figure .chartarea .chart[data-charttype=spiral][showrings] > .divider-ring {
  opacity: 1;
}
as-graph figure .chartarea .chart[data-charttype=spiral] > div[active] {
  width: 90%;
  height: 90%;
}
as-graph figure .chartarea .chart[data-charttype=spiral] > div:before,
as-graph figure .chartarea .chart[data-charttype=spiral] > div:after {
  content: "";
  z-index: -1;
  display: block;
  position: absolute;
  width: 50%;
  height: var(--divider-width);
  top: calc(50% - .5 * var(--divider-width));
  left: calc(50% - .25 * var(--divider-width));
  rotate: var(--rotate1);
  transform-origin: 0% calc(.5 * var(--divider-width));
  background-color: var(--divider-color);
  z-index: 6;
}
as-graph figure .chartarea .chart[data-charttype=spiral] > div:after {
  rotate: var(--rotate2);
}
as-graph figure .chartarea .chart[data-charttype=spiral] > div[active]:before,
as-graph figure .chartarea .chart[data-charttype=spiral] > div[active]:after {
  content: "";
  height: var(--divider-width);
}
as-graph figure .chartarea .chart[data-charttype=spiral]:has([active]) > div:not([active]) {
  transition-delay: 0ms;
  opacity: 0.3;
}
as-graph figure .chartarea .chart[data-charttype=spiral]:not([showrings]):has([active]) > .divider-ring {
  opacity: 0;
}
as-graph figure .chartarea .chart[data-charttype=spiral][showrings]:has([active]) > .divider-ring {
  opacity: 1;
}
as-graph figure .chartarea .chart[data-charttype=spiral][animate] > div {
  height: 0;
  width: 0;
  inset: 50%;
}
@media screen and (max-width: 60rem) {
  as-graph :is(figure:has([data-charttype=pie]), figure:has([data-charttype=ring]), figure:has([data-charttype=spiral])) {
    grid-template-columns: 1fr;
  }
}

/* src/assets/css/components/as-icon-component.css */
as-icon {
  display: inline-flex;
  gap: var(--as-space-s);
  align-items: center;
  color: var(--color-icon, inherit);
  --rotate: 0deg;
  line-height: 0;
  &:AFTER {
    content: "";
    display: block;
    width: var(--size, var(--as-size-default));
    aspect-ratio: var(--as-ratio-square);
    mask-image: var(--icon, var(--as-icon-arrow-right));
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    color: currentColor;
    background-color: var(--color-icon, currentColor);
    rotate: var(--rotate, 0);
    transition: all var(--as-time-s) ease-out;
  }
  &[flip-x] {
    transform: scale(-1, 1);
  }
  &[flip-y] {
    transform: scale(1, -1);
  }
  &[flip-x][flip-y] {
    transform: scale(-1, -1);
  }
  &[image] {
    width: var(--size, var(--as-size-default));
    aspect-ratio: var(--as-ratio-square);
    display: block;
    rotate: var(--rotate);
  }
  &[image]:AFTER {
    content: unset;
  }
  &[size=s] {
    --size: var(--as-size-s);
  }
  &[size=m] {
    --size: var(--as-size-m);
  }
  &[size=l] {
    --size: var(--as-size-l);
  }
  &[size=xl] {
    --size: var(--as-size-xl);
  }
  &[size=xxl] {
    --size: var(--as-size-xxl);
  }
}

/* src/assets/css/components/as-panel-component.css */
.as-panel {
  display: flex;
}
.as-panel > * {
  flex: var(--as-panelbox-flex, 1 1 auto);
  margin: var(--as-panelbox-margin, 0px);
  padding: var(--as-panelbox-padding, 0px);
  border-top: var(--as-panelbox-bordertop, none);
  border-right: var(--as-panelbox-borderright, none);
  border-bottom: var(--as-panelbox-borderbottom, none);
  border-left: var(--as-panelbox-borderleft, none);
}

/* src/assets/css/components/as-popout-component.css */
as-popout {
  display: inline-block;
}
as-popout > [popover] {
  inset: unset;
  margin: 0;
  position: absolute;
  z-index: var(--as-index-popout);
  transition: all var(--as-time-xs) ease-out;
  transition-behavior: allow-discrete;
  transform: translateY(var(--as-space-m));
  transition-delay: 10ms;
  scale: 0.95;
  opacity: 0;
  border-radius: var(--as-border-radius-s);
  border: var(--as-size-thin) solid var(--as-color-border-panel);
  background-color: var(--as-color-background);
  padding: var(--as-space-s);
  box-shadow: var(--as-box-shadow);
  max-width: calc(10 * var(--as-size-l));
  width: auto;
}
as-popout > [popover]:popover-open {
  transform: translateY(0);
  opacity: 1;
  scale: 1;
  @starting-style {
    transform: translateY(var(--as-space-m));
    opacity: 0;
    scale: .95;
  }
}
as-popout > [pop]:not([popover]) {
  transition: all var(--as-time-xs) ease-out;
  transition-behavior: allow-discrete;
  transform: translateY(var(--as-space-m));
  transition-delay: 10ms;
  scale: 0.95;
  opacity: 0;
  margin-block-start: var(--as-space-s);
  border-radius: var(--as-border-radius-s);
  border: var(--as-size-thin) solid var(--as-color-border-panel);
  background-color: var(--as-color-background);
  padding: var(--as-space-s);
  box-shadow: var(--as-box-shadow);
  width: auto;
}
as-popout > [pop]:not([popover], [hidden]) {
  transform: translateY(0);
  opacity: 1;
  scale: 1;
  @starting-style {
    transform: translateY(var(--as-space-m));
    opacity: 0;
    scale: .95;
  }
}
as-popout[popout-position=bottom] > [popover]:popover-open {
  margin-block-start: var(--as-space-s);
}
as-popout[popout-position=bottom][popout-align=left] > [popover] {
  position-area: bottom left;
}
as-popout[popout-position=bottom][popout-align=right] > [popover] {
  position-area: bottom right;
}
as-popout[popout-position=bottom][popout-align=span-left] > [popover] {
  position-area: bottom span-left;
}
as-popout[popout-position=bottom][popout-align=span-right] > [popover] {
  position-area: bottom span-right;
}
as-popout[popout-position=bottom][popout-align=span-all] > [popover] {
  position-area: bottom span-all;
}
as-popout[popout-position=top] > [popover]:popover-open {
  margin-block-end: var(--as-space-s);
}
as-popout[popout-position=top][popout-align=left] > [popover] {
  position-area: top left;
}
as-popout[popout-position=top][popout-align=right] > [popover] {
  position-area: top right;
}
as-popout[popout-position=top][popout-align=span-left] > [popover] {
  position-area: top span-left;
}
as-popout[popout-position=top][popout-align=span-right] > [popover] {
  position-area: top span-right;
}
as-popout[popout-position=top][popout-align=span-all] > [popover] {
  position-area: top span-all;
}
as-popout[popout-position=center][popout-align=left] > [popover]:popover-open {
  position-area: center left;
  margin-inline-end: var(--as-space-s);
}
as-popout[popout-position=center][popout-align=right] > [popover]:popover-open {
  position-area: center right;
  margin-inline-start: var(--as-space-s);
}
as-popout[popout-position=center][popout-align=span-left] > [popover] {
  position-area: center span-left;
}
as-popout[popout-position=center][popout-align=span-right] > [popover] {
  position-area: center span-right;
}
as-popout[popout-position=center][popout-align=span-all] > [popover] {
  position-area: center span-all;
}
as-popout[popout-position=center][popout-align=span-top] > [popover] {
  position-area: center span-top;
}
as-popout[popout-position=center][popout-align=center] > [popover] {
  position-area: center center;
}
as-popout[popout-position=center][popout-align=span-bottom] > [popover] {
  position-area: center span-bottom;
}

/* src/assets/css/components/as-root-component.css */
:where(*, *:before, *:after) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  border: none;
  font-family: var(--as-font-regular);
  line-height: var(--as-line-height-base);
  color: var(--as-color-text);
}
:is(h1, h2, h3, h4, h5, h6) {
  line-height: var(--as-line-height-heading);
  font-family: var(--as-font-bold);
  font-weight: 400;
  margin-block-end: var(--as-space-s);
}
h1 {
  font-size: var(--as-font-size-xxxl);
}
h2 {
  font-size: var(--as-font-size-xxl);
}
h3 {
  font-size: var(--as-font-size-xl);
}
h4 {
  font-size: var(--as-font-size-l);
}
h5 {
  font-size: var(--as-font-size-m);
}
h6 {
  font-size: var(--as-font-size-s);
}
:is(b, strong, .bold) {
  font-family: var(--as-font-bold);
  font-weight: 400;
}
:is(i, em) {
  font-family: var(--as-font-regular-italic);
  font-weight: 400;
}
:is(b i, b em, strong i, strong em, i b, em b, i strong, i b) {
  font-family: var(--as-font-bold-italic);
  font-style: normal;
  font-weight: 400;
}
.overflow-wrapper {
  overflow-x: auto;
  width: 100%;
  position: relative;
}
body {
  font-size: var(--as-base);
  font-family: var(--as-font-regular);
  color: var(--as-color-text);
  background-color: var(--as-color-background);
  position: relative;
}
body a {
  color: inherit;
}
[layout] {
  display: grid;
  grid-template-columns: var(--as-space-sidebar) 1fr;
  block-size: 100dvh;
  position: relative;
  transition: all var(--as-time-s) var(--as-timing-function-1);
}
[layout] nav {
  --top: calc(var(--as-space-l) + var(--height));
  position: sticky;
  top: var(--top);
  left: 0;
  overflow-y: auto;
  background-color: var(--as-color-background-panel);
  display: flex;
  flex-direction: column;
  gap: var(--as-space-m);
  transition: all var(--as-time-s) ease-out;
}
[layout] nav ul {
  display: grid;
  gap: var(--as-space-xxs);
  transition: all 1s ease-in-out;
}
[layout] nav ul li {
  display: block;
}
[layout] nav ul li .wrapper {
  display: flex;
  gap: var(--as-space-s);
  position: relative;
}
[layout] nav ul li .wrapper > as-icon {
  position: absolute;
  right: var(--as-space-m);
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--as-index-navigation);
  cursor: pointer;
  transform-origin: top;
  transition: all var(--as-time-xs) var(--as-timing-function-1);
}
[layout] nav ul li a {
  text-decoration: none;
  position: relative;
  display: block;
  background-color: transparent;
  border-inline-start-width: var(--as-size-xs);
  border-inline-start-color: transparent;
  border-inline-start-style: solid;
  transition: all var(--as-time-xs) var(--as-timing-function-1);
  cursor: pointer;
  width: 100%;
}
[layout] nav ul li a span {
  color: var(--as-color-text);
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-s);
  display: flex !important;
  gap: var(--as-space-s);
  align-items: center;
  transition: all var(--as-time-s) ease;
}
[layout] nav ul li a:is(:HOVER) {
  color: var(--as-color-text-nav);
  background-color: var(--as-color-background-nav);
  border-inline-start-color: var(--as-color-text-nav);
}
[layout] nav ul li a:is(:HOVER) span {
  color: var(--as-color-text-nav);
}
[layout] nav ul li a:is(:FOCUS, :ACTIVE),
[layout] nav ul li[active] > div.wrapper > a {
  color: var(--as-color-text-nav);
  background-color: var(--as-color-background-nav-strong);
  border-inline-start-color: var(--as-color-text-nav);
}
[layout] nav ul li a:is(:FOCUS, :ACTIVE) span,
[layout] nav ul li[active] > div.wrapper > a span {
  color: var(--as-color-text-nav);
}
[layout] nav ul li[active] > div.wrapper > as-icon {
  rotate: 180deg;
}
[layout] nav ul li[level="1"] > div ul {
  overflow: hidden;
}
[layout] nav ul li[level="1"] > div:last-child {
  display: grid;
  grid-template-rows: 0fr;
  transition: all var(--as-time-s) ease-in-out;
}
[layout] nav ul li[level="1"][active] > div:last-child {
  grid-template-rows: 1fr;
}
[layout] nav ul li[level="2"] span {
  padding-inline-start: var(--as-space-xl);
}
[layout] nav .search {
  padding-block: var(--as-space-m);
  padding-inline: var(--as-space-m);
  display: flex;
  justify-content: center;
}
[layout] nav .clock {
  margin-block-start: auto;
  padding-block: var(--as-space-m);
  padding-inline: var(--as-space-m);
  display: flex;
  justify-content: center;
}
section[content] {
  background-color: var(--as-color-background);
  min-block-size: 100dvh;
  display: flex;
  flex-direction: column;
  gap: var(--as-space-l);
  position: relative;
  top: 0;
  bottom: 0;
}
[content] {
  padding-inline: var(--as-space-xxl);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--as-space-l);
  position: relative;
}
[content] header {
  background-color: var(--as-color-background);
  position: sticky;
  top: 0;
  padding-block: var(--as-space-l);
  padding-inline: var(--as-space-xxl);
  margin-inline: calc(-1 * var(--as-space-xxl));
  margin-block-end: var(--as-space-xxl);
  z-index: var(--as-index-sticky);
  box-shadow: var(--as-box-shadow);
}
.max-content-width {
  max-inline-size: var(--as-size-max-rem);
}
.content-box {
  box-sizing: content-box;
}
.full-width {
  width: 100%;
}
.square {
  aspect-ratio: var(--as-ratio-square);
}
.container-inline-size {
  container-type: inline-size;
}
.flex {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--as-space-m);
  justify-content: space-between;
  align-items: center;
}
.wrap-10rem {
  @container (width < 10rem) {
    flex-wrap: wrap;
  }
}
.no-shrink {
  flex-shrink: 0;
}
.colorbox {
  align-content: end;
  width: auto;
  min-height: var(--as-size-xxxl);
  background-color: var(--color);
  border-radius: var(--as-border-radius-s);
  margin-block-end: var(--as-size-m);
  padding-inline: var(--as-space-s);
  padding-block: var(--as-space-m);
  font-size: var(--as-font-size-m);
  box-shadow: var(--as-box-shadow);
}
.box {
  width: auto;
  height: var(--size, var(--as-size-xxl));
  border-radius: var(--radius, var(--as-border-radius));
  background-color: var(--color, var(--as-color-shadow));
  aspect-ratio: var(--ratio, var(--as-ratio-square));
  margin-block-end: var(--as-size-m);
}
.color-accent {
  color: var(--color);
  display: flex;
  gap: var(--as-space-s);
  align-items: center;
  font-size: var(--as-font-size-m);
  cursor: pointer;
}
.color-accent:BEFORE {
  content: "\25cf";
  color: inherit;
  font-size: var(--as-font-size-m);
}
.color-accent:ACTIVE {
  cursor: grabbing;
}
.token {
  padding-block: var(--as-size-m);
  padding-inline: var(--as-size);
  background-color: var(--as-color-background-panel);
  border-width: var(--as-size-thin);
  border-color: var(--as-color-border-panel);
  border-style: dotted;
  display: block;
  transition: all var(--as-time-xs) var(--as-timing-function-1);
  font-family: var(--as-font-mono);
  font-size: var(--as-font-size-m);
  word-break: break-word;
}
.token:HOVER {
  box-shadow: var(--as-box-shadow);
}
.icon {
  display: flex;
  align-items: center;
  gap: var(--as-space-s);
  padding-inline-end: calc(2 * var(--as-size));
  cursor: pointer;
  position: relative;
}
.icon:AFTER {
  content: "";
  display: block;
  width: var(--as-size);
  aspect-ratio: 1/1;
  mask-image: var(--as-icon-clone);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  margin-inline-start: auto;
  background-color: var(--as-color-accent);
  flex-shrink: 0;
  position: absolute;
  right: var(--as-size);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.icon:HOVER:AFTER {
  opacity: 1;
}
article + article {
  margin-block-start: var(--as-space-xl);
}
p + p {
  margin-block-start: var(--as-space-l);
}
.overview ul {
  --min-width: calc(7 * var(--as-size-default));
  --max-width: calc(12 * var(--as-size-default));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(var(--min-width), 20vw, var(--max-width)), 1fr));
  gap: var(--as-space-xl);
  font-size: var(--as-font-size-xxl);
}
.overview ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  aspect-ratio: var(--as-ratio-square);
  border-radius: var(--as-border-radius-m);
  border: var(--as-size-thin) solid var(--as-color-border-panel);
  background-color: var(--as-color-background-panel);
  transition: box-shadow var(--as-time-xs) ease-in-out;
  padding-inline: var(--as-space-l);
  text-decoration: none;
}
.overview ul li a span {
  padding: unset;
  white-space: unset;
}
.overview ul li a:is(:HOVER, :FOCUS, :ACTIVE) {
  box-shadow: var(--as-box-shadow);
  text-decoration: none;
}
span.searchword,
.searchword {
  font-family: inherit;
}
.menu-btn {
  display: none;
}
.menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: var(--as-color-overlay);
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all var(--as-time-s) ease-out;
  z-index: calc(var(--as-index-navigation) - 1);
}
@media screen and (max-width: 65rem) {
  [layout] {
    grid-template-columns: 1fr;
  }
  [layout] nav {
    --size: .75;
    width: calc(var(--size) * var(--as-space-sidebar));
    height: 100vh;
    position: fixed;
    left: calc(-1 * var(--size) * var(--as-space-sidebar));
    top: 0;
    bottom: 0;
    z-index: var(--as-index-navigation);
  }
  [layout] nav.navopen {
    left: 0;
  }
  [content] {
    padding-inline: var(--as-space-m);
  }
  [content] header {
    margin-inline: calc(-1 * var(--as-space-m));
  }
  .menu-btn {
    display: block;
    position: fixed;
    top: var(--as-space-xl);
    right: var(--as-space-l);
    z-index: var(--as-index-navigation);
  }
  .menu-overlay.overlayopen {
    left: 0;
    opacity: 1;
  }
}
:root {
  --as-icon-phone: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDE1LjggODlDNDIzLjYgNzAuMiA0NDQuMiA2MC4xIDQ2My45IDY1LjVMNDY5LjQgNjdDNTM0IDg0LjYgNTg5LjIgMTQ3LjIgNTczLjEgMjIzLjRDNTM2IDM5OC40IDM5OC4zIDUzNi4xIDIyMy4zIDU3My4yQzE0NyA1ODkuNCA4NC41IDUzNC4xIDY2LjkgNDY5LjVMNjUuNCA0NjRDNjAgNDQ0LjMgNzAuMSA0MjMuNyA4OC45IDQxNS45TDE4Ni4yIDM3NS40QzIwMi43IDM2OC41IDIyMS44IDM3My4zIDIzMy4yIDM4Ny4yTDI3MS44IDQzNC40QzM0Mi4xIDM5OS41IDM5OC42IDM0MS4xIDQzMS4xIDI2OS41TDM4NyAyMzMuNEMzNzMuMSAyMjIuMSAzNjguNCAyMDMgMzc1LjIgMTg2LjRMNDE1LjggODl6Ii8+PC9zdmc+);
  --as-icon-document-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTkyIDY0QzE1Ni43IDY0IDEyOCA5Mi43IDEyOCAxMjhMMTI4IDUxMkMxMjggNTQ3LjMgMTU2LjcgNTc2IDE5MiA1NzZMNDQ4IDU3NkM0ODMuMyA1NzYgNTEyIDU0Ny4zIDUxMiA1MTJMNTEyIDIzNC41QzUxMiAyMTcuNSA1MDUuMyAyMDEuMiA0OTMuMyAxODkuMkwzODYuNyA4Mi43QzM3NC43IDcwLjcgMzU4LjUgNjQgMzQxLjUgNjRMMTkyIDY0ek00NTMuNSAyNDBMMzYwIDI0MEMzNDYuNyAyNDAgMzM2IDIyOS4zIDMzNiAyMTZMMzM2IDEyMi41TDQ1My41IDI0MHoiLz48L3N2Zz4=);
  --as-icon-document-lines: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTI4IDEyOEMxMjggOTIuNyAxNTYuNyA2NCAxOTIgNjRMMzQxLjUgNjRDMzU4LjUgNjQgMzc0LjggNzAuNyAzODYuOCA4Mi43TDQ5My4zIDE4OS4zQzUwNS4zIDIwMS4zIDUxMiAyMTcuNiA1MTIgMjM0LjZMNTEyIDUxMkM1MTIgNTQ3LjMgNDgzLjMgNTc2IDQ0OCA1NzZMMTkyIDU3NkMxNTYuNyA1NzYgMTI4IDU0Ny4zIDEyOCA1MTJMMTI4IDEyOHpNMzM2IDEyMi41TDMzNiAyMTZDMzM2IDIyOS4zIDM0Ni43IDI0MCAzNjAgMjQwTDQ1My41IDI0MEwzMzYgMTIyLjV6TTI0OCAzMjBDMjM0LjcgMzIwIDIyNCAzMzAuNyAyMjQgMzQ0QzIyNCAzNTcuMyAyMzQuNyAzNjggMjQ4IDM2OEwzOTIgMzY4QzQwNS4zIDM2OCA0MTYgMzU3LjMgNDE2IDM0NEM0MTYgMzMwLjcgNDA1LjMgMzIwIDM5MiAzMjBMMjQ4IDMyMHpNMjQ4IDQxNkMyMzQuNyA0MTYgMjI0IDQyNi43IDIyNCA0NDBDMjI0IDQ1My4zIDIzNC43IDQ2NCAyNDggNDY0TDM5MiA0NjRDNDA1LjMgNDY0IDQxNiA0NTMuMyA0MTYgNDQwQzQxNiA0MjYuNyA0MDUuMyA0MTYgMzkyIDQxNkwyNDggNDE2eiIvPjwvc3ZnPg==);
  --as-icon-document-invoice: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTI4IDEyOEMxMjggOTIuNyAxNTYuNyA2NCAxOTIgNjRMMzQxLjUgNjRDMzU4LjUgNjQgMzc0LjggNzAuNyAzODYuOCA4Mi43TDQ5My4zIDE4OS4zQzUwNS4zIDIwMS4zIDUxMiAyMTcuNiA1MTIgMjM0LjZMNTEyIDUxMkM1MTIgNTQ3LjMgNDgzLjMgNTc2IDQ0OCA1NzZMMTkyIDU3NkMxNTYuNyA1NzYgMTI4IDU0Ny4zIDEyOCA1MTJMMTI4IDEyOHpNMzM2IDEyMi41TDMzNiAyMTZDMzM2IDIyOS4zIDM0Ni43IDI0MCAzNjAgMjQwTDQ1My41IDI0MEwzMzYgMTIyLjV6TTE5MiAxNTJDMTkyIDE2NS4zIDIwMi43IDE3NiAyMTYgMTc2TDI2NCAxNzZDMjc3LjMgMTc2IDI4OCAxNjUuMyAyODggMTUyQzI4OCAxMzguNyAyNzcuMyAxMjggMjY0IDEyOEwyMTYgMTI4QzIwMi43IDEyOCAxOTIgMTM4LjcgMTkyIDE1MnpNMTkyIDI0OEMxOTIgMjYxLjMgMjAyLjcgMjcyIDIxNiAyNzJMMjY0IDI3MkMyNzcuMyAyNzIgMjg4IDI2MS4zIDI4OCAyNDhDMjg4IDIzNC43IDI3Ny4zIDIyNCAyNjQgMjI0TDIxNiAyMjRDMjAyLjcgMjI0IDE5MiAyMzQuNyAxOTIgMjQ4ek0zMDQgMzI0TDMwNCAzMjhDMjc1LjIgMzI4LjMgMjUyIDM1MS43IDI1MiAzODAuNUMyNTIgNDA2LjIgMjcwLjUgNDI4LjEgMjk1LjkgNDMyLjNMMzM3LjYgNDM5LjNDMzQzLjYgNDQwLjMgMzQ4IDQ0NS41IDM0OCA0NTEuNkMzNDggNDU4LjUgMzQyLjQgNDY0LjEgMzM1LjUgNDY0LjFMMjgwIDQ2NEMyNjkgNDY0IDI2MCA0NzMgMjYwIDQ4NEMyNjAgNDk1IDI2OSA1MDQgMjgwIDUwNEwzMDQgNTA0TDMwNCA1MDhDMzA0IDUxOSAzMTMgNTI4IDMyNCA1MjhDMzM1IDUyOCAzNDQgNTE5IDM0NCA1MDhMMzQ0IDUwMy4zQzM2OSA0OTkuMiAzODggNDc3LjYgMzg4IDQ1MS41QzM4OCA0MjUuOCAzNjkuNSA0MDMuOSAzNDQuMSAzOTkuN0wzMDIuNCAzOTIuN0MyOTYuNCAzOTEuNyAyOTIgMzg2LjUgMjkyIDM4MC40QzI5MiAzNzMuNSAyOTcuNiAzNjcuOSAzMDQuNSAzNjcuOUwzNTIgMzY3LjlDMzYzIDM2Ny45IDM3MiAzNTguOSAzNzIgMzQ3LjlDMzcyIDMzNi45IDM2MyAzMjcuOSAzNTIgMzI3LjlMMzQ0IDMyNy45TDM0NCAzMjMuOUMzNDQgMzEyLjkgMzM1IDMwMy45IDMyNCAzMDMuOUMzMTMgMzAzLjkgMzA0IDMxMi45IDMwNCAzMjMuOXoiLz48L3N2Zz4=);
  --as-icon-document-signature: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNjQuMSAxMjhDNjQuMSA5Mi43IDkyLjggNjQgMTI4LjEgNjRMMjc3LjYgNjRDMjk0LjYgNjQgMzEwLjkgNzAuNyAzMjIuOSA4Mi43TDQyOS4zIDE4OS4zQzQ0MS4zIDIwMS4zIDQ0OCAyMTcuNiA0NDggMjM0LjZMNDQ4IDMzMi4xTDMxNiA0NjQuMUwyNzMuOSA0NjQuMUwyNTcuOCA0MTAuNUMyNTMuMSAzOTQuOCAyMzguNyAzODQuMSAyMjIuMyAzODQuMUMyMTEgMzg0LjEgMjAwLjQgMzg5LjIgMTkzLjQgMzk4TDEzMy4zIDQ3M0MxMjUgNDgzLjMgMTI2LjcgNDk4LjUgMTM3IDUwNi43QzE0Ny4zIDUxNC45IDE2Mi41IDUxMy4zIDE3MC43IDUwMi45TDIxNy44IDQ0NC4xTDIzMyA0OTQuOEMyMzYgNTA1IDI0NS40IDUxMS45IDI1NiA1MTEuOUwyODcuNSA1MTEuOUMyODYuNiA1MTUgMjg1LjggNTE4LjIgMjg1LjIgNTIxLjRMMjc0LjMgNTc1LjlMMTI4LjEgNTc1LjlDOTIuOCA1NzUuOSA2NC4xIDU0Ny4yIDY0LjEgNTExLjlMNjQuMSAxMjcuOXpNMjcyLjEgMTIyLjVMMjcyLjEgMjE2QzI3Mi4xIDIyOS4zIDI4Mi44IDI0MCAyOTYuMSAyNDBMMzg5LjYgMjQwTDI3Mi4xIDEyMi41ek0zMzIuMyA1MzAuOUMzMzQuOCA1MTguNSAzNDAuOSA1MDcuMSAzNDkuOCA0OTguMkw0NjguNyAzNzkuM0w1NDguNyA0NTkuM0w0MjkuOCA1NzguMkM0MjAuOSA1ODcuMSA0MDkuNSA1OTMuMiAzOTcuMSA1OTUuN0wzMzcuNSA2MDcuNkMzMzYuNiA2MDcuOCAzMzUuNiA2MDcuOSAzMzQuNiA2MDcuOUMzMjYuNiA2MDcuOSAzMjAgNjAxLjQgMzIwIDU5My4zQzMyMCA1OTIuMyAzMjAuMSA1OTEuNCAzMjAuMyA1OTAuNEwzMzIuMiA1MzAuOHpNNjAwLjEgNDA3LjlMNTcxLjMgNDM2LjdMNDkxLjMgMzU2LjdMNTIwLjEgMzI3LjlDNTQyLjIgMzA1LjggNTc4IDMwNS44IDYwMC4xIDMyNy45QzYyMi4yIDM1MCA2MjIuMiAzODUuOCA2MDAuMSA0MDcuOXoiLz48L3N2Zz4=);
  --as-icon-document-pdf: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTI4IDY0QzkyLjcgNjQgNjQgOTIuNyA2NCAxMjhMNjQgNTEyQzY0IDU0Ny4zIDkyLjcgNTc2IDEyOCA1NzZMMjA4IDU3NkwyMDggNDY0QzIwOCA0MjguNyAyMzYuNyA0MDAgMjcyIDQwMEw0NDggNDAwTDQ0OCAyMzQuNUM0NDggMjE3LjUgNDQxLjMgMjAxLjIgNDI5LjMgMTg5LjJMMzIyLjcgODIuN0MzMTAuNyA3MC43IDI5NC41IDY0IDI3Ny41IDY0TDEyOCA2NHpNMzg5LjUgMjQwTDI5NiAyNDBDMjgyLjcgMjQwIDI3MiAyMjkuMyAyNzIgMjE2TDI3MiAxMjIuNUwzODkuNSAyNDB6TTI3MiA0NDRDMjYxIDQ0NCAyNTIgNDUzIDI1MiA0NjRMMjUyIDU5MkMyNTIgNjAzIDI2MSA2MTIgMjcyIDYxMkMyODMgNjEyIDI5MiA2MDMgMjkyIDU5MkwyOTIgNTY0TDMwNCA1NjRDMzM3LjEgNTY0IDM2NCA1MzcuMSAzNjQgNTA0QzM2NCA0NzAuOSAzMzcuMSA0NDQgMzA0IDQ0NEwyNzIgNDQ0ek0zMDQgNTI0TDI5MiA1MjRMMjkyIDQ4NEwzMDQgNDg0QzMxNSA0ODQgMzI0IDQ5MyAzMjQgNTA0QzMyNCA1MTUgMzE1IDUyNCAzMDQgNTI0ek00MDAgNDQ0QzM4OSA0NDQgMzgwIDQ1MyAzODAgNDY0TDM4MCA1OTJDMzgwIDYwMyAzODkgNjEyIDQwMCA2MTJMNDMyIDYxMkM0NjAuNyA2MTIgNDg0IDU4OC43IDQ4NCA1NjBMNDg0IDQ5NkM0ODQgNDY3LjMgNDYwLjcgNDQ0IDQzMiA0NDRMNDAwIDQ0NHpNNDIwIDU3Mkw0MjAgNDg0TDQzMiA0ODRDNDM4LjYgNDg0IDQ0NCA0ODkuNCA0NDQgNDk2TDQ0NCA1NjBDNDQ0IDU2Ni42IDQzOC42IDU3MiA0MzIgNTcyTDQyMCA1NzJ6TTUwOCA0NjRMNTA4IDU5MkM1MDggNjAzIDUxNyA2MTIgNTI4IDYxMkM1MzkgNjEyIDU0OCA2MDMgNTQ4IDU5Mkw1NDggNTQ4TDU3NiA1NDhDNTg3IDU0OCA1OTYgNTM5IDU5NiA1MjhDNTk2IDUxNyA1ODcgNTA4IDU3NiA1MDhMNTQ4IDUwOEw1NDggNDg0TDU3NiA0ODRDNTg3IDQ4NCA1OTYgNDc1IDU5NiA0NjRDNTk2IDQ1MyA1ODcgNDQ0IDU3NiA0NDRMNTI4IDQ0NEM1MTcgNDQ0IDUwOCA0NTMgNTA4IDQ2NHoiLz48L3N2Zz4=);
  --as-icon-clipboard: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDM5LjQgOTZMNDQ4IDk2QzQ4My4zIDk2IDUxMiAxMjQuNyA1MTIgMTYwTDUxMiA1MTJDNTEyIDU0Ny4zIDQ4My4zIDU3NiA0NDggNTc2TDE5MiA1NzZDMTU2LjcgNTc2IDEyOCA1NDcuMyAxMjggNTEyTDEyOCAxNjBDMTI4IDEyNC43IDE1Ni43IDk2IDE5MiA5NkwyMDAuNiA5NkMyMTEuNiA3Ni45IDIzMi4zIDY0IDI1NiA2NEwzODQgNjRDNDA3LjcgNjQgNDI4LjQgNzYuOSA0MzkuNCA5NnpNMzc2IDE3NkMzODkuMyAxNzYgNDAwIDE2NS4zIDQwMCAxNTJDNDAwIDEzOC43IDM4OS4zIDEyOCAzNzYgMTI4TDI2NCAxMjhDMjUwLjcgMTI4IDI0MCAxMzguNyAyNDAgMTUyQzI0MCAxNjUuMyAyNTAuNyAxNzYgMjY0IDE3NkwzNzYgMTc2ek0yNTYgMzIwQzI1NiAzMDIuMyAyNDEuNyAyODggMjI0IDI4OEMyMDYuMyAyODggMTkyIDMwMi4zIDE5MiAzMjBDMTkyIDMzNy43IDIwNi4zIDM1MiAyMjQgMzUyQzI0MS43IDM1MiAyNTYgMzM3LjcgMjU2IDMyMHpNMjg4IDMyMEMyODggMzMzLjMgMjk4LjcgMzQ0IDMxMiAzNDRMNDI0IDM0NEM0MzcuMyAzNDQgNDQ4IDMzMy4zIDQ0OCAzMjBDNDQ4IDMwNi43IDQzNy4zIDI5NiA0MjQgMjk2TDMxMiAyOTZDMjk4LjcgMjk2IDI4OCAzMDYuNyAyODggMzIwek0yODggNDQ4QzI4OCA0NjEuMyAyOTguNyA0NzIgMzEyIDQ3Mkw0MjQgNDcyQzQzNy4zIDQ3MiA0NDggNDYxLjMgNDQ4IDQ0OEM0NDggNDM0LjcgNDM3LjMgNDI0IDQyNCA0MjRMMzEyIDQyNEMyOTguNyA0MjQgMjg4IDQzNC43IDI4OCA0NDh6TTIyNCA0ODBDMjQxLjcgNDgwIDI1NiA0NjUuNyAyNTYgNDQ4QzI1NiA0MzAuMyAyNDEuNyA0MTYgMjI0IDQxNkMyMDYuMyA0MTYgMTkyIDQzMC4zIDE5MiA0NDhDMTkyIDQ2NS43IDIwNi4zIDQ4MCAyMjQgNDgweiIvPjwvc3ZnPg==);
  --as-icon-calendar: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjI0IDY0QzI0MS43IDY0IDI1NiA3OC4zIDI1NiA5NkwyNTYgMTI4TDM4NCAxMjhMMzg0IDk2QzM4NCA3OC4zIDM5OC4zIDY0IDQxNiA2NEM0MzMuNyA2NCA0NDggNzguMyA0NDggOTZMNDQ4IDEyOEw0ODAgMTI4QzUxNS4zIDEyOCA1NDQgMTU2LjcgNTQ0IDE5Mkw1NDQgNDgwQzU0NCA1MTUuMyA1MTUuMyA1NDQgNDgwIDU0NEwxNjAgNTQ0QzEyNC43IDU0NCA5NiA1MTUuMyA5NiA0ODBMOTYgMTkyQzk2IDE1Ni43IDEyNC43IDEyOCAxNjAgMTI4TDE5MiAxMjhMMTkyIDk2QzE5MiA3OC4zIDIwNi4zIDY0IDIyNCA2NHpNMTYwIDMwNEwxNjAgMzM2QzE2MCAzNDQuOCAxNjcuMiAzNTIgMTc2IDM1MkwyMDggMzUyQzIxNi44IDM1MiAyMjQgMzQ0LjggMjI0IDMzNkwyMjQgMzA0QzIyNCAyOTUuMiAyMTYuOCAyODggMjA4IDI4OEwxNzYgMjg4QzE2Ny4yIDI4OCAxNjAgMjk1LjIgMTYwIDMwNHpNMjg4IDMwNEwyODggMzM2QzI4OCAzNDQuOCAyOTUuMiAzNTIgMzA0IDM1MkwzMzYgMzUyQzM0NC44IDM1MiAzNTIgMzQ0LjggMzUyIDMzNkwzNTIgMzA0QzM1MiAyOTUuMiAzNDQuOCAyODggMzM2IDI4OEwzMDQgMjg4QzI5NS4yIDI4OCAyODggMjk1LjIgMjg4IDMwNHpNNDMyIDI4OEM0MjMuMiAyODggNDE2IDI5NS4yIDQxNiAzMDRMNDE2IDMzNkM0MTYgMzQ0LjggNDIzLjIgMzUyIDQzMiAzNTJMNDY0IDM1MkM0NzIuOCAzNTIgNDgwIDM0NC44IDQ4MCAzMzZMNDgwIDMwNEM0ODAgMjk1LjIgNDcyLjggMjg4IDQ2NCAyODhMNDMyIDI4OHpNMTYwIDQzMkwxNjAgNDY0QzE2MCA0NzIuOCAxNjcuMiA0ODAgMTc2IDQ4MEwyMDggNDgwQzIxNi44IDQ4MCAyMjQgNDcyLjggMjI0IDQ2NEwyMjQgNDMyQzIyNCA0MjMuMiAyMTYuOCA0MTYgMjA4IDQxNkwxNzYgNDE2QzE2Ny4yIDQxNiAxNjAgNDIzLjIgMTYwIDQzMnpNMzA0IDQxNkMyOTUuMiA0MTYgMjg4IDQyMy4yIDI4OCA0MzJMMjg4IDQ2NEMyODggNDcyLjggMjk1LjIgNDgwIDMwNCA0ODBMMzM2IDQ4MEMzNDQuOCA0ODAgMzUyIDQ3Mi44IDM1MiA0NjRMMzUyIDQzMkMzNTIgNDIzLjIgMzQ0LjggNDE2IDMzNiA0MTZMMzA0IDQxNnpNNDE2IDQzMkw0MTYgNDY0QzQxNiA0NzIuOCA0MjMuMiA0ODAgNDMyIDQ4MEw0NjQgNDgwQzQ3Mi44IDQ4MCA0ODAgNDcyLjggNDgwIDQ2NEw0ODAgNDMyQzQ4MCA0MjMuMiA0NzIuOCA0MTYgNDY0IDQxNkw0MzIgNDE2QzQyMy4yIDQxNiA0MTYgNDIzLjIgNDE2IDQzMnoiLz48L3N2Zz4=);
  --as-icon-pie-chart: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTQ0LjQgMzA0TDM2OC40IDMwNEMzNTAuNyAzMDQgMzM2LjQgMjg5LjcgMzM2LjQgMjcyTDMzNi40IDk2QzMzNi40IDc4LjMgMzUwLjggNjMuOCAzNjguMyA2Ni4xQzQ3NS4zIDgwLjMgNTYwLjEgMTY1LjEgNTc0LjMgMjcyLjFDNTc2LjYgMjg5LjYgNTYyLjEgMzA0IDU0NC40IDMwNHpNMjU0LjYgMTAxLjJDMjcyLjcgOTcuNCAyODguNCAxMTIuMiAyODguNCAxMzAuN0wyODguNCAzMjhDMjg4LjQgMzMzLjYgMjkwLjQgMzM5IDI5My45IDM0My4zTDQyNiA1MDIuN0M0MzcuNyA1MTYuOCA0MzUuMiA1MzguMSA0MTkuMSA1NDYuOEMzODUgNTY1LjQgMzQ1LjkgNTc2IDMwNC40IDU3NkMxNzEuOSA1NzYgNjQuNCA0NjguNSA2NC40IDMzNkM2NC40IDIyMC41IDE0NS45IDEyNC4xIDI1NC42IDEwMS4yek01MDkuOCAzNTJMNTczLjggMzUyQzU5Mi4zIDM1MiA2MDcuMSAzNjcuNyA2MDMuMyAzODUuOEM1OTMuMSA0MzQuMiA1NjguMyA0NzcuMiA1MzMuNyA1MTBDNTIxLjQgNTIxLjcgNTAyLjEgNTE5LjIgNDkxLjMgNTA2LjFMNDA2LjkgNDA0LjRDMzg5LjYgMzgzLjUgNDA0LjUgMzUyIDQzMS41IDM1Mkw1MDkuNyAzNTJ6Ii8+PC9zdmc+);
  --as-icon-sliders: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNOTYgMTI4Qzc4LjMgMTI4IDY0IDE0Mi4zIDY0IDE2MEM2NCAxNzcuNyA3OC4zIDE5MiA5NiAxOTJMMTgyLjcgMTkyQzE5NSAyMjAuMyAyMjMuMiAyNDAgMjU2IDI0MEMyODguOCAyNDAgMzE3IDIyMC4zIDMyOS4zIDE5Mkw1NDQgMTkyQzU2MS43IDE5MiA1NzYgMTc3LjcgNTc2IDE2MEM1NzYgMTQyLjMgNTYxLjcgMTI4IDU0NCAxMjhMMzI5LjMgMTI4QzMxNyA5OS43IDI4OC44IDgwIDI1NiA4MEMyMjMuMiA4MCAxOTUgOTkuNyAxODIuNyAxMjhMOTYgMTI4ek05NiAyODhDNzguMyAyODggNjQgMzAyLjMgNjQgMzIwQzY0IDMzNy43IDc4LjMgMzUyIDk2IDM1MkwzNDIuNyAzNTJDMzU1IDM4MC4zIDM4My4yIDQwMCA0MTYgNDAwQzQ0OC44IDQwMCA0NzcgMzgwLjMgNDg5LjMgMzUyTDU0NCAzNTJDNTYxLjcgMzUyIDU3NiAzMzcuNyA1NzYgMzIwQzU3NiAzMDIuMyA1NjEuNyAyODggNTQ0IDI4OEw0ODkuMyAyODhDNDc3IDI1OS43IDQ0OC44IDI0MCA0MTYgMjQwQzM4My4yIDI0MCAzNTUgMjU5LjcgMzQyLjcgMjg4TDk2IDI4OHpNOTYgNDQ4Qzc4LjMgNDQ4IDY0IDQ2Mi4zIDY0IDQ4MEM2NCA0OTcuNyA3OC4zIDUxMiA5NiA1MTJMMTUwLjcgNTEyQzE2MyA1NDAuMyAxOTEuMiA1NjAgMjI0IDU2MEMyNTYuOCA1NjAgMjg1IDU0MC4zIDI5Ny4zIDUxMkw1NDQgNTEyQzU2MS43IDUxMiA1NzYgNDk3LjcgNTc2IDQ4MEM1NzYgNDYyLjMgNTYxLjcgNDQ4IDU0NCA0NDhMMjk3LjMgNDQ4QzI4NSA0MTkuNyAyNTYuOCA0MDAgMjI0IDQwMEMxOTEuMiA0MDAgMTYzIDQxOS43IDE1MC43IDQ0OEw5NiA0NDh6Ii8+PC9zdmc+);
  --as-icon-envelope-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTEyIDEyOEM4NS41IDEyOCA2NCAxNDkuNSA2NCAxNzZDNjQgMTkxLjEgNzEuMSAyMDUuMyA4My4yIDIxNC40TDI5MS4yIDM3MC40QzMwOC4zIDM4My4yIDMzMS43IDM4My4yIDM0OC44IDM3MC40TDU1Ni44IDIxNC40QzU2OC45IDIwNS4zIDU3NiAxOTEuMSA1NzYgMTc2QzU3NiAxNDkuNSA1NTQuNSAxMjggNTI4IDEyOEwxMTIgMTI4ek02NCAyNjBMNjQgNDQ4QzY0IDQ4My4zIDkyLjcgNTEyIDEyOCA1MTJMNTEyIDUxMkM1NDcuMyA1MTIgNTc2IDQ4My4zIDU3NiA0NDhMNTc2IDI2MEwzNzcuNiA0MDguOEMzNDMuNSA0MzQuNCAyOTYuNSA0MzQuNCAyNjIuNCA0MDguOEw2NCAyNjB6Ii8+PC9zdmc+);
  --as-icon-user: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDMxMkMzODYuMyAzMTIgNDQwIDI1OC4zIDQ0MCAxOTJDNDQwIDEyNS43IDM4Ni4zIDcyIDMyMCA3MkMyNTMuNyA3MiAyMDAgMTI1LjcgMjAwIDE5MkMyMDAgMjU4LjMgMjUzLjcgMzEyIDMyMCAzMTJ6TTI5MC4zIDM2OEMxOTEuOCAzNjggMTEyIDQ0Ny44IDExMiA1NDYuM0MxMTIgNTYyLjcgMTI1LjMgNTc2IDE0MS43IDU3Nkw0OTguMyA1NzZDNTE0LjcgNTc2IDUyOCA1NjIuNyA1MjggNTQ2LjNDNTI4IDQ0Ny44IDQ0OC4yIDM2OCAzNDkuNyAzNjhMMjkwLjMgMzY4eiIvPjwvc3ZnPg==);
  --as-icon-user-tie: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDMxMkMyNTMuNyAzMTIgMjAwIDI1OC4zIDIwMCAxOTJDMjAwIDEyNS43IDI1My43IDcyIDMyMCA3MkMzODYuMyA3MiA0NDAgMTI1LjcgNDQwIDE5MkM0NDAgMjU4LjMgMzg2LjMgMzEyIDMyMCAzMTJ6TTI4OS41IDM2OEwzNTAuNSAzNjhDMzYwLjIgMzY4IDM2OCAzNzUuOCAzNjggMzg1LjVDMzY4IDM4OS43IDM2Ni41IDM5My43IDM2My44IDM5Ni45TDMzNi40IDQyOC45TDM2Ny40IDU0NEwzNjggNTQ0TDQwMi42IDQwNS41QzQwNC44IDM5Ni44IDQxMy43IDM5MS41IDQyMi4xIDM5NC43QzQ4NCA0MTguMyA1MjggNDc4LjMgNTI4IDU0OC41QzUyOCA1NjMuNiA1MTUuNyA1NzUuOSA1MDAuNiA1NzUuOUwxMzkuNCA1NzZDMTI0LjMgNTc2IDExMiA1NjMuNyAxMTIgNTQ4LjZDMTEyIDQ3OC40IDE1NiA0MTguNCAyMTcuOSAzOTQuOEMyMjYuMyAzOTEuNiAyMzUuMiAzOTYuOSAyMzcuNCA0MDUuNkwyNzIgNTQ0LjFMMjcyLjYgNTQ0LjFMMzAzLjYgNDI5TDI3Ni4yIDM5N0MyNzMuNSAzOTMuOCAyNzIgMzg5LjggMjcyIDM4NS42QzI3MiAzNzUuOSAyNzkuOCAzNjguMSAyODkuNSAzNjguMXoiLz48L3N2Zz4=);
  --as-icon-users-cog: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDI4OEMzNzcuNCAyODggNDI0IDI0MS40IDQyNCAxODRDNDI0IDEyNi42IDM3Ny40IDgwIDMyMCA4MEMyNjIuNiA4MCAyMTYgMTI2LjYgMjE2IDE4NEMyMTYgMjQxLjQgMjYyLjYgMjg4IDMyMCAyODh6TTk2IDI5NkMxMzUuOCAyOTYgMTY4IDI2My44IDE2OCAyMjRDMTY4IDE4NC4yIDEzNS44IDE1MiA5NiAxNTJDNTYuMiAxNTIgMjQgMTg0LjIgMjQgMjI0QzI0IDI2My44IDU2LjIgMjk2IDk2IDI5NnpNMCA0ODBMMCA1MTJDMCA1MjkuNyAxNC4zIDU0NCAzMiA1NDRMMTE4LjcgNTQ0QzExNC40IDUzNC4yIDExMiA1MjMuNCAxMTIgNTEyTDExMiA0OTZDMTEyIDQ0Mi44IDEzMiAzOTQuMiAxNjQuOSAzNTcuNEMxNTMuMiAzNTMuOSAxNDAuOCAzNTIgMTI4IDM1MkM1Ny4zIDM1MiAwIDQwOS4zIDAgNDgwek02MTYgMjI0QzYxNiAxODQuMiA1ODMuOCAxNTIgNTQ0IDE1MkM1MDQuMiAxNTIgNDcyIDE4NC4yIDQ3MiAyMjRDNDcyIDI2My44IDUwNC4yIDI5NiA1NDQgMjk2QzU4My44IDI5NiA2MTYgMjYzLjggNjE2IDIyNHpNMTYwIDQ5NkwxNjAgNTEyQzE2MCA1MjkuNyAxNzQuMyA1NDQgMTkyIDU0NEwzNDguOCA1NDRDMzQxLjcgNTIyLjQgMzQyLjUgNDk5LjYgMzU5LjUgNDgwQzM0NS41IDQ2My44IDMzOSA0NDAuMyAzNDguMSA0MTYuN0MzNTQuNyAzOTkuNiAzNjQgMzgzLjYgMzc1LjUgMzY5LjRDMzgwLjkgMzYyLjggMzg3LjEgMzU3LjcgMzkzLjggMzU0QzM3MS43IDM0Mi41IDM0Ni42IDMzNiAzMjAgMzM2QzIzMS42IDMzNiAxNjAgNDA3LjYgMTYwIDQ5NnpNNjI0LjYgNDUxLjlDNjMwLjkgNDQ4LjMgNjM0LjEgNDQwLjggNjMxLjQgNDMzLjlDNjI2LjYgNDIxLjUgNjE5LjkgNDA5LjggNjExLjUgMzk5LjVDNjA2LjkgMzkzLjggNTk4LjggMzkyLjggNTkyLjUgMzk2LjVDNTcwLjcgNDA5LjEgNTQzLjkgMzkzLjcgNTQzLjkgMzY4LjRDNTQzLjkgMzYxLjEgNTM5IDM1NC42IDUzMS44IDM1My41QzUxOC45IDM1MS41IDUwNSAzNTEuNSA0OTIuMSAzNTMuNUM0ODQuOSAzNTQuNiA0ODAgMzYxLjEgNDgwIDM2OC40QzQ4MCAzOTMuNiA0NTMuMiA0MDkuMSA0MzEuNCAzOTYuNUM0MjUuMSAzOTIuOSA0MTcgMzkzLjkgNDEyLjQgMzk5LjVDNDA0IDQwOS44IDM5Ny4zIDQyMS41IDM5Mi41IDQzMy45QzM4OS45IDQ0MC43IDM5MyA0NDguMiAzOTkuMyA0NTEuOEM0MjEuMiA0NjQuNCA0MjEuMiA0OTUuMyAzOTkuMyA1MDhDMzkzIDUxMS42IDM4OS44IDUxOS4xIDM5Mi41IDUyNS45QzM5Ny4zIDUzOC4zIDQwNCA1NTAgNDEyLjQgNTYwLjNDNDE3IDU2NiA0MjUuMSA1NjcgNDMxLjQgNTYzLjNDNDUzLjIgNTUwLjcgNDgwIDU2Ni4yIDQ4MCA1OTEuNEM0ODAgNTk4LjcgNDg0LjkgNjA1LjIgNDkyLjEgNjA2LjNDNTA1IDYwOC4zIDUxOC45IDYwOC4zIDUzMS44IDYwNi4zQzUzOSA2MDUuMiA1NDMuOSA1OTguNyA1NDMuOSA1OTEuNEM1NDMuOSA1NjYuMiA1NzAuNyA1NTAuNyA1OTIuNSA1NjMuM0M1OTguOCA1NjYuOSA2MDYuOSA1NjUuOSA2MTEuNSA1NjAuM0M2MTkuOSA1NTAgNjI2LjYgNTM4LjMgNjMxLjQgNTI1LjlDNjM0IDUxOS4xIDYzMC45IDUxMS42IDYyNC42IDUwOEM2MDIuNyA0OTUuNCA2MDIuNyA0NjQuNSA2MjQuNiA0NTEuOHpNNDcyIDQ4MEM0NzIgNDU3LjkgNDg5LjkgNDQwIDUxMiA0NDBDNTM0LjEgNDQwIDU1MiA0NTcuOSA1NTIgNDgwQzU1MiA1MDIuMSA1MzQuMSA1MjAgNTEyIDUyMEM0ODkuOSA1MjAgNDcyIDUwMi4xIDQ3MiA0ODB6Ii8+PC9zdmc+);
  --as-icon-users: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDgwQzM3Ny40IDgwIDQyNCAxMjYuNiA0MjQgMTg0QzQyNCAyNDEuNCAzNzcuNCAyODggMzIwIDI4OEMyNjIuNiAyODggMjE2IDI0MS40IDIxNiAxODRDMjE2IDEyNi42IDI2Mi42IDgwIDMyMCA4MHpNOTYgMTUyQzEzNS44IDE1MiAxNjggMTg0LjIgMTY4IDIyNEMxNjggMjYzLjggMTM1LjggMjk2IDk2IDI5NkM1Ni4yIDI5NiAyNCAyNjMuOCAyNCAyMjRDMjQgMTg0LjIgNTYuMiAxNTIgOTYgMTUyek0wIDQ4MEMwIDQwOS4zIDU3LjMgMzUyIDEyOCAzNTJDMTQwLjggMzUyIDE1My4yIDM1My45IDE2NC45IDM1Ny40QzEzMiAzOTQuMiAxMTIgNDQyLjggMTEyIDQ5NkwxMTIgNTEyQzExMiA1MjMuNCAxMTQuNCA1MzQuMiAxMTguNyA1NDRMMzIgNTQ0QzE0LjMgNTQ0IDAgNTI5LjcgMCA1MTJMMCA0ODB6TTUyMS4zIDU0NEM1MjUuNiA1MzQuMiA1MjggNTIzLjQgNTI4IDUxMkw1MjggNDk2QzUyOCA0NDIuOCA1MDggMzk0LjIgNDc1LjEgMzU3LjRDNDg2LjggMzUzLjkgNDk5LjIgMzUyIDUxMiAzNTJDNTgyLjcgMzUyIDY0MCA0MDkuMyA2NDAgNDgwTDY0MCA1MTJDNjQwIDUyOS43IDYyNS43IDU0NCA2MDggNTQ0TDUyMS4zIDU0NHpNNDcyIDIyNEM0NzIgMTg0LjIgNTA0LjIgMTUyIDU0NCAxNTJDNTgzLjggMTUyIDYxNiAxODQuMiA2MTYgMjI0QzYxNiAyNjMuOCA1ODMuOCAyOTYgNTQ0IDI5NkM1MDQuMiAyOTYgNDcyIDI2My44IDQ3MiAyMjR6TTE2MCA0OTZDMTYwIDQwNy42IDIzMS42IDMzNiAzMjAgMzM2QzQwOC40IDMzNiA0ODAgNDA3LjYgNDgwIDQ5Nkw0ODAgNTEyQzQ4MCA1MjkuNyA0NjUuNyA1NDQgNDQ4IDU0NEwxOTIgNTQ0QzE3NC4zIDU0NCAxNjAgNTI5LjcgMTYwIDUxMkwxNjAgNDk2eiIvPjwvc3ZnPg==);
  --as-icon-plus: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzUyIDEyOEMzNTIgMTEwLjMgMzM3LjcgOTYgMzIwIDk2QzMwMi4zIDk2IDI4OCAxMTAuMyAyODggMTI4TDI4OCAyODhMMTI4IDI4OEMxMTAuMyAyODggOTYgMzAyLjMgOTYgMzIwQzk2IDMzNy43IDExMC4zIDM1MiAxMjggMzUyTDI4OCAzNTJMMjg4IDUxMkMyODggNTI5LjcgMzAyLjMgNTQ0IDMyMCA1NDRDMzM3LjcgNTQ0IDM1MiA1MjkuNyAzNTIgNTEyTDM1MiAzNTJMNTEyIDM1MkM1MjkuNyAzNTIgNTQ0IDMzNy43IDU0NCAzMjBDNTQ0IDMwMi4zIDUyOS43IDI4OCA1MTIgMjg4TDM1MiAyODhMMzUyIDEyOHoiLz48L3N2Zz4=);
  --as-icon-plus-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDU3NkM0NjEuNCA1NzYgNTc2IDQ2MS40IDU3NiAzMjBDNTc2IDE3OC42IDQ2MS40IDY0IDMyMCA2NEMxNzguNiA2NCA2NCAxNzguNiA2NCAzMjBDNjQgNDYxLjQgMTc4LjYgNTc2IDMyMCA1NzZ6TTI5NiA0MDhMMjk2IDM0NEwyMzIgMzQ0QzIxOC43IDM0NCAyMDggMzMzLjMgMjA4IDMyMEMyMDggMzA2LjcgMjE4LjcgMjk2IDIzMiAyOTZMMjk2IDI5NkwyOTYgMjMyQzI5NiAyMTguNyAzMDYuNyAyMDggMzIwIDIwOEMzMzMuMyAyMDggMzQ0IDIxOC43IDM0NCAyMzJMMzQ0IDI5Nkw0MDggMjk2QzQyMS4zIDI5NiA0MzIgMzA2LjcgNDMyIDMyMEM0MzIgMzMzLjMgNDIxLjMgMzQ0IDQwOCAzNDRMMzQ0IDM0NEwzNDQgNDA4QzM0NCA0MjEuMyAzMzMuMyA0MzIgMzIwIDQzMkMzMDYuNyA0MzIgMjk2IDQyMS4zIDI5NiA0MDh6Ii8+PC9zdmc+);
  --as-icon-times-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDU3NkM0NjEuNCA1NzYgNTc2IDQ2MS40IDU3NiAzMjBDNTc2IDE3OC42IDQ2MS40IDY0IDMyMCA2NEMxNzguNiA2NCA2NCAxNzguNiA2NCAzMjBDNjQgNDYxLjQgMTc4LjYgNTc2IDMyMCA1NzZ6TTIzMSAyMzFDMjQwLjQgMjIxLjYgMjU1LjYgMjIxLjYgMjY0LjkgMjMxTDMxOS45IDI4NkwzNzQuOSAyMzFDMzg0LjMgMjIxLjYgMzk5LjUgMjIxLjYgNDA4LjggMjMxQzQxOC4xIDI0MC40IDQxOC4yIDI1NS42IDQwOC44IDI2NC45TDM1My44IDMxOS45TDQwOC44IDM3NC45QzQxOC4yIDM4NC4zIDQxOC4yIDM5OS41IDQwOC44IDQwOC44QzM5OS40IDQxOC4xIDM4NC4yIDQxOC4yIDM3NC45IDQwOC44TDMxOS45IDM1My44TDI2NC45IDQwOC44QzI1NS41IDQxOC4yIDI0MC4zIDQxOC4yIDIzMSA0MDguOEMyMjEuNyAzOTkuNCAyMjEuNiAzODQuMiAyMzEgMzc0LjlMMjg2IDMxOS45TDIzMSAyNjQuOUMyMjEuNiAyNTUuNSAyMjEuNiAyNDAuMyAyMzEgMjMxeiIvPjwvc3ZnPg==);
  --as-icon-chevron-double-left: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTA1LjQgMjk3LjRDOTIuOSAzMDkuOSA5Mi45IDMzMC4yIDEwNS40IDM0Mi43TDI2NS40IDUwMi43QzI3Ny45IDUxNS4yIDI5OC4yIDUxNS4yIDMxMC43IDUwMi43QzMyMy4yIDQ5MC4yIDMyMy4yIDQ2OS45IDMxMC43IDQ1Ny40TDE3My4zIDMyMEwzMTAuNiAxODIuNkMzMjMuMSAxNzAuMSAzMjMuMSAxNDkuOCAzMTAuNiAxMzcuM0MyOTguMSAxMjQuOCAyNzcuOCAxMjQuOCAyNjUuMyAxMzcuM0wxMDUuMyAyOTcuM3pNNDU3LjQgMTM3LjRMMjk3LjQgMjk3LjRDMjg0LjkgMzA5LjkgMjg0LjkgMzMwLjIgMjk3LjQgMzQyLjdMNDU3LjQgNTAyLjdDNDY5LjkgNTE1LjIgNDkwLjIgNTE1LjIgNTAyLjcgNTAyLjdDNTE1LjIgNDkwLjIgNTE1LjIgNDY5LjkgNTAyLjcgNDU3LjRMMzY1LjMgMzIwTDUwMi42IDE4Mi42QzUxNS4xIDE3MC4xIDUxNS4xIDE0OS44IDUwMi42IDEzNy4zQzQ5MC4xIDEyNC44IDQ2OS44IDEyNC44IDQ1Ny4zIDEzNy4zeiIvPjwvc3ZnPg==);
  --as-icon-chevron-double-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTM1LjEgMzQyLjZDNTQ3LjYgMzMwLjEgNTQ3LjYgMzA5LjggNTM1LjEgMjk3LjNMMzc1LjEgMTM3LjNDMzYyLjYgMTI0LjggMzQyLjMgMTI0LjggMzI5LjggMTM3LjNDMzE3LjMgMTQ5LjggMzE3LjMgMTcwLjEgMzI5LjggMTgyLjZMNDY3LjIgMzIwTDMyOS45IDQ1Ny40QzMxNy40IDQ2OS45IDMxNy40IDQ5MC4yIDMyOS45IDUwMi43QzM0Mi40IDUxNS4yIDM2Mi43IDUxNS4yIDM3NS4yIDUwMi43TDUzNS4yIDM0Mi43ek0xODMuMSA1MDIuNkwzNDMuMSAzNDIuNkMzNTUuNiAzMzAuMSAzNTUuNiAzMDkuOCAzNDMuMSAyOTcuM0wxODMuMSAxMzcuM0MxNzAuNiAxMjQuOCAxNTAuMyAxMjQuOCAxMzcuOCAxMzcuM0MxMjUuMyAxNDkuOCAxMjUuMyAxNzAuMSAxMzcuOCAxODIuNkwyNzUuMiAzMjBMMTM3LjkgNDU3LjRDMTI1LjQgNDY5LjkgMTI1LjQgNDkwLjIgMTM3LjkgNTAyLjdDMTUwLjQgNTE1LjIgMTcwLjcgNTE1LjIgMTgzLjIgNTAyLjd6Ii8+PC9zdmc+);
  --as-icon-chevron-left: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTY5LjQgMjk3LjRDMTU2LjkgMzA5LjkgMTU2LjkgMzMwLjIgMTY5LjQgMzQyLjdMMzYxLjQgNTM0LjdDMzczLjkgNTQ3LjIgMzk0LjIgNTQ3LjIgNDA2LjcgNTM0LjdDNDE5LjIgNTIyLjIgNDE5LjIgNTAxLjkgNDA2LjcgNDg5LjRMMjM3LjMgMzIwTDQwNi42IDE1MC42QzQxOS4xIDEzOC4xIDQxOS4xIDExNy44IDQwNi42IDEwNS4zQzM5NC4xIDkyLjggMzczLjggOTIuOCAzNjEuMyAxMDUuM0wxNjkuMyAyOTcuM3oiLz48L3N2Zz4=);
  --as-icon-chevron-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDcxLjEgMjk3LjRDNDgzLjYgMzA5LjkgNDgzLjYgMzMwLjIgNDcxLjEgMzQyLjdMMjc5LjEgNTM0LjdDMjY2LjYgNTQ3LjIgMjQ2LjMgNTQ3LjIgMjMzLjggNTM0LjdDMjIxLjMgNTIyLjIgMjIxLjMgNTAxLjkgMjMzLjggNDg5LjRMNDAzLjIgMzIwTDIzMy45IDE1MC42QzIyMS40IDEzOC4xIDIyMS40IDExNy44IDIzMy45IDEwNS4zQzI0Ni40IDkyLjggMjY2LjcgOTIuOCAyNzkuMiAxMDUuM0w0NzEuMiAyOTcuM3oiLz48L3N2Zz4=);
  --as-icon-checkmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTMwLjggMTM0LjFDNTQ1LjEgMTQ0LjUgNTQ4LjMgMTY0LjUgNTM3LjkgMTc4LjhMMjgxLjkgNTMwLjhDMjc2LjQgNTM4LjQgMjY3LjkgNTQzLjEgMjU4LjUgNTQzLjlDMjQ5LjEgNTQ0LjcgMjQwIDU0MS4yIDIzMy40IDUzNC42TDEwNS40IDQwNi42QzkyLjkgMzk0LjEgOTIuOSAzNzMuOCAxMDUuNCAzNjEuM0MxMTcuOSAzNDguOCAxMzguMiAzNDguOCAxNTAuNyAzNjEuM0wyNTIuMiA0NjIuOEw0ODYuMiAxNDEuMUM0OTYuNiAxMjYuOCA1MTYuNiAxMjMuNiA1MzAuOSAxMzR6Ii8+PC9zdmc+);
  --as-icon-checkmark-square-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDgwIDk2QzUxNS4zIDk2IDU0NCAxMjQuNyA1NDQgMTYwTDU0NCA0ODBDNTQ0IDUxNS4zIDUxNS4zIDU0NCA0ODAgNTQ0TDE2MCA1NDRDMTI0LjcgNTQ0IDk2IDUxNS4zIDk2IDQ4MEw5NiAxNjBDOTYgMTI0LjcgMTI0LjcgOTYgMTYwIDk2TDQ4MCA5NnpNNDM4IDIwOS43QzQyNy4zIDIwMS45IDQxMi4zIDIwNC4zIDQwNC41IDIxNUwyODUuMSAzNzkuMkwyMzMgMzI3LjFDMjIzLjYgMzE3LjcgMjA4LjQgMzE3LjcgMTk5LjEgMzI3LjFDMTg5LjggMzM2LjUgMTg5LjcgMzUxLjcgMTk5LjEgMzYxTDI3MS4xIDQzM0MyNzYuMSA0MzggMjgzIDQ0MC41IDI4OS45IDQ0MEMyOTYuOCA0MzkuNSAzMDMuMyA0MzUuOSAzMDcuNCA0MzAuMkw0NDMuMyAyNDMuMkM0NTEuMSAyMzIuNSA0NDguNyAyMTcuNSA0MzggMjA5Ljd6Ii8+PC9zdmc+);
  --as-icon-checkmark-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDU3NkMxNzguNiA1NzYgNjQgNDYxLjQgNjQgMzIwQzY0IDE3OC42IDE3OC42IDY0IDMyMCA2NEM0NjEuNCA2NCA1NzYgMTc4LjYgNTc2IDMyMEM1NzYgNDYxLjQgNDYxLjQgNTc2IDMyMCA1NzZ6TTMyMCAxMTJDMjA1LjEgMTEyIDExMiAyMDUuMSAxMTIgMzIwQzExMiA0MzQuOSAyMDUuMSA1MjggMzIwIDUyOEM0MzQuOSA1MjggNTI4IDQzNC45IDUyOCAzMjBDNTI4IDIwNS4xIDQzNC45IDExMiAzMjAgMTEyek0zOTAuNyAyMzMuOUMzOTguNSAyMjMuMiA0MTMuNSAyMjAuOCA0MjQuMiAyMjguNkM0MzQuOSAyMzYuNCA0MzcuMyAyNTEuNCA0MjkuNSAyNjIuMUwzMDcuNCA0MzAuMUMzMDMuMyA0MzUuOCAyOTYuOSA0MzkuNCAyODkuOSA0MzkuOUMyODIuOSA0NDAuNCAyNzYgNDM3LjkgMjcxLjEgNDMzTDIxNS4yIDM3Ny4xQzIwNS44IDM2Ny43IDIwNS44IDM1Mi41IDIxNS4yIDM0My4yQzIyNC42IDMzMy45IDIzOS44IDMzMy44IDI0OS4xIDM0My4yTDI4NS4xIDM3OS4yTDM5MC43IDIzNHoiLz48L3N2Zz4=);
  --as-icon-checkmark-circle-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDU3NkMxNzguNiA1NzYgNjQgNDYxLjQgNjQgMzIwQzY0IDE3OC42IDE3OC42IDY0IDMyMCA2NEM0NjEuNCA2NCA1NzYgMTc4LjYgNTc2IDMyMEM1NzYgNDYxLjQgNDYxLjQgNTc2IDMyMCA1NzZ6TTQzOCAyMDkuN0M0MjcuMyAyMDEuOSA0MTIuMyAyMDQuMyA0MDQuNSAyMTVMMjg1LjEgMzc5LjJMMjMzIDMyNy4xQzIyMy42IDMxNy43IDIwOC40IDMxNy43IDE5OS4xIDMyNy4xQzE4OS44IDMzNi41IDE4OS43IDM1MS43IDE5OS4xIDM2MUwyNzEuMSA0MzNDMjc2LjEgNDM4IDI4Mi45IDQ0MC41IDI4OS45IDQ0MEMyOTYuOSA0MzkuNSAzMDMuMyA0MzUuOSAzMDcuNCA0MzAuMkw0NDMuMyAyNDMuMkM0NTEuMSAyMzIuNSA0NDguNyAyMTcuNSA0MzggMjA5Ljd6Ii8+PC9zdmc+);
  --as-icon-dot: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNjQgMzIwQzY0IDE3OC42IDE3OC42IDY0IDMyMCA2NEM0NjEuNCA2NCA1NzYgMTc4LjYgNTc2IDMyMEM1NzYgNDYxLjQgNDYxLjQgNTc2IDMyMCA1NzZDMTc4LjYgNTc2IDY0IDQ2MS40IDY0IDMyMHoiLz48L3N2Zz4=);
  --as-icon-exclamation: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDQ5NkMzNDIuMSA0OTYgMzYwIDUxMy45IDM2MCA1MzZDMzYwIDU1OC4xIDM0Mi4xIDU3NiAzMjAgNTc2QzI5Ny45IDU3NiAyODAgNTU4LjEgMjgwIDUzNkMyODAgNTEzLjkgMjk3LjkgNDk2IDMyMCA0OTZ6TTMyMCA2NEMzNDYuNSA2NCAzNjggODUuNSAzNjggMTEyQzM2OCAxMTIuNiAzNjggMTEzLjEgMzY4IDExMy43TDM1MiA0MTcuN0MzNTEuMSA0MzQuNyAzMzcgNDQ4IDMyMCA0NDhDMzAzIDQ0OCAyODkgNDM0LjcgMjg4IDQxNy43TDI3MiAxMTMuN0MyNzIgMTEzLjEgMjcyIDExMi42IDI3MiAxMTJDMjcyIDg1LjUgMjkzLjUgNjQgMzIwIDY0eiIvPjwvc3ZnPg==);
  --as-icon-sort-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTYwIDM1MkMxNDcuMSAzNTIgMTM1LjQgMzU5LjggMTMwLjQgMzcxLjhDMTI1LjQgMzgzLjggMTI4LjIgMzk3LjUgMTM3LjQgNDA2LjZMMjk3LjQgNTY2LjZDMzA5LjkgNTc5LjEgMzMwLjIgNTc5LjEgMzQyLjcgNTY2LjZMNTAyLjcgNDA2LjZDNTExLjkgMzk3LjQgNTE0LjYgMzgzLjcgNTA5LjYgMzcxLjdDNTA0LjYgMzU5LjcgNDkyLjkgMzUyIDQ4MCAzNTJMMTYwIDM1MnoiLz48L3N2Zz4=);
  --as-icon-sort-up: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTYwIDI4OEMxNDcuMSAyODggMTM1LjQgMjgwLjIgMTMwLjQgMjY4LjJDMTI1LjQgMjU2LjIgMTI4LjIgMjQyLjUgMTM3LjQgMjMzLjRMMjk3LjQgNzMuNEMzMDkuOSA2MC45IDMzMC4yIDYwLjkgMzQyLjcgNzMuNEw1MDIuNyAyMzMuNEM1MTEuOSAyNDIuNiA1MTQuNiAyNTYuMyA1MDkuNiAyNjguM0M1MDQuNiAyODAuMyA0OTIuOSAyODggNDgwIDI4OEwxNjAgMjg4eiIvPjwvc3ZnPg==);
  --as-icon-arrow-right-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDk2IDE2MEM0OTYgMTUxLjIgNDg4LjggMTQ0IDQ4MCAxNDRMMTYwIDE0NEMxNTEuMiAxNDQgMTQ0IDE1MS4yIDE0NCAxNjBMMTQ0IDQ4MEMxNDQgNDg4LjggMTUxLjIgNDk2IDE2MCA0OTZMNDgwIDQ5NkM0ODguOCA0OTYgNDk2IDQ4OC44IDQ5NiA0ODBMNDk2IDE2MHpNNDgwIDk2QzUxNS4zIDk2IDU0NCAxMjQuNyA1NDQgMTYwTDU0NCA0ODBDNTQ0IDUxNS4zIDUxNS4zIDU0NCA0ODAgNTQ0TDE2MCA1NDRDMTI0LjcgNTQ0IDk2IDUxNS4zIDk2IDQ4MEw5NiAxNjBDOTYgMTI0LjcgMTI0LjcgOTYgMTYwIDk2TDQ4MCA5NnpNNDE2IDMyMEM0MTYgMzI2LjcgNDEzLjIgMzMzIDQwOC4zIDMzNy42TDI5Ni4zIDQ0MS42QzI4OS4zIDQ0OC4xIDI3OS4xIDQ0OS44IDI3MC40IDQ0NkMyNjEuNyA0NDIuMiAyNTYgNDMzLjUgMjU2IDQyNEwyNTYgMjE2QzI1NiAyMDYuNSAyNjEuNyAxOTcuOCAyNzAuNCAxOTRDMjc5LjEgMTkwLjIgMjg5LjMgMTkxLjkgMjk2LjMgMTk4LjRMNDA4LjMgMzAyLjRDNDEzLjIgMzA2LjkgNDE2IDMxMy4zIDQxNiAzMjB6Ii8+PC9zdmc+);
  --as-icon-caret-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzAwLjMgNDQwLjhDMzEyLjkgNDUxIDMzMS40IDQ1MC4zIDM0My4xIDQzOC42TDQ3MS4xIDMxMC42QzQ4MC4zIDMwMS40IDQ4MyAyODcuNyA0NzggMjc1LjdDNDczIDI2My43IDQ2MS40IDI1NiA0NDguNSAyNTZMMTkyLjUgMjU2QzE3OS42IDI1NiAxNjcuOSAyNjMuOCAxNjIuOSAyNzUuOEMxNTcuOSAyODcuOCAxNjAuNyAzMDEuNSAxNjkuOSAzMTAuNkwyOTcuOSA0MzguNkwzMDAuMyA0NDAuOHoiLz48L3N2Zz4=);
  --as-icon-caret-up: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzAwLjMgMTk5LjJDMzEyLjkgMTg4LjkgMzMxLjQgMTg5LjcgMzQzLjEgMjAxLjRMNDcxLjEgMzI5LjRDNDgwLjMgMzM4LjYgNDgzIDM1Mi4zIDQ3OCAzNjQuM0M0NzMgMzc2LjMgNDYxLjQgMzg0IDQ0OC41IDM4NEwxOTIuNSAzODRDMTc5LjYgMzg0IDE2Ny45IDM3Ni4yIDE2Mi45IDM2NC4yQzE1Ny45IDM1Mi4yIDE2MC43IDMzOC41IDE2OS45IDMyOS40TDI5Ny45IDIwMS40TDMwMC4zIDE5OS4yeiIvPjwvc3ZnPg==);
  --as-icon-pen-box: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTM1LjYgODUuN0M1MTMuNyA2My44IDQ3OC4zIDYzLjggNDU2LjQgODUuN0w0MzIgMTEwLjFMNTI5LjkgMjA4TDU1NC4zIDE4My42QzU3Ni4yIDE2MS43IDU3Ni4yIDEyNi4zIDU1NC4zIDEwNC40TDUzNS42IDg1Ljd6TTIzNi40IDMwNS43QzIzMC4zIDMxMS44IDIyNS42IDMxOS4zIDIyMi45IDMyNy42TDE5My4zIDQxNi40QzE5MC40IDQyNSAxOTIuNyA0MzQuNSAxOTkuMSA0NDFDMjA1LjUgNDQ3LjUgMjE1IDQ0OS43IDIyMy43IDQ0Ni44TDMxMi41IDQxNy4yQzMyMC43IDQxNC41IDMyOC4yIDQwOS44IDMzNC40IDQwMy43TDQ5NiAyNDEuOUwzOTguMSAxNDRMMjM2LjQgMzA1Ljd6TTE2MCAxMjhDMTA3IDEyOCA2NCAxNzEgNjQgMjI0TDY0IDQ4MEM2NCA1MzMgMTA3IDU3NiAxNjAgNTc2TDQxNiA1NzZDNDY5IDU3NiA1MTIgNTMzIDUxMiA0ODBMNTEyIDM4NEM1MTIgMzY2LjMgNDk3LjcgMzUyIDQ4MCAzNTJDNDYyLjMgMzUyIDQ0OCAzNjYuMyA0NDggMzg0TDQ0OCA0ODBDNDQ4IDQ5Ny43IDQzMy43IDUxMiA0MTYgNTEyTDE2MCA1MTJDMTQyLjMgNTEyIDEyOCA0OTcuNyAxMjggNDgwTDEyOCAyMjRDMTI4IDIwNi4zIDE0Mi4zIDE5MiAxNjAgMTkyTDI1NiAxOTJDMjczLjcgMTkyIDI4OCAxNzcuNyAyODggMTYwQzI4OCAxNDIuMyAyNzMuNyAxMjggMjU2IDEyOEwxNjAgMTI4eiIvPjwvc3ZnPg==);
  --as-icon-pen: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDE2LjkgODUuMkwzNzIgMTMwLjFMNTA5LjkgMjY4TDU1NC44IDIyMy4xQzU2OC40IDIwOS42IDU3NiAxOTEuMiA1NzYgMTcyQzU3NiAxNTIuOCA1NjguNCAxMzQuNCA1NTQuOCAxMjAuOUw1MTkuMSA4NS4yQzUwNS42IDcxLjYgNDg3LjIgNjQgNDY4IDY0QzQ0OC44IDY0IDQzMC40IDcxLjYgNDE2LjkgODUuMnpNMzM4LjEgMTY0TDEyMi45IDM3OS4xQzExMi4yIDM4OS44IDEwNC40IDQwMy4yIDEwMC4zIDQxNy44TDY0LjkgNTQ1LjZDNjIuNiA1NTMuOSA2NC45IDU2Mi45IDcxLjEgNTY5Qzc3LjMgNTc1LjEgODYuMiA1NzcuNSA5NC41IDU3NS4yTDIyMi4zIDUzOS43QzIzNi45IDUzNS42IDI1MC4yIDUyNy45IDI2MSA1MTcuMUw0NzYgMzAxLjlMMzM4LjEgMTY0eiIvPjwvc3ZnPg==);
  --as-icon-people-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNOTYgMTI4Qzk2IDkyLjcgMTI0LjcgNjQgMTYwIDY0QzE5NS4zIDY0IDIyNCA5Mi43IDIyNCAxMjhDMjI0IDE2My4zIDE5NS4zIDE5MiAxNjAgMTkyQzEyNC43IDE5MiA5NiAxNjMuMyA5NiAxMjh6TTY0IDI4OEM2NCAyNTIuNyA5Mi43IDIyNCAxMjggMjI0TDE5MiAyMjRDMTk1LjIgMjI0IDE5OC40IDIyNC4yIDIwMS41IDIyNC43TDE1Ny4xIDI2OS4xQzEyOSAyOTcuMiAxMjkgMzQyLjggMTU3LjEgMzcwLjlMMjEzLjEgNDI2LjlDMjE2LjUgNDMwLjMgMjIwLjEgNDMzLjMgMjI0IDQzNS45TDIyNCA1MjhDMjI0IDU1NC41IDIwMi41IDU3NiAxNzYgNTc2TDE0NCA1NzZDMTE3LjUgNTc2IDk2IDU1NC41IDk2IDUyOEw5NiA0MDcuNEM3Ni45IDM5Ni40IDY0IDM3NS43IDY0IDM1Mkw2NCAyODh6TTQxNiAxMjhDNDE2IDkyLjcgNDQ0LjcgNjQgNDgwIDY0QzUxNS4zIDY0IDU0NCA5Mi43IDU0NCAxMjhDNTQ0IDE2My4zIDUxNS4zIDE5MiA0ODAgMTkyQzQ0NC43IDE5MiA0MTYgMTYzLjMgNDE2IDEyOHpNNDgyLjkgMjY5LjFMNDM4LjUgMjI0LjdDNDQxLjYgMjI0LjIgNDQ0LjggMjI0IDQ0OCAyMjRMNTEyIDIyNEM1NDcuMyAyMjQgNTc2IDI1Mi43IDU3NiAyODhMNTc2IDM1MkM1NzYgMzc1LjcgNTYzLjEgMzk2LjQgNTQ0IDQwNy40TDU0NCA1MjhDNTQ0IDU1NC41IDUyMi41IDU3NiA0OTYgNTc2TDQ2NCA1NzZDNDM3LjUgNTc2IDQxNiA1NTQuNSA0MTYgNTI4TDQxNiA0MzUuOUM0MTkuOSA0MzMuMyA0MjMuNSA0MzAuMyA0MjYuOSA0MjYuOUw0ODIuOSAzNzAuOUM1MTEgMzQyLjggNTExIDI5Ny4yIDQ4Mi45IDI2OS4xek0zNjYuOCAyNDEuOEMzNzUuOCAyMzguMSAzODYuMSAyNDAuMSAzOTMgMjQ3TDQ0OSAzMDNDNDU4LjQgMzEyLjQgNDU4LjQgMzI3LjYgNDQ5IDMzNi45TDM5MyAzOTIuOUMzODYuMSAzOTkuOCAzNzUuOCA0MDEuOCAzNjYuOCAzOTguMUMzNTcuOCAzOTQuNCAzNTIgMzg1LjcgMzUyIDM3NkwzNTIgMzUyTDI4OCAzNTJMMjg4IDM3NkMyODggMzg1LjcgMjgyLjIgMzk0LjUgMjczLjIgMzk4LjJDMjY0LjIgNDAxLjkgMjUzLjkgMzk5LjkgMjQ3IDM5M0wxOTEgMzM3QzE4MS42IDMyNy42IDE4MS42IDMxMi40IDE5MSAzMDMuMUwyNDcgMjQ3LjFDMjUzLjkgMjQwLjIgMjY0LjIgMjM4LjIgMjczLjIgMjQxLjlDMjgyLjIgMjQ1LjYgMjg4IDI1NC4zIDI4OCAyNjRMMjg4IDI4OEwzNTIgMjg4TDM1MiAyNjRDMzUyIDI1NC4zIDM1Ny44IDI0NS41IDM2Ni44IDI0MS44eiIvPjwvc3ZnPg==);
  --as-icon-paperclip: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjg4LjYgNzYuOEMzNDQuOCAyMC42IDQzNiAyMC42IDQ5Mi4yIDc2LjhDNTQ4LjQgMTMzIDU0OC40IDIyNC4yIDQ5Mi4yIDI4MC40TDMyOC4yIDQ0NC40QzI5My44IDQ3OC44IDIzOC4xIDQ3OC44IDIwMy43IDQ0NC40QzE2OS4zIDQxMCAxNjkuMyAzNTQuMyAyMDMuNyAzMTkuOUwzNTYuNSAxNjcuM0MzNjkgMTU0LjggMzg5LjMgMTU0LjggNDAxLjggMTY3LjNDNDE0LjMgMTc5LjggNDE0LjMgMjAwLjEgNDAxLjggMjEyLjZMMjQ5IDM2NS4zQzIzOS42IDM3NC43IDIzOS42IDM4OS45IDI0OSAzOTkuMkMyNTguNCA0MDguNSAyNzMuNiA0MDguNiAyODIuOSAzOTkuMkw0NDYuOSAyMzUuMkM0NzguMSAyMDQgNDc4LjEgMTUzLjMgNDQ2LjkgMTIyLjFDNDE1LjcgOTAuOSAzNjUgOTAuOSAzMzMuOCAxMjIuMUwxNjkuOCAyODYuMUMxMTYuNyAzMzkuMiAxMTYuNyA0MjUuMyAxNjkuOCA0NzguNEMyMjIuOSA1MzEuNSAzMDkgNTMxLjUgMzYyLjEgNDc4LjRMNDkyLjMgMzQ4LjNDNTA0LjggMzM1LjggNTI1LjEgMzM1LjggNTM3LjYgMzQ4LjNDNTUwLjEgMzYwLjggNTUwLjEgMzgxLjEgNTM3LjYgMzkzLjZMNDA3LjQgNTIzLjZDMzI5LjMgNjAxLjcgMjAyLjcgNjAxLjcgMTI0LjYgNTIzLjZDNDYuNSA0NDUuNSA0Ni41IDMxOC45IDEyNC42IDI0MC44TDI4OC42IDc2Ljh6Ii8+PC9zdmc+);
  --as-icon-newspaper: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNjQgNDgwTDY0IDE4NEM2NCAxNzAuNyA3NC43IDE2MCA4OCAxNjBDMTAxLjMgMTYwIDExMiAxNzAuNyAxMTIgMTg0TDExMiA0NzJDMTEyIDQ4NS4zIDEyMi43IDQ5NiAxMzYgNDk2QzE0OS4zIDQ5NiAxNjAgNDg1LjMgMTYwIDQ3MkwxNjAgMTYwQzE2MCAxMjQuNyAxODguNyA5NiAyMjQgOTZMNTEyIDk2QzU0Ny4zIDk2IDU3NiAxMjQuNyA1NzYgMTYwTDU3NiA0ODBDNTc2IDUxNS4zIDU0Ny4zIDU0NCA1MTIgNTQ0TDEyOCA1NDRDOTIuNyA1NDQgNjQgNTE1LjMgNjQgNDgwek0yMjQgMTkyTDIyNCAyNTZDMjI0IDI3My43IDIzOC4zIDI4OCAyNTYgMjg4TDMyMCAyODhDMzM3LjcgMjg4IDM1MiAyNzMuNyAzNTIgMjU2TDM1MiAxOTJDMzUyIDE3NC4zIDMzNy43IDE2MCAzMjAgMTYwTDI1NiAxNjBDMjM4LjMgMTYwIDIyNCAxNzQuMyAyMjQgMTkyek0yNDggNDMyQzIzNC43IDQzMiAyMjQgNDQyLjcgMjI0IDQ1NkMyMjQgNDY5LjMgMjM0LjcgNDgwIDI0OCA0ODBMNDg4IDQ4MEM1MDEuMyA0ODAgNTEyIDQ2OS4zIDUxMiA0NTZDNTEyIDQ0Mi43IDUwMS4zIDQzMiA0ODggNDMyTDI0OCA0MzJ6TTIyNCAzNjBDMjI0IDM3My4zIDIzNC43IDM4NCAyNDggMzg0TDQ4OCAzODRDNTAxLjMgMzg0IDUxMiAzNzMuMyA1MTIgMzYwQzUxMiAzNDYuNyA1MDEuMyAzMzYgNDg4IDMzNkwyNDggMzM2QzIzNC43IDMzNiAyMjQgMzQ2LjcgMjI0IDM2MHpNNDI0IDI0MEM0MTAuNyAyNDAgNDAwIDI1MC43IDQwMCAyNjRDNDAwIDI3Ny4zIDQxMC43IDI4OCA0MjQgMjg4TDQ4OCAyODhDNTAxLjMgMjg4IDUxMiAyNzcuMyA1MTIgMjY0QzUxMiAyNTAuNyA1MDEuMyAyNDAgNDg4IDI0MEw0MjQgMjQweiIvPjwvc3ZnPg==);
  --as-icon-list-check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTk3LjggMTAwLjNDMjA4LjcgMTA3LjkgMjExLjMgMTIyLjkgMjAzLjcgMTMzLjdMMTQ3LjcgMjEzLjdDMTQzLjYgMjE5LjUgMTM3LjIgMjIzLjIgMTMwLjEgMjIzLjhDMTIzIDIyNC40IDExNiAyMjIgMTExIDIxN0w3MSAxNzdDNjEuNyAxNjcuNiA2MS43IDE1Mi40IDcxIDE0M0M4MC4zIDEzMy42IDk1LjYgMTMzLjcgMTA1IDE0M0wxMjQuOCAxNjIuOEwxNjQuNCAxMDYuMkMxNzIgOTUuMyAxODcgOTIuNyAxOTcuOCAxMDAuM3pNMTk3LjggMjYwLjNDMjA4LjcgMjY3LjkgMjExLjMgMjgyLjkgMjAzLjcgMjkzLjdMMTQ3LjcgMzczLjdDMTQzLjYgMzc5LjUgMTM3LjIgMzgzLjIgMTMwLjEgMzgzLjhDMTIzIDM4NC40IDExNiAzODIgMTExIDM3N0w3MSAzMzdDNjEuNiAzMjcuNiA2MS42IDMxMi40IDcxIDMwMy4xQzgwLjQgMjkzLjggOTUuNiAyOTMuNyAxMDQuOSAzMDMuMUwxMjQuNyAzMjIuOUwxNjQuMyAyNjYuM0MxNzEuOSAyNTUuNCAxODYuOSAyNTIuOCAxOTcuNyAyNjAuNHpNMjg4IDE2MEMyODggMTQyLjMgMzAyLjMgMTI4IDMyMCAxMjhMNTQ0IDEyOEM1NjEuNyAxMjggNTc2IDE0Mi4zIDU3NiAxNjBDNTc2IDE3Ny43IDU2MS43IDE5MiA1NDQgMTkyTDMyMCAxOTJDMzAyLjMgMTkyIDI4OCAxNzcuNyAyODggMTYwek0yODggMzIwQzI4OCAzMDIuMyAzMDIuMyAyODggMzIwIDI4OEw1NDQgMjg4QzU2MS43IDI4OCA1NzYgMzAyLjMgNTc2IDMyMEM1NzYgMzM3LjcgNTYxLjcgMzUyIDU0NCAzNTJMMzIwIDM1MkMzMDIuMyAzNTIgMjg4IDMzNy43IDI4OCAzMjB6TTIyNCA0ODBDMjI0IDQ2Mi4zIDIzOC4zIDQ0OCAyNTYgNDQ4TDU0NCA0NDhDNTYxLjcgNDQ4IDU3NiA0NjIuMyA1NzYgNDgwQzU3NiA0OTcuNyA1NjEuNyA1MTIgNTQ0IDUxMkwyNTYgNTEyQzIzOC4zIDUxMiAyMjQgNDk3LjcgMjI0IDQ4MHpNMTI4IDQ0MEMxNTAuMSA0NDAgMTY4IDQ1Ny45IDE2OCA0ODBDMTY4IDUwMi4xIDE1MC4xIDUyMCAxMjggNTIwQzEwNS45IDUyMCA4OCA1MDIuMSA4OCA0ODBDODggNDU3LjkgMTA1LjkgNDQwIDEyOCA0NDB6Ii8+PC9zdmc+);
  --as-icon-laptop: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTI4IDk2QzkyLjcgOTYgNjQgMTI0LjcgNjQgMTYwTDY0IDQwMEwxMjggNDAwTDEyOCAxNjBMNTEyIDE2MEw1MTIgNDAwTDU3NiA0MDBMNTc2IDE2MEM1NzYgMTI0LjcgNTQ3LjMgOTYgNTEyIDk2TDEyOCA5NnpNMTkuMiA0NDhDOC42IDQ0OCAwIDQ1Ni42IDAgNDY3LjJDMCA1MDkuNiAzNC40IDU0NCA3Ni44IDU0NEw1NjMuMiA1NDRDNjA1LjYgNTQ0IDY0MCA1MDkuNiA2NDAgNDY3LjJDNjQwIDQ1Ni42IDYzMS40IDQ0OCA2MjAuOCA0NDhMMTkuMiA0NDh6Ii8+PC9zdmc+);
  --as-icon-badge: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIgMTYwQzMyIDEyNC43IDYwLjcgOTYgOTYgOTZMNTQ0IDk2QzU3OS4zIDk2IDYwOCAxMjQuNyA2MDggMTYwTDMyIDE2MHpNMzIgMjA4TDYwOCAyMDhMNjA4IDQ4MEM2MDggNTE1LjMgNTc5LjMgNTQ0IDU0NCA1NDRMOTYgNTQ0QzYwLjcgNTQ0IDMyIDUxNS4zIDMyIDQ4MEwzMiAyMDh6TTI3OS4zIDQ4MEMyOTkuNSA0ODAgMzE0LjYgNDYwLjYgMzAxLjcgNDQ1QzI4NyA0MjcuMyAyNjQuOCA0MTYgMjQwIDQxNkwxNzYgNDE2QzE1MS4yIDQxNiAxMjkgNDI3LjMgMTE0LjMgNDQ1QzEwMS40IDQ2MC42IDExNi41IDQ4MCAxMzYuNyA0ODBMMjc5LjIgNDgwek0yMDggMzc2QzIzOC45IDM3NiAyNjQgMzUwLjkgMjY0IDMyMEMyNjQgMjg5LjEgMjM4LjkgMjY0IDIwOCAyNjRDMTc3LjEgMjY0IDE1MiAyODkuMSAxNTIgMzIwQzE1MiAzNTAuOSAxNzcuMSAzNzYgMjA4IDM3NnpNMzkyIDI3MkMzNzguNyAyNzIgMzY4IDI4Mi43IDM2OCAyOTZDMzY4IDMwOS4zIDM3OC43IDMyMCAzOTIgMzIwTDUwNCAzMjBDNTE3LjMgMzIwIDUyOCAzMDkuMyA1MjggMjk2QzUyOCAyODIuNyA1MTcuMyAyNzIgNTA0IDI3MkwzOTIgMjcyek0zOTIgMzY4QzM3OC43IDM2OCAzNjggMzc4LjcgMzY4IDM5MkMzNjggNDA1LjMgMzc4LjcgNDE2IDM5MiA0MTZMNTA0IDQxNkM1MTcuMyA0MTYgNTI4IDQwNS4zIDUyOCAzOTJDNTI4IDM3OC43IDUxNy4zIDM2OCA1MDQgMzY4TDM5MiAzNjh6Ii8+PC9zdmc+);
  --as-icon-at: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDEyOEMyMTQgMTI4IDEyOCAyMTQgMTI4IDMyMEMxMjggNDI2IDIxNCA1MTIgMzIwIDUxMkMzMzcuNyA1MTIgMzUyIDUyNi4zIDM1MiA1NDRDMzUyIDU2MS43IDMzNy43IDU3NiAzMjAgNTc2QzE3OC42IDU3NiA2NCA0NjEuNCA2NCAzMjBDNjQgMTc4LjYgMTc4LjYgNjQgMzIwIDY0QzQ2MS40IDY0IDU3NiAxNzguNiA1NzYgMzIwTDU3NiAzNTJDNTc2IDQwNSA1MzMgNDQ4IDQ4MCA0NDhDNDUwLjcgNDQ4IDQyNC40IDQzNC44IDQwNi44IDQxNC4xQzM4NCA0MzUuMSAzNTMuNSA0NDggMzIwIDQ0OEMyNDkuMyA0NDggMTkyIDM5MC43IDE5MiAzMjBDMTkyIDI0OS4zIDI0OS4zIDE5MiAzMjAgMTkyQzM0Ny45IDE5MiAzNzMuNyAyMDAuOSAzOTQuNyAyMTYuMUM0MDAuNCAyMTEuMSA0MDcuOCAyMDggNDE2IDIwOEM0MzMuNyAyMDggNDQ4IDIyMi4zIDQ0OCAyNDBMNDQ4IDM1MkM0NDggMzY5LjcgNDYyLjMgMzg0IDQ4MCAzODRDNDk3LjcgMzg0IDUxMiAzNjkuNyA1MTIgMzUyTDUxMiAzMjBDNTEyIDIxNCA0MjYgMTI4IDMyMCAxMjh6TTM4NCAzMjBDMzg0IDI4NC43IDM1NS4zIDI1NiAzMjAgMjU2QzI4NC43IDI1NiAyNTYgMjg0LjcgMjU2IDMyMEMyNTYgMzU1LjMgMjg0LjcgMzg0IDMyMCAzODRDMzU1LjMgMzg0IDM4NCAzNTUuMyAzODQgMzIweiIvPjwvc3ZnPg==);
  --as-icon-clock: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTI4IDMyMEM1MjggNDM0LjkgNDM0LjkgNTI4IDMyMCA1MjhDMjA1LjEgNTI4IDExMiA0MzQuOSAxMTIgMzIwQzExMiAyMDUuMSAyMDUuMSAxMTIgMzIwIDExMkM0MzQuOSAxMTIgNTI4IDIwNS4xIDUyOCAzMjB6TTY0IDMyMEM2NCA0NjEuNCAxNzguNiA1NzYgMzIwIDU3NkM0NjEuNCA1NzYgNTc2IDQ2MS40IDU3NiAzMjBDNTc2IDE3OC42IDQ2MS40IDY0IDMyMCA2NEMxNzguNiA2NCA2NCAxNzguNiA2NCAzMjB6TTI5NiAxODRMMjk2IDMyMEMyOTYgMzI4IDMwMCAzMzUuNSAzMDYuNyAzNDBMNDAyLjcgNDA0QzQxMy43IDQxMS40IDQyOC42IDQwOC40IDQzNiAzOTcuM0M0NDMuNCAzODYuMiA0NDAuNCAzNzEuNCA0MjkuMyAzNjRMMzQ0IDMwNy4yTDM0NCAxODRDMzQ0IDE3MC43IDMzMy4zIDE2MCAzMjAgMTYwQzMwNi43IDE2MCAyOTYgMTcwLjcgMjk2IDE4NHoiLz48L3N2Zz4=);
  --as-icon-clock-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDY0QzQ2MS40IDY0IDU3NiAxNzguNiA1NzYgMzIwQzU3NiA0NjEuNCA0NjEuNCA1NzYgMzIwIDU3NkMxNzguNiA1NzYgNjQgNDYxLjQgNjQgMzIwQzY0IDE3OC42IDE3OC42IDY0IDMyMCA2NHpNMjk2IDE4NEwyOTYgMzIwQzI5NiAzMjggMzAwIDMzNS41IDMwNi43IDM0MEw0MDIuNyA0MDRDNDEzLjcgNDExLjQgNDI4LjYgNDA4LjQgNDM2IDM5Ny4zQzQ0My40IDM4Ni4yIDQ0MC40IDM3MS40IDQyOS4zIDM2NEwzNDQgMzA3LjJMMzQ0IDE4NEMzNDQgMTcwLjcgMzMzLjMgMTYwIDMyMCAxNjBDMzA2LjcgMTYwIDI5NiAxNzAuNyAyOTYgMTg0eiIvPjwvc3ZnPg==);
  --as-icon-search: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDgwIDI3MkM0ODAgMzE3LjkgNDY1LjEgMzYwLjMgNDQwIDM5NC43TDU2Ni42IDUyMS40QzU3OS4xIDUzMy45IDU3OS4xIDU1NC4yIDU2Ni42IDU2Ni43QzU1NC4xIDU3OS4yIDUzMy44IDU3OS4yIDUyMS4zIDU2Ni43TDM5NC43IDQ0MEMzNjAuMyA0NjUuMSAzMTcuOSA0ODAgMjcyIDQ4MEMxNTcuMSA0ODAgNjQgMzg2LjkgNjQgMjcyQzY0IDE1Ny4xIDE1Ny4xIDY0IDI3MiA2NEMzODYuOSA2NCA0ODAgMTU3LjEgNDgwIDI3MnpNMjcyIDQxNkMzNTEuNSA0MTYgNDE2IDM1MS41IDQxNiAyNzJDNDE2IDE5Mi41IDM1MS41IDEyOCAyNzIgMTI4QzE5Mi41IDEyOCAxMjggMTkyLjUgMTI4IDI3MkMxMjggMzUxLjUgMTkyLjUgNDE2IDI3MiA0MTZ6Ii8+PC9zdmc+);
  --as-icon-eye-slash: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNzMgMzkuMUM2My42IDI5LjcgNDguNCAyOS43IDM5LjEgMzkuMUMyOS44IDQ4LjUgMjkuNyA2My43IDM5IDczLjFMNTY3IDYwMS4xQzU3Ni40IDYxMC41IDU5MS42IDYxMC41IDYwMC45IDYwMS4xQzYxMC4yIDU5MS43IDYxMC4zIDU3Ni41IDYwMC45IDU2Ny4yTDUwNC41IDQ3MC44QzUwNy4yIDQ2OC40IDUwOS45IDQ2NiA1MTIuNSA0NjMuNkM1NTkuMyA0MjAuMSA1OTAuNiAzNjguMiA2MDUuNSAzMzIuNUM2MDguOCAzMjQuNiA2MDguOCAzMTUuOCA2MDUuNSAzMDcuOUM1OTAuNiAyNzIuMiA1NTkuMyAyMjAuMiA1MTIuNSAxNzYuOEM0NjUuNCAxMzMuMSA0MDAuNyA5Ni4yIDMxOS45IDk2LjJDMjYzLjEgOTYuMiAyMTQuMyAxMTQuNCAxNzMuOSAxNDAuNEw3MyAzOS4xek0yMzYuNSAyMDIuN0MyNjAgMTg1LjkgMjg4LjkgMTc2IDMyMCAxNzZDMzk5LjUgMTc2IDQ2NCAyNDAuNSA0NjQgMzIwQzQ2NCAzNTEuMSA0NTQuMSAzNzkuOSA0MzcuMyA0MDMuNUw0MDIuNiAzNjguOEM0MTUuMyAzNDcuNCA0MTkuNiAzMjEuMSA0MTIuNyAyOTUuMUMzOTkgMjQzLjkgMzQ2LjMgMjEzLjUgMjk1LjEgMjI3LjJDMjg2LjUgMjI5LjUgMjc4LjQgMjMyLjkgMjcxLjEgMjM3LjJMMjM2LjQgMjAyLjV6TTM1Ny4zIDQ1OS4xQzM0NS40IDQ2Mi4zIDMzMi45IDQ2NCAzMjAgNDY0QzI0MC41IDQ2NCAxNzYgMzk5LjUgMTc2IDMyMEMxNzYgMzA3LjEgMTc3LjcgMjk0LjYgMTgwLjkgMjgyLjdMMTAxLjQgMjAzLjJDNjguOCAyNDAgNDYuNCAyNzkgMzQuNSAzMDcuN0MzMS4yIDMxNS42IDMxLjIgMzI0LjQgMzQuNSAzMzIuM0M0OS40IDM2OCA4MC43IDQyMCAxMjcuNSA0NjMuNEMxNzQuNiA1MDcuMSAyMzkuMyA1NDQgMzIwLjEgNTQ0QzM1Ny40IDU0NCAzOTEuMyA1MzYuMSA0MjEuNiA1MjMuNEwzNTcuNCA0NTkuMnoiLz48L3N2Zz4=);
  --as-icon-eye: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDk2QzIzOS4yIDk2IDE3NC41IDEzMi44IDEyNy40IDE3Ni42QzgwLjYgMjIwLjEgNDkuMyAyNzIgMzQuNCAzMDcuN0MzMS4xIDMxNS42IDMxLjEgMzI0LjQgMzQuNCAzMzIuM0M0OS4zIDM2OCA4MC42IDQyMCAxMjcuNCA0NjMuNEMxNzQuNSA1MDcuMSAyMzkuMiA1NDQgMzIwIDU0NEM0MDAuOCA1NDQgNDY1LjUgNTA3LjIgNTEyLjYgNDYzLjRDNTU5LjQgNDE5LjkgNTkwLjcgMzY4IDYwNS42IDMzMi4zQzYwOC45IDMyNC40IDYwOC45IDMxNS42IDYwNS42IDMwNy43QzU5MC43IDI3MiA1NTkuNCAyMjAgNTEyLjYgMTc2LjZDNDY1LjUgMTMyLjkgNDAwLjggOTYgMzIwIDk2ek0xNzYgMzIwQzE3NiAyNDAuNSAyNDAuNSAxNzYgMzIwIDE3NkMzOTkuNSAxNzYgNDY0IDI0MC41IDQ2NCAzMjBDNDY0IDM5OS41IDM5OS41IDQ2NCAzMjAgNDY0QzI0MC41IDQ2NCAxNzYgMzk5LjUgMTc2IDMyMHpNMzIwIDI1NkMzMjAgMjkxLjMgMjkxLjMgMzIwIDI1NiAzMjBDMjQ0LjUgMzIwIDIzMy43IDMxNyAyMjQuMyAzMTEuNkMyMjMuMyAzMjIuNSAyMjQuMiAzMzMuNyAyMjcuMiAzNDQuOEMyNDAuOSAzOTYgMjkzLjYgNDI2LjQgMzQ0LjggNDEyLjdDMzk2IDM5OSA0MjYuNCAzNDYuMyA0MTIuNyAyOTUuMUM0MDAuNSAyNDkuNCAzNTcuMiAyMjAuMyAzMTEuNiAyMjQuM0MzMTYuOSAyMzMuNiAzMjAgMjQ0LjQgMzIwIDI1NnoiLz48L3N2Zz4=);
  --as-icon-copy-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjg4IDY0QzI1Mi43IDY0IDIyNCA5Mi43IDIyNCAxMjhMMjI0IDM4NEMyMjQgNDE5LjMgMjUyLjcgNDQ4IDI4OCA0NDhMNDgwIDQ0OEM1MTUuMyA0NDggNTQ0IDQxOS4zIDU0NCAzODRMNTQ0IDE4My40QzU0NCAxNjYgNTM2LjkgMTQ5LjMgNTI0LjMgMTM3LjJMNDY2LjYgODEuOEM0NTQuNyA3MC40IDQzOC44IDY0IDQyMi4zIDY0TDI4OCA2NHpNMTYwIDE5MkMxMjQuNyAxOTIgOTYgMjIwLjcgOTYgMjU2TDk2IDUxMkM5NiA1NDcuMyAxMjQuNyA1NzYgMTYwIDU3NkwzNTIgNTc2QzM4Ny4zIDU3NiA0MTYgNTQ3LjMgNDE2IDUxMkw0MTYgNDk2TDM1MiA0OTZMMzUyIDUxMkwxNjAgNTEyTDE2MCAyNTZMMTc2IDI1NkwxNzYgMTkyTDE2MCAxOTJ6Ii8+PC9zdmc+);
  --as-icon-clone: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzUyIDUyOEwxMjggNTI4QzExOS4yIDUyOCAxMTIgNTIwLjggMTEyIDUxMkwxMTIgMjg4QzExMiAyNzkuMiAxMTkuMiAyNzIgMTI4IDI3MkwxNzYgMjcyTDE3NiAyMjRMMTI4IDIyNEM5Mi43IDIyNCA2NCAyNTIuNyA2NCAyODhMNjQgNTEyQzY0IDU0Ny4zIDkyLjcgNTc2IDEyOCA1NzZMMzUyIDU3NkMzODcuMyA1NzYgNDE2IDU0Ny4zIDQxNiA1MTJMNDE2IDQ2NEwzNjggNDY0TDM2OCA1MTJDMzY4IDUyMC44IDM2MC44IDUyOCAzNTIgNTI4ek0yODggMzY4QzI3OS4yIDM2OCAyNzIgMzYwLjggMjcyIDM1MkwyNzIgMTI4QzI3MiAxMTkuMiAyNzkuMiAxMTIgMjg4IDExMkw1MTIgMTEyQzUyMC44IDExMiA1MjggMTE5LjIgNTI4IDEyOEw1MjggMzUyQzUyOCAzNjAuOCA1MjAuOCAzNjggNTEyIDM2OEwyODggMzY4ek0yMjQgMzUyQzIyNCAzODcuMyAyNTIuNyA0MTYgMjg4IDQxNkw1MTIgNDE2QzU0Ny4zIDQxNiA1NzYgMzg3LjMgNTc2IDM1Mkw1NzYgMTI4QzU3NiA5Mi43IDU0Ny4zIDY0IDUxMiA2NEwyODggNjRDMjUyLjcgNjQgMjI0IDkyLjcgMjI0IDEyOEwyMjQgMzUyeiIvPjwvc3ZnPg==);
  --as-icon-stopwatch: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjY0LjUgNjRDMjUxLjIgNjQgMjQwLjUgNzQuNyAyNDAuNSA4OEMyNDAuNSAxMDEuMyAyNTEuMiAxMTIgMjY0LjUgMTEyTDI5Ni41IDExMkwyOTYuNSAxMzcuM0MxODguNSAxNDkuMiAxMDQuNSAyNDAuOCAxMDQuNSAzNTJDMTA0LjUgNDcxLjMgMjAxLjIgNTY4IDMyMC41IDU2OEM0MzkuOCA1NjggNTM2LjUgNDcxLjMgNTM2LjUgMzUyQzUzNi41IDMxMi4yIDUyNS43IDI3NC45IDUwNi45IDI0Mi44TDUzNS4xIDIxNC42QzU0Ny42IDIwMi4xIDU0Ny42IDE4MS44IDUzNS4xIDE2OS4zQzUyMi42IDE1Ni44IDUwMi4zIDE1Ni44IDQ4OS44IDE2OS4zTDQ2Ni40IDE5Mi43QzQzMy41IDE2Mi41IDM5MS4yIDE0Mi40IDM0NC40IDEzNy4yTDM0NC40IDExMS45TDM3Ni40IDExMS45QzM4OS43IDExMS45IDQwMC40IDEwMS4yIDQwMC40IDg3LjlDNDAwLjQgNzQuNiAzODkuNyA2My45IDM3Ni40IDYzLjlMMjY0LjQgNjMuOXpNMzQ0LjUgMjQ4TDM0NC41IDM1MkMzNDQuNSAzNjUuMyAzMzMuOCAzNzYgMzIwLjUgMzc2QzMwNy4yIDM3NiAyOTYuNSAzNjUuMyAyOTYuNSAzNTJMMjk2LjUgMjQ4QzI5Ni41IDIzNC43IDMwNy4yIDIyNCAzMjAuNSAyMjRDMzMzLjggMjI0IDM0NC41IDIzNC43IDM0NC41IDI0OHoiLz48L3N2Zz4=);
  --as-icon-dashboard: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNOTYgMTYwQzk2IDEyNC43IDEyNC43IDk2IDE2MCA5Nkw0ODAgOTZDNTE1LjMgOTYgNTQ0IDEyNC43IDU0NCAxNjBMNTQ0IDQ4MEM1NDQgNTE1LjMgNTE1LjMgNTQ0IDQ4MCA1NDRMMTYwIDU0NEMxMjQuNyA1NDQgOTYgNTE1LjMgOTYgNDgwTDk2IDE2MHpNMTYwIDIyNEwxNjAgNDgwTDI4OCA0ODBMMjg4IDIyNEwxNjAgMjI0ek00ODAgMjI0TDM1MiAyMjRMMzUyIDQ4MEw0ODAgNDgwTDQ4MCAyMjR6Ii8+PC9zdmc+);
  --as-icon-trashcan: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjMyLjcgNjkuOUMyMzcuMSA1Ni44IDI0OS4zIDQ4IDI2My4xIDQ4TDM3NyA0OEMzOTAuOCA0OCA0MDMgNTYuOCA0MDcuNCA2OS45TDQxNiA5Nkw1MTIgOTZDNTI5LjcgOTYgNTQ0IDExMC4zIDU0NCAxMjhDNTQ0IDE0NS43IDUyOS43IDE2MCA1MTIgMTYwTDEyOCAxNjBDMTEwLjMgMTYwIDk2IDE0NS43IDk2IDEyOEM5NiAxMTAuMyAxMTAuMyA5NiAxMjggOTZMMjI0IDk2TDIzMi43IDY5Ljl6TTEyOCAyMDhMNTEyIDIwOEw1MTIgNTEyQzUxMiA1NDcuMyA0ODMuMyA1NzYgNDQ4IDU3NkwxOTIgNTc2QzE1Ni43IDU3NiAxMjggNTQ3LjMgMTI4IDUxMkwxMjggMjA4ek0yMTYgMjcyQzIwMi43IDI3MiAxOTIgMjgyLjcgMTkyIDI5NkwxOTIgNDg4QzE5MiA1MDEuMyAyMDIuNyA1MTIgMjE2IDUxMkMyMjkuMyA1MTIgMjQwIDUwMS4zIDI0MCA0ODhMMjQwIDI5NkMyNDAgMjgyLjcgMjI5LjMgMjcyIDIxNiAyNzJ6TTMyMCAyNzJDMzA2LjcgMjcyIDI5NiAyODIuNyAyOTYgMjk2TDI5NiA0ODhDMjk2IDUwMS4zIDMwNi43IDUxMiAzMjAgNTEyQzMzMy4zIDUxMiAzNDQgNTAxLjMgMzQ0IDQ4OEwzNDQgMjk2QzM0NCAyODIuNyAzMzMuMyAyNzIgMzIwIDI3MnpNNDI0IDI3MkM0MTAuNyAyNzIgNDAwIDI4Mi43IDQwMCAyOTZMNDAwIDQ4OEM0MDAgNTAxLjMgNDEwLjcgNTEyIDQyNCA1MTJDNDM3LjMgNTEyIDQ0OCA1MDEuMyA0NDggNDg4TDQ0OCAyOTZDNDQ4IDI4Mi43IDQzNy4zIDI3MiA0MjQgMjcyeiIvPjwvc3ZnPg==);
  --as-icon-arrow-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNTY2LjYgMzQyLjZDNTc5LjEgMzMwLjEgNTc5LjEgMzA5LjggNTY2LjYgMjk3LjNMNDA2LjYgMTM3LjNDMzk0LjEgMTI0LjggMzczLjggMTI0LjggMzYxLjMgMTM3LjNDMzQ4LjggMTQ5LjggMzQ4LjggMTcwLjEgMzYxLjMgMTgyLjZMNDY2LjcgMjg4TDk2IDI4OEM3OC4zIDI4OCA2NCAzMDIuMyA2NCAzMjBDNjQgMzM3LjcgNzguMyAzNTIgOTYgMzUyTDQ2Ni43IDM1MkwzNjEuMyA0NTcuNEMzNDguOCA0NjkuOSAzNDguOCA0OTAuMiAzNjEuMyA1MDIuN0MzNzMuOCA1MTUuMiAzOTQuMSA1MTUuMiA0MDYuNiA1MDIuN0w1NjYuNiAzNDIuN3oiLz48L3N2Zz4=);
  --as-icon-arrows-up-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDcwLjYgNTY2LjZMNTY2LjYgNDcwLjZDNTc1LjggNDYxLjQgNTc4LjUgNDQ3LjcgNTczLjUgNDM1LjdDNTY4LjUgNDIzLjcgNTU2LjkgNDE2IDU0NCA0MTZMNDgwIDQxNkw0ODAgOTZDNDgwIDc4LjMgNDY1LjcgNjQgNDQ4IDY0QzQzMC4zIDY0IDQxNiA3OC4zIDQxNiA5Nkw0MTYgNDE2TDM1MiA0MTZDMzM5LjEgNDE2IDMyNy40IDQyMy44IDMyMi40IDQzNS44QzMxNy40IDQ0Ny44IDMyMC4yIDQ2MS41IDMyOS4zIDQ3MC43TDQyNS4zIDU2Ni43QzQzNy44IDU3OS4yIDQ1OC4xIDU3OS4yIDQ3MC42IDU2Ni43ek0yMTQuNiA3My40QzIwMi4xIDYwLjkgMTgxLjggNjAuOSAxNjkuMyA3My40TDczLjMgMTY5LjRDNjQuMSAxNzguNiA2MS40IDE5Mi4zIDY2LjQgMjA0LjNDNzEuNCAyMTYuMyA4My4xIDIyNCA5NiAyMjRMMTYwIDIyNEwxNjAgNTQ0QzE2MCA1NjEuNyAxNzQuMyA1NzYgMTkyIDU3NkMyMDkuNyA1NzYgMjI0IDU2MS43IDIyNCA1NDRMMjI0IDIyNEwyODggMjI0QzMwMC45IDIyNCAzMTIuNiAyMTYuMiAzMTcuNiAyMDQuMkMzMjIuNiAxOTIuMiAzMTkuOCAxNzguNSAzMTAuNyAxNjkuM0wyMTQuNyA3My4zeiIvPjwvc3ZnPg==);
  --as-icon-arrows-move: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzQyLjYgNzMuNEMzMzAuMSA2MC45IDMwOS44IDYwLjkgMjk3LjMgNzMuNEwyMzMuMyAxMzcuNEMyMjAuOCAxNDkuOSAyMjAuOCAxNzAuMiAyMzMuMyAxODIuN0MyNDUuOCAxOTUuMiAyNjYuMSAxOTUuMiAyNzguNiAxODIuN0wyODggMTczLjNMMjg4IDI4OEwxNzMuMyAyODhMMTgyLjcgMjc4LjZDMTk1LjIgMjY2LjEgMTk1LjIgMjQ1LjggMTgyLjcgMjMzLjNDMTcwLjIgMjIwLjggMTQ5LjkgMjIwLjggMTM3LjQgMjMzLjNMNzMuNCAyOTcuM0M2MC45IDMwOS44IDYwLjkgMzMwLjEgNzMuNCAzNDIuNkwxMzcuNCA0MDYuNkMxNDkuOSA0MTkuMSAxNzAuMiA0MTkuMSAxODIuNyA0MDYuNkMxOTUuMiAzOTQuMSAxOTUuMiAzNzMuOCAxODIuNyAzNjEuM0wxNzMuMyAzNTEuOUwyODggMzUxLjlMMjg4IDQ2Ni42TDI3OC42IDQ1Ny4yQzI2Ni4xIDQ0NC43IDI0NS44IDQ0NC43IDIzMy4zIDQ1Ny4yQzIyMC44IDQ2OS43IDIyMC44IDQ5MCAyMzMuMyA1MDIuNUwyOTcuMyA1NjYuNUMzMDkuOCA1NzkgMzMwLjEgNTc5IDM0Mi42IDU2Ni41TDQwNi42IDUwMi41QzQxOS4xIDQ5MCA0MTkuMSA0NjkuNyA0MDYuNiA0NTcuMkMzOTQuMSA0NDQuNyAzNzMuOCA0NDQuNyAzNjEuMyA0NTcuMkwzNTEuOSA0NjYuNkwzNTEuOSAzNTEuOUw0NjYuNiAzNTEuOUw0NTcuMiAzNjEuM0M0NDQuNyAzNzMuOCA0NDQuNyAzOTQuMSA0NTcuMiA0MDYuNkM0NjkuNyA0MTkuMSA0OTAgNDE5LjEgNTAyLjUgNDA2LjZMNTY2LjUgMzQyLjZDNTc5IDMzMC4xIDU3OSAzMDkuOCA1NjYuNSAyOTcuM0w1MDIuNSAyMzMuM0M0OTAgMjIwLjggNDY5LjcgMjIwLjggNDU3LjIgMjMzLjNDNDQ0LjcgMjQ1LjggNDQ0LjcgMjY2LjEgNDU3LjIgMjc4LjZMNDY2LjYgMjg4TDM1MS45IDI4OEwzNTEuOSAxNzMuM0wzNjEuMyAxODIuN0MzNzMuOCAxOTUuMiAzOTQuMSAxOTUuMiA0MDYuNiAxODIuN0M0MTkuMSAxNzAuMiA0MTkuMSAxNDkuOSA0MDYuNiAxMzcuNEwzNDIuNiA3My40eiIvPjwvc3ZnPg==);
  --as-icon-enter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDc5LjE1MSIgdmlld0JveD0iMCAwIDUxMiA0NzkuMTUxIj48cGF0aCBkPSJNLTEyMzAuNjI1LDM3NC43NzVsLTE2MC0xNjB2LS4xYTMyLjA0OSwzMi4wNDksMCwwLDEsMC00NS4zbDE2MC0xNjBhMzIuMDQ4LDMyLjA0OCwwLDAsMSw0NS4zLDAsMzIuMDQ4LDMyLjA0OCwwLDAsMSwwLDQ1LjNsLTEwNS40LDEwNS40SC05NTJWLTYzYTMyLDMyLDAsMCwxLDMyLTMyLDMyLDMyLDAsMCwxLDMyLDMyVjE5MmEzMi4wMzIsMzIuMDMyLDAsMCwxLTEuMSw4LjMzNCwzMS45NzEsMzEuOTcxLDAsMCwxLTMwLjkyOSwyMy43NDFoLTM3MC43bDEwNS40LDEwNS40YTMyLjA0OSwzMi4wNDksMCwwLDEsMCw0NS4zLDMxLjkzMiwzMS45MzIsMCwwLDEtMjIuNjUsOS4zNzVBMzEuOTMyLDMxLjkzMiwwLDAsMS0xMjMwLjYyNSwzNzQuNzc1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQwMCA5NSkiLz48L3N2Zz4=);
  --as-icon-escape: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzg0IDY0QzM2Ni4zIDY0IDM1MiA3OC4zIDM1MiA5NkMzNTIgMTEzLjcgMzY2LjMgMTI4IDM4NCAxMjhMNDY2LjcgMTI4TDI2NS4zIDMyOS40QzI1Mi44IDM0MS45IDI1Mi44IDM2Mi4yIDI2NS4zIDM3NC43QzI3Ny44IDM4Ny4yIDI5OC4xIDM4Ny4yIDMxMC42IDM3NC43TDUxMiAxNzMuM0w1MTIgMjU2QzUxMiAyNzMuNyA1MjYuMyAyODggNTQ0IDI4OEM1NjEuNyAyODggNTc2IDI3My43IDU3NiAyNTZMNTc2IDk2QzU3NiA3OC4zIDU2MS43IDY0IDU0NCA2NEwzODQgNjR6TTE0NCAxNjBDOTkuOCAxNjAgNjQgMTk1LjggNjQgMjQwTDY0IDQ5NkM2NCA1NDAuMiA5OS44IDU3NiAxNDQgNTc2TDQwMCA1NzZDNDQ0LjIgNTc2IDQ4MCA1NDAuMiA0ODAgNDk2TDQ4MCA0MTZDNDgwIDM5OC4zIDQ2NS43IDM4NCA0NDggMzg0QzQzMC4zIDM4NCA0MTYgMzk4LjMgNDE2IDQxNkw0MTYgNDk2QzQxNiA1MDQuOCA0MDguOCA1MTIgNDAwIDUxMkwxNDQgNTEyQzEzNS4yIDUxMiAxMjggNTA0LjggMTI4IDQ5NkwxMjggMjQwQzEyOCAyMzEuMiAxMzUuMiAyMjQgMTQ0IDIyNEwyMjQgMjI0QzI0MS43IDIyNCAyNTYgMjA5LjcgMjU2IDE5MkMyNTYgMTc0LjMgMjQxLjcgMTYwIDIyNCAxNjBMMTQ0IDE2MHoiLz48L3N2Zz4=);
  --as-icon-calendar: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjE2IDY0QzIyOS4zIDY0IDI0MCA3NC43IDI0MCA4OEwyNDAgMTI4TDQwMCAxMjhMNDAwIDg4QzQwMCA3NC43IDQxMC43IDY0IDQyNCA2NEM0MzcuMyA2NCA0NDggNzQuNyA0NDggODhMNDQ4IDEyOEw0ODAgMTI4QzUxNS4zIDEyOCA1NDQgMTU2LjcgNTQ0IDE5Mkw1NDQgNDgwQzU0NCA1MTUuMyA1MTUuMyA1NDQgNDgwIDU0NEwxNjAgNTQ0QzEyNC43IDU0NCA5NiA1MTUuMyA5NiA0ODBMOTYgMTkyQzk2IDE1Ni43IDEyNC43IDEyOCAxNjAgMTI4TDE5MiAxMjhMMTkyIDg4QzE5MiA3NC43IDIwMi43IDY0IDIxNiA2NHpNNDgwIDQ5NkM0ODguOCA0OTYgNDk2IDQ4OC44IDQ5NiA0ODBMNDk2IDQxNkw0MDggNDE2TDQwOCA0OTZMNDgwIDQ5NnpNNDk2IDM2OEw0OTYgMjg4TDQwOCAyODhMNDA4IDM2OEw0OTYgMzY4ek0zNjAgMzY4TDM2MCAyODhMMjgwIDI4OEwyODAgMzY4TDM2MCAzNjh6TTIzMiAzNjhMMjMyIDI4OEwxNDQgMjg4TDE0NCAzNjhMMjMyIDM2OHpNMTQ0IDQxNkwxNDQgNDgwQzE0NCA0ODguOCAxNTEuMiA0OTYgMTYwIDQ5NkwyMzIgNDk2TDIzMiA0MTZMMTQ0IDQxNnpNMjgwIDQxNkwyODAgNDk2TDM2MCA0OTZMMzYwIDQxNkwyODAgNDE2ek0yMTYgMTc2TDE2MCAxNzZDMTUxLjIgMTc2IDE0NCAxODMuMiAxNDQgMTkyTDE0NCAyNDBMNDk2IDI0MEw0OTYgMTkyQzQ5NiAxODMuMiA0ODguOCAxNzYgNDgwIDE3NkwyMTYgMTc2eiIvPjwvc3ZnPg==);
  --as-icon-dots: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjYiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCAyNjYgNzQiPjxwYXRoIGQ9Ik0xOTIsMzdhMzcsMzcsMCwxLDEsMzcsMzdBMzcsMzcsMCwwLDEsMTkyLDM3Wk05NiwzN2EzNywzNywwLDEsMSwzNywzN0EzNywzNywwLDAsMSw5NiwzN1pNMCwzN0EzNywzNywwLDEsMSwzNyw3NCwzNywzNywwLDAsMSwwLDM3WiIvPjwvc3ZnPg==);
  --as-icon-md: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+PHBhdGggZD0iTTY0LDUxMkE2NC4wNTksNjQuMDU5LDAsMCwxLDAsNDQ4VjY0QTY0LjA1OSw2NC4wNTksMCwwLDEsNjQsMEgyMjkuNWE2My43ODYsNjMuNzg2LDAsMCwxLDQ1LjIsMTguN2w5MC42LDkwLjVBNjQuMDI2LDY0LjAyNiwwLDAsMSwzODQsMTU0LjVWNDQ4YTY0LjA1OSw2NC4wNTksMCwwLDEtNjQsNjRaTTQ4LDY0VjQ0OGExNi4wNDcsMTYuMDQ3LDAsMCwwLDE2LDE2SDMyMGExNi4wNDcsMTYuMDQ3LDAsMCwwLDE2LTE2VjE2MEgyNTZhMzEuOTY2LDMxLjk2NiwwLDAsMS0zMi0zMlY0OEg2NEExNi4wNDcsMTYuMDQ3LDAsMCwwLDQ4LDY0Wk0yMTAuMTIsNDIzVjMzNy4zMkgyNDcuMDhhNDQuMTMyLDQ0LjEzMiwwLDAsMSwxNS40MjEsMi42NCwzMy40NzgsMzMuNDc4LDAsMCwxLDEyLjM2LDcuOTIsMzYuNTYsMzYuNTYsMCwwLDEsOC4xNiwxMy4yLDUzLjQxMyw1My40MTMsMCwwLDEsMi45MzksMTguNiw1OS4zODMsNTkuMzgzLDAsMCwxLTIuNCwxNy4yOCwzOC4wMzQsMzguMDM0LDAsMCwxLTcuMjYsMTMuNjgsMzQuMDIsMzQuMDIsMCwwLDEtMTIuMTIsOS4wNTksNDEsNDEsMCwwLDEtMTcuMSwzLjNabTE4Ljg0LTE1Ljg0aDE2LjhhMjQuMiwyNC4yLDAsMCwwLDcuOTItMS4zMiwxNy40MzcsMTcuNDM3LDAsMCwwLDYuODQtNC4zNzksMjIuMDE3LDIyLjAxNywwLDAsMCw0LjgtNy45OCwzNS4xMTIsMzUuMTEyLDAsMCwwLDEuOC0xMiw0OS45Nyw0OS45NywwLDAsMC0xLjI2LTExLjcsMjMuMzQ2LDIzLjM0NiwwLDAsMC00LjE0LTguOTQxLDE4LjM2NiwxOC4zNjYsMCwwLDAtNy42Mi01LjcsMzAuNDEzLDMwLjQxMywwLDAsMC0xMS43LTEuOThIMjI4Ljk2Wk0xNzUuOTIsNDIzVjM2Mi4yOGgtLjI0bC0yMSw2MC43MkgxNDAuMTZsLTIxLTYwLjEyaC0uMjRWNDIzSDEwMS4yOFYzMzcuMzJIMTI3LjhsMjAuMDQsNTguOTJoLjIzOWwxOC45Ni01OC45MmgyNi41MlY0MjNaIi8+PC9zdmc+);
  --as-icon-csv: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+PHBhdGggZD0iTTY0LDUxMkE2NC4wNTksNjQuMDU5LDAsMCwxLDAsNDQ4VjY0QTY0LjA1OSw2NC4wNTksMCwwLDEsNjQsMEgyMjkuNWE2My43ODYsNjMuNzg2LDAsMCwxLDQ1LjIsMTguN2w5MC42LDkwLjVBNjQuMDI2LDY0LjAyNiwwLDAsMSwzODQsMTU0LjVWNDQ4YTY0LjA1OSw2NC4wNTksMCwwLDEtNjQsNjRaTTQ4LDY0VjQ0OGExNi4wNDcsMTYuMDQ3LDAsMCwwLDE2LDE2SDMyMGExNi4wNDcsMTYuMDQ3LDAsMCwwLDE2LTE2VjE2MEgyNTZhMzEuOTY2LDMxLjk2NiwwLDAsMS0zMi0zMlY0OEg2NEExNi4wNDcsMTYuMDQ3LDAsMCwwLDQ4LDY0Wk0xODUuNTQsNDIzLjE4YTM0LjU1MiwzNC41NTIsMCwwLDEtMTEuNzYtNS40NiwyNi45NTksMjYuOTU5LDAsMCwxLTguMS05LjQ4LDI4LjMsMjguMywwLDAsMS0yLjg4LTEzLjY4aDE4LjI0YTE1LjcwOCwxNS43MDgsMCwwLDAsMS41Niw3LjMyLDEzLjYxNiwxMy42MTYsMCwwLDAsNC4xNCw0Ljg2LDE3LjkyLDE3LjkyLDAsMCwwLDYuMDYsMi43NiwyOC42MywyOC42MywwLDAsMCw3LjIuOSwzNy41NDEsMzcuNTQxLDAsMCwwLDUuNC0uNDIsMTguNzcxLDE4Ljc3MSwwLDAsMCw1LjQtMS42MiwxMS43ODksMTEuNzg5LDAsMCwwLDQuMi0zLjMsOC4yODUsOC4yODUsMCwwLDAsMS42OC01LjM0MSw3LjUxOCw3LjUxOCwwLDAsMC0yLjIyLTUuNjM5LDE3LjYsMTcuNiwwLDAsMC01LjgyLTMuNiw1OC4wNDQsNTguMDQ0LDAsMCwwLTguMTU5LTIuNTJxLTQuNTYtMS4wOC05LjI0LTIuNGE4Mi4wMyw4Mi4wMywwLDAsMS05LjM2LTIuOTQsMzIuMTUyLDMyLjE1MiwwLDAsMS04LjE2LTQuNSwyMS4xOTMsMjEuMTkzLDAsMCwxLTUuODE5LTYuOSwyMC45NDYsMjAuOTQ2LDAsMCwxLTIuMjItMTAuMDIxLDIyLjQzMiwyMi40MzIsMCwwLDEsMi44Mi0xMS40NiwyNS41NTEsMjUuNTUxLDAsMCwxLDcuMzgtOC4xLDMyLjE1MiwzMi4xNTIsMCwwLDEsMTAuMzItNC44LDQzLjg4NCw0My44ODQsMCwwLDEsMTEuNTItMS41NjEsNTQuNTEyLDU0LjUxMiwwLDAsMSwxMi45LDEuNSwzMi4xNjUsMzIuMTY1LDAsMCwxLDEwLjk4LDQuODYsMjQuNTg4LDI0LjU4OCwwLDAsMSw3LjYyLDguNTgsMjYuMzE1LDI2LjMxNSwwLDAsMSwyLjgyLDEyLjY2SDIxMy44YTE1LjE1OSwxNS4xNTksMCwwLDAtMS42Mi02LjM2LDEwLjYxMywxMC42MTMsMCwwLDAtMy42Ni0zLjk2LDE1LjQ3NywxNS40NzcsMCwwLDAtNS4yMi0yLjAzOSwzMi4xLDMyLjEsMCwwLDAtNi40Mi0uNiwyMi4xMTYsMjIuMTE2LDAsMCwwLTQuNTYuNDgsMTIuMjA1LDEyLjIwNSwwLDAsMC00LjE0LDEuNjgsMTAuNDI1LDEwLjQyNSwwLDAsMC0zLjA2LDMsOC4wNTgsOC4wNTgsMCwwLDAtMS4yLDQuNTYsNy43LDcuNywwLDAsMCwuOTU5LDQuMDgsOC41NTksOC41NTksMCwwLDAsMy43OCwyLjg4LDQ4LjI4OSw0OC4yODksMCwwLDAsNy44LDIuNjQxcTQuOTgsMS4zMTksMTMuMDIsMy4zNiwyLjQuNDgxLDYuNjYsMS43NGEzMS45NjYsMzEuOTY2LDAsMCwxLDguNDYsNC4wMiwyNS41NDksMjUuNTQ5LDAsMCwxLDcuMjU5LDcuMzhxMy4wNiw0LjYyLDMuMDYsMTEuODJhMjYuMTgzLDI2LjE4MywwLDAsMS0yLjI4LDEwLjkyMSwyMy43MjYsMjMuNzI2LDAsMCwxLTYuNzgsOC43LDMyLjYxNywzMi42MTcsMCwwLDEtMTEuMTYsNS43LDUyLjc2Nyw1Mi43NjcsMCwwLDEtMTUuNDIxLDIuMDM5QTU0LjEyMyw1NC4xMjMsMCwwLDEsMTg1LjU0LDQyMy4xOFpNOTkuOTgsNDIxLjVhMzcuOTI4LDM3LjkyOCwwLDAsMS0xMy4yNi05LjQxOSw0MS43LDQxLjcsMCwwLDEtOC4yOC0xNC4xLDUxLjczNSw1MS43MzUsMCwwLDEtMi44OC0xNy40Niw1My41MjIsNTMuNTIyLDAsMCwxLDIuODgtMTcuODIsNDIuOCw0Mi44LDAsMCwxLDguMjgtMTQuMzQsMzcuODU1LDM3Ljg1NSwwLDAsMSwxMy4yNi05LjYsNDUuOTM3LDQ1LjkzNywwLDAsMSwzMS4wOC0xLjQ0LDM2LjIxOCwzNi4yMTgsMCwwLDEsMTEuMjgxLDUuOTQsMzIuMTE4LDMyLjExOCwwLDAsMSw4LjIyLDkuNjYsMzQuNTM0LDM0LjUzNCwwLDAsMSw0LjA4LDEzLjJIMTM2LjRhMTUuNCwxNS40LDAsMCwwLTIuMTYtNS45NCwxOC45NDMsMTguOTQzLDAsMCwwLTQuMi00Ljc0LDE5LjM3MSwxOS4zNzEsMCwwLDAtNS43LTMuMTgsMTkuNiwxOS42LDAsMCwwLTYuNjYtMS4xNCwyMS45ODEsMjEuOTgxLDAsMCwwLTEwLjgsMi40NjEsMjAuMzgyLDIwLjM4MiwwLDAsMC03LjIsNi42LDI4LjkwOSwyOC45MDksMCwwLDAtNC4wMiw5LjQyLDQ2LjksNDYuOSwwLDAsMC0xLjI2LDEwLjkyLDQzLjYzNSw0My42MzUsMCwwLDAsMS4yNiwxMC41LDI4LjM3MywyOC4zNzMsMCwwLDAsNC4wMiw5LjE4LDIwLjYsMjAuNiwwLDAsMCw3LjIsNi41MzksMjEuOTgyLDIxLjk4MiwwLDAsMCwxMC44LDIuNDYxcTguNjQsMCwxMy41LTUuMjhUMTM3LjEyLDM5MEgxNTUuMzZhNDMuNTU2LDQzLjU1NiwwLDAsMS0zLjcyLDE0LjUyMSwzNC43NywzNC43NywwLDAsMS03LjkyLDExLjAzOSwzMy42NzEsMzMuNjcxLDAsMCwxLTExLjUyLDYuOTYxLDQyLjIyNiw0Mi4yMjYsMCwwLDEtMTQuNTIsMi40QTQzLjkyNSw0My45MjUsMCwwLDEsOTkuOTgsNDIxLjVabTE2NC43LDEuNS0yNy43Mi04NS42OGgxOS4zMmwxOS4wOCw2MC4yNGguMjM5bDE5LjMyLTYwLjI0aDE5LjQ0TDI4NS45Miw0MjNaIi8+PC9zdmc+);
  --as-icon-xls: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzODQiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+PHBhdGggZD0iTTY0LDUxMkE2NC4wNTksNjQuMDU5LDAsMCwxLDAsNDQ4VjY0QTY0LjA1OSw2NC4wNTksMCwwLDEsNjQsMEgyMjkuNWE2My43ODYsNjMuNzg2LDAsMCwxLDQ1LjIsMTguN2w5MC42LDkwLjVBNjQuMDI2LDY0LjAyNiwwLDAsMSwzODQsMTU0LjVWNDQ4YTY0LjA1OSw2NC4wNTksMCwwLDEtNjQsNjRaTTQ4LDY0VjQ0OGExNi4wNDcsMTYuMDQ3LDAsMCwwLDE2LDE2SDMyMGExNi4wNDcsMTYuMDQ3LDAsMCwwLDE2LTE2VjE2MEgyNTZhMzEuOTY2LDMxLjk2NiwwLDAsMS0zMi0zMlY0OEg2NEExNi4wNDcsMTYuMDQ3LDAsMCwwLDQ4LDY0Wk0yNTQuODIsNDIzLjE4YTM0LjU0NywzNC41NDcsMCwwLDEtMTEuNzU5LTUuNDYsMjYuOTU5LDI2Ljk1OSwwLDAsMS04LjEtOS40OCwyOC4yODgsMjguMjg4LDAsMCwxLTIuODgtMTMuNjhIMjUwLjMyYTE1LjcwOCwxNS43MDgsMCwwLDAsMS41NjEsNy4zMiwxMy42MTYsMTMuNjE2LDAsMCwwLDQuMTQsNC44NiwxNy45MiwxNy45MiwwLDAsMCw2LjA2LDIuNzYsMjguNjI0LDI4LjYyNCwwLDAsMCw3LjIuOSwzNy41NDEsMzcuNTQxLDAsMCwwLDUuNC0uNDIsMTguNzg4LDE4Ljc4OCwwLDAsMCw1LjQtMS42MiwxMS43ODksMTEuNzg5LDAsMCwwLDQuMi0zLjMsOC4yODQsOC4yODQsMCwwLDAsMS42NzktNS4zNDEsNy41MTcsNy41MTcsMCwwLDAtMi4yMTktNS42MzksMTcuNiwxNy42LDAsMCwwLTUuODItMy42LDU4LjA1OCw1OC4wNTgsMCwwLDAtOC4xNi0yLjUycS00LjU1OS0xLjA4LTkuMjM5LTIuNGE4MS45NzUsODEuOTc1LDAsMCwxLTkuMzYtMi45NCwzMi4xNTIsMzIuMTUyLDAsMCwxLTguMTYtNC41LDIxLjIsMjEuMiwwLDAsMS01LjgyLTYuOUEyMC45NTcsMjAuOTU3LDAsMCwxLDIzNC45NiwzNjEuMmEyMi40MzIsMjIuNDMyLDAsMCwxLDIuODItMTEuNDYsMjUuNTUxLDI1LjU1MSwwLDAsMSw3LjM4LTguMSwzMi4xNTIsMzIuMTUyLDAsMCwxLDEwLjMyLTQuOEE0My44NzksNDMuODc5LDAsMCwxLDI2NywzMzUuMjhhNTQuNTE3LDU0LjUxNywwLDAsMSwxMi45LDEuNSwzMi4xNzMsMzIuMTczLDAsMCwxLDEwLjk4LDQuODYsMjQuNTg4LDI0LjU4OCwwLDAsMSw3LjYyLDguNTgsMjYuMzE1LDI2LjMxNSwwLDAsMSwyLjgyLDEyLjY2SDI4My4wOGExNS4xMzMsMTUuMTMzLDAsMCwwLTEuNjItNi4zNiwxMC42LDEwLjYsMCwwLDAtMy42NTktMy45NiwxNS40ODQsMTUuNDg0LDAsMCwwLTUuMjItMi4wMzksMzIuMSwzMi4xLDAsMCwwLTYuNDIxLS42LDIyLjEwNywyMi4xMDcsMCwwLDAtNC41NTkuNDgsMTIuMiwxMi4yLDAsMCwwLTQuMTQsMS42OCwxMC40MjQsMTAuNDI0LDAsMCwwLTMuMDYsMyw4LjA1OSw4LjA1OSwwLDAsMC0xLjIsNC41Niw3LjcsNy43LDAsMCwwLC45Niw0LjA4LDguNTYsOC41NiwwLDAsMCwzLjc4LDIuODgsNDguMjg5LDQ4LjI4OSwwLDAsMCw3LjgsMi42NDFxNC45OCwxLjMxOSwxMy4wMTksMy4zNiwyLjQuNDgxLDYuNjYsMS43NGEzMS45MzksMzEuOTM5LDAsMCwxLDguNDYsNC4wMiwyNS41NjQsMjUuNTY0LDAsMCwxLDcuMjYsNy4zOHEzLjA2LDQuNjIsMy4wNiwxMS44MmEyNi4xODQsMjYuMTg0LDAsMCwxLTIuMjgsMTAuOTIxLDIzLjcyLDIzLjcyLDAsMCwxLTYuNzgxLDguNywzMi42LDMyLjYsMCwwLDEtMTEuMTYsNS43LDUyLjc1Niw1Mi43NTYsMCwwLDEtMTUuNDIsMi4wMzlBNTQuMTM1LDU0LjEzNSwwLDAsMSwyNTQuODIsNDIzLjE4Wm0tODguNS0uMThWMzM3LjMyaDE4Ljg0djY5Ljg0aDQxLjc2VjQyM1ptLTMwLDBMMTE3LjYsMzkzLjM2LDk4LjUyLDQyM0g3Ny40bDI5Ljg4LTQ0Ljg4LTI3LjYtNDAuOGgyMS44NGwxNi44LDI3LjM2LDE3LjQtMjcuMzZoMjAuNjRsLTI3LjQ4LDQwLjkyTDE1OC43Niw0MjNaIi8+PC9zdmc+);
  --as-icon-shutter: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDQ5NiA0OTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6IzlDRUExMzsiIGQ9Ik0xODEuNiwxMzZIMjgwaDcuMkwyMTAuNCw2LjRDMTMxLjIsMTguNCw2NC44LDY0LDI4LjgsMTM2SDE4MS42eiIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOiM4QUQ4MDM7IiBwb2ludHM9IjE4NCwxMzYgMjc5LjIsMTM2IDI4Ny4yLDEzNiAyMTAuNCw2LjQgIi8+DQo8cGF0aCBzdHlsZT0iZmlsbDojNTFDRTAwOyIgZD0iTTMxMy42LDEzNkwzMTMuNiwxMzZsNDEuNiw2OC44VjIwNGwxMi44LDIxLjZMNDQ0LDk2QzM5OC40LDM3LjYsMzMzLjYsMCwyNTQuNCwwDQoJYy00LDAtMTUuMiwwLjgtMTguNCwyLjRMMzEzLjYsMTM2eiIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOiMzNUJBMDQ7IiBwb2ludHM9IjMxMiwxMzIuOCAzMTIsMTMyLjggMzU1LjIsMjA0LjggMzU2LDIwNCAzNjgsMjI1LjYgNDQzLjIsOTguNCAiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM5Q0VBMTM7IiBkPSJNMzM2LjgsMzI3LjJMMzI4LDM0NGgxNTAuNGMxMS4yLTMyLDE3LjYtNjEuNiwxNy42LTk0LjRjMC00OC0xMy42LTkyLjgtMzcuNi0xMzEuMkwzMzYuOCwzMjcuMnoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM4QUQ4MDM7IiBkPSJNMzM2LjgsMzI3LjJMMzI4LDM0NGgxNTAuNGMxMS4yLTMyLDE3LjYtNjAuOCwxNy42LTkzLjYiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM5Q0VBMTM7IiBkPSJNMTQ0LjgsMzAwbC0xNy42LTI5LjZsLTc2LDEyOC44Qzk2LjgsNDU4LjQsMTY4LDQ5NiwyNDgsNDk2YzMuMiwwLDYuNCwwLDguOCwwTDE0NC44LDMwMHoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM4QUQ4MDM7IiBkPSJNNTEuMiwzOTkuMkM5Ni44LDQ1OC40LDE2OCw0OTYsMjQ4LDQ5NmMzLjIsMCw2LjQsMCw4LjgsMGwtMTEyLTE5NiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6IzUxQ0UwMDsiIGQ9Ik0xNjgsMTUySDE3LjZDNi40LDE4NCwwLDIxMy42LDAsMjQ2LjRjMCw0OCwxMy42LDkzLjYsMzYuOCwxMzEuMkwxNjgsMTUyTDE2OCwxNTJ6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojMzVCQTA0OyIgZD0iTTAsMjQ4YzAsNDgsMTMuNiw5MiwzNi44LDEzMC40TDE2OCwxNTJsMCwwIi8+DQo8cGF0aCBzdHlsZT0iZmlsbDojNTFDRTAwOyIgZD0iTTMxNC40LDM2MGgtODUuNkgyMDhsNzQuNCwxMjkuNmM4MC0xMS4yLDE0OC01Ny42LDE4NC44LTEyOS42SDMxNC40eiIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOiMzNUJBMDQ7IiBwb2ludHM9IjMxMiwzNjAgMjI4LjgsMzYwIDIwOCwzNjAgMjgyLjQsNDg5LjYgIi8+DQo8L3N2Zz4=);
  --as-icon-star: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzQxLjUgNDUuMUMzMzcuNCAzNy4xIDMyOS4xIDMyIDMyMC4xIDMyQzMxMS4xIDMyIDMwMi44IDM3LjEgMjk4LjcgNDUuMUwyMjUuMSAxODkuM0w2NS4yIDIxNC43QzU2LjMgMjE2LjEgNDguOSAyMjIuNCA0Ni4xIDIzMUM0My4zIDIzOS42IDQ1LjYgMjQ5IDUxLjkgMjU1LjRMMTY2LjMgMzY5LjlMMTQxLjEgNTI5LjhDMTM5LjcgNTM4LjcgMTQzLjQgNTQ3LjcgMTUwLjcgNTUzQzE1OCA1NTguMyAxNjcuNiA1NTkuMSAxNzUuNyA1NTVMMzIwLjEgNDgxLjZMNDY0LjQgNTU1QzQ3Mi40IDU1OS4xIDQ4Mi4xIDU1OC4zIDQ4OS40IDU1M0M0OTYuNyA1NDcuNyA1MDAuNCA1MzguOCA0OTkgNTI5LjhMNDczLjcgMzY5LjlMNTg4LjEgMjU1LjRDNTk0LjUgMjQ5IDU5Ni43IDIzOS42IDU5My45IDIzMUM1OTEuMSAyMjIuNCA1ODMuOCAyMTYuMSA1NzQuOCAyMTQuN0w0MTUgMTg5LjNMMzQxLjUgNDUuMXoiLz48L3N2Zz4=);
  --as-icon-info: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjcyIDExMkMyNzIgODUuNSAyOTMuNSA2NCAzMjAgNjRDMzQ2LjUgNjQgMzY4IDg1LjUgMzY4IDExMkMzNjggMTM4LjUgMzQ2LjUgMTYwIDMyMCAxNjBDMjkzLjUgMTYwIDI3MiAxMzguNSAyNzIgMTEyek0yMjQgMjU2QzIyNCAyMzguMyAyMzguMyAyMjQgMjU2IDIyNEwzMjAgMjI0QzMzNy43IDIyNCAzNTIgMjM4LjMgMzUyIDI1NkwzNTIgNTEyTDM4NCA1MTJDNDAxLjcgNTEyIDQxNiA1MjYuMyA0MTYgNTQ0QzQxNiA1NjEuNyA0MDEuNyA1NzYgMzg0IDU3NkwyNTYgNTc2QzIzOC4zIDU3NiAyMjQgNTYxLjcgMjI0IDU0NEMyMjQgNTI2LjMgMjM4LjMgNTEyIDI1NiA1MTJMMjg4IDUxMkwyODggMjg4TDI1NiAyODhDMjM4LjMgMjg4IDIyNCAyNzMuNyAyMjQgMjU2eiIvPjwvc3ZnPg==);
  --as-icon-comments: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDE2IDIwOEM0MTYgMzA1LjIgMzMwIDM4NCAyMjQgMzg0QzE5Ny4zIDM4NCAxNzEuOSAzNzkgMTQ4LjggMzcwTDY3LjIgNDEzLjJDNTcuOSA0MTguMSA0Ni41IDQxNi40IDM5IDQwOUMzMS41IDQwMS42IDI5LjggMzkwLjEgMzQuOCAzODAuOEw3MC40IDMxMy42QzQ2LjMgMjg0LjIgMzIgMjQ3LjYgMzIgMjA4QzMyIDExMC44IDExOCAzMiAyMjQgMzJDMzMwIDMyIDQxNiAxMTAuOCA0MTYgMjA4ek00MTYgNTc2QzMyMS45IDU3NiAyNDMuNiA1MTMuOSAyMjcuMiA0MzJDMzQ3LjIgNDMwLjUgNDUxLjUgMzQ1LjEgNDYzIDIyOS4zQzU0Ni4zIDI0OC41IDYwOCAzMTcuNiA2MDggNDAwQzYwOCA0MzkuNiA1OTMuNyA0NzYuMiA1NjkuNiA1MDUuNkw2MDUuMiA1NzIuOEM2MTAuMSA1ODIuMSA2MDguNCA1OTMuNSA2MDEgNjAxQzU5My42IDYwOC41IDU4Mi4xIDYxMC4yIDU3Mi44IDYwNS4yTDQ5MS4yIDU2MkM0NjguMSA1NzEgNDQyLjcgNTc2IDQxNiA1NzZ6Ii8+PC9zdmc+);
  --as-icon-message: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNjQgNDE2TDY0IDE5MkM2NCAxMzkgMTA3IDk2IDE2MCA5Nkw0ODAgOTZDNTMzIDk2IDU3NiAxMzkgNTc2IDE5Mkw1NzYgNDE2QzU3NiA0NjkgNTMzIDUxMiA0ODAgNTEyTDM2MCA1MTJDMzU0LjggNTEyIDM0OS44IDUxMy43IDM0NS42IDUxNi44TDIzMC40IDYwMy4yQzIyNi4yIDYwNi4zIDIyMS4yIDYwOCAyMTYgNjA4QzIwMi43IDYwOCAxOTIgNTk3LjMgMTkyIDU4NEwxOTIgNTEyTDE2MCA1MTJDMTA3IDUxMiA2NCA0NjkgNjQgNDE2eiIvPjwvc3ZnPg==);
  --as-icon-filter: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNOTYgMTI4QzgzLjEgMTI4IDcxLjQgMTM1LjggNjYuNCAxNDcuOEM2MS40IDE1OS44IDY0LjIgMTczLjUgNzMuNCAxODIuNkwyNTYgMzY1LjNMMjU2IDQ4MEMyNTYgNDg4LjUgMjU5LjQgNDk2LjYgMjY1LjQgNTAyLjZMMzI5LjQgNTY2LjZDMzM4LjYgNTc1LjggMzUyLjMgNTc4LjUgMzY0LjMgNTczLjVDMzc2LjMgNTY4LjUgMzg0IDU1Ni45IDM4NCA1NDRMMzg0IDM2NS4zTDU2Ni42IDE4Mi43QzU3NS44IDE3My41IDU3OC41IDE1OS44IDU3My41IDE0Ny44QzU2OC41IDEzNS44IDU1Ni45IDEyOCA1NDQgMTI4TDk2IDEyOHoiLz48L3N2Zz4=);
  --as-icon-inbox: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTU1LjggOTZDMTIzLjkgOTYgOTYuOSAxMTkuNCA5Mi40IDE1MC45TDY0LjYgMzQ1LjJDNjQuMiAzNDguMiA2NCAzNTEuMiA2NCAzNTQuM0w2NCA0ODBDNjQgNTE1LjMgOTIuNyA1NDQgMTI4IDU0NEw1MTIgNTQ0QzU0Ny4zIDU0NCA1NzYgNTE1LjMgNTc2IDQ4MEw1NzYgMzU0LjNDNTc2IDM1MS4zIDU3NS44IDM0OC4yIDU3NS40IDM0NS4yTDU0Ny42IDE1MC45QzU0My4xIDExOS40IDUxNi4xIDk2IDQ4NC4yIDk2TDE1NS44IDk2ek0xNTUuOCAxNjBMNDg0LjMgMTYwTDUxMS43IDM1Mkw0NTEuOCAzNTJDNDM5LjcgMzUyIDQyOC42IDM1OC44IDQyMy4yIDM2OS43TDQwOC45IDM5OC4zQzQwMy41IDQwOS4xIDM5Mi40IDQxNiAzODAuMyA0MTZMMjU5LjkgNDE2QzI0Ny44IDQxNiAyMzYuNyA0MDkuMiAyMzEuMyAzOTguM0wyMTcgMzY5LjdDMjExLjYgMzU4LjkgMjAwLjUgMzUyIDE4OC40IDM1MkwxMjguMyAzNTJMMTU1LjggMTYweiIvPjwvc3ZnPg==);
  --as-icon-id-card: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIgMTYwQzMyIDEyNC43IDYwLjcgOTYgOTYgOTZMNTQ0IDk2QzU3OS4zIDk2IDYwOCAxMjQuNyA2MDggMTYwTDMyIDE2MHpNMzIgMjA4TDYwOCAyMDhMNjA4IDQ4MEM2MDggNTE1LjMgNTc5LjMgNTQ0IDU0NCA1NDRMOTYgNTQ0QzYwLjcgNTQ0IDMyIDUxNS4zIDMyIDQ4MEwzMiAyMDh6TTI3OS4zIDQ4MEMyOTkuNSA0ODAgMzE0LjYgNDYwLjYgMzAxLjcgNDQ1QzI4NyA0MjcuMyAyNjQuOCA0MTYgMjQwIDQxNkwxNzYgNDE2QzE1MS4yIDQxNiAxMjkgNDI3LjMgMTE0LjMgNDQ1QzEwMS40IDQ2MC42IDExNi41IDQ4MCAxMzYuNyA0ODBMMjc5LjIgNDgwek0yMDggMzc2QzIzOC45IDM3NiAyNjQgMzUwLjkgMjY0IDMyMEMyNjQgMjg5LjEgMjM4LjkgMjY0IDIwOCAyNjRDMTc3LjEgMjY0IDE1MiAyODkuMSAxNTIgMzIwQzE1MiAzNTAuOSAxNzcuMSAzNzYgMjA4IDM3NnpNMzkyIDI3MkMzNzguNyAyNzIgMzY4IDI4Mi43IDM2OCAyOTZDMzY4IDMwOS4zIDM3OC43IDMyMCAzOTIgMzIwTDUwNCAzMjBDNTE3LjMgMzIwIDUyOCAzMDkuMyA1MjggMjk2QzUyOCAyODIuNyA1MTcuMyAyNzIgNTA0IDI3MkwzOTIgMjcyek0zOTIgMzY4QzM3OC43IDM2OCAzNjggMzc4LjcgMzY4IDM5MkMzNjggNDA1LjMgMzc4LjcgNDE2IDM5MiA0MTZMNTA0IDQxNkM1MTcuMyA0MTYgNTI4IDQwNS4zIDUyOCAzOTJDNTI4IDM3OC43IDUxNy4zIDM2OCA1MDQgMzY4TDM5MiAzNjh6Ii8+PC9zdmc+);
  --as-icon-stopwatch: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMjY0LjUgNjRDMjUxLjIgNjQgMjQwLjUgNzQuNyAyNDAuNSA4OEMyNDAuNSAxMDEuMyAyNTEuMiAxMTIgMjY0LjUgMTEyTDI5Ni41IDExMkwyOTYuNSAxMzcuM0MxODguNSAxNDkuMiAxMDQuNSAyNDAuOCAxMDQuNSAzNTJDMTA0LjUgNDcxLjMgMjAxLjIgNTY4IDMyMC41IDU2OEM0MzkuOCA1NjggNTM2LjUgNDcxLjMgNTM2LjUgMzUyQzUzNi41IDMxMi4yIDUyNS43IDI3NC45IDUwNi45IDI0Mi44TDUzNS4xIDIxNC42QzU0Ny42IDIwMi4xIDU0Ny42IDE4MS44IDUzNS4xIDE2OS4zQzUyMi42IDE1Ni44IDUwMi4zIDE1Ni44IDQ4OS44IDE2OS4zTDQ2Ni40IDE5Mi43QzQzMy41IDE2Mi41IDM5MS4yIDE0Mi40IDM0NC40IDEzNy4yTDM0NC40IDExMS45TDM3Ni40IDExMS45QzM4OS43IDExMS45IDQwMC40IDEwMS4yIDQwMC40IDg3LjlDNDAwLjQgNzQuNiAzODkuNyA2My45IDM3Ni40IDYzLjlMMjY0LjQgNjMuOXpNMzQ0LjUgMjQ4TDM0NC41IDM1MkMzNDQuNSAzNjUuMyAzMzMuOCAzNzYgMzIwLjUgMzc2QzMwNy4yIDM3NiAyOTYuNSAzNjUuMyAyOTYuNSAzNTJMMjk2LjUgMjQ4QzI5Ni41IDIzNC43IDMwNy4yIDIyNCAzMjAuNSAyMjRDMzMzLjggMjI0IDM0NC41IDIzNC43IDM0NC41IDI0OHoiLz48L3N2Zz4=);
  --as-icon-folder-open: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNODggMjg5LjZMNjQuNCAzNjAuMkw2NC40IDE2MEM2NC40IDEyNC43IDkzLjEgOTYgMTI4LjQgOTZMMjY3LjEgOTZDMjgwLjkgOTYgMjk0LjQgMTAwLjUgMzA1LjUgMTA4LjhMMzQzLjkgMTM3LjZDMzQ5LjQgMTQxLjggMzU2LjIgMTQ0IDM2My4xIDE0NEw0ODAuNCAxNDRDNTE1LjcgMTQ0IDU0NC40IDE3Mi43IDU0NC40IDIwOEw1NDQuNCAyMjRMMTc5IDIyNEMxMzcuNyAyMjQgMTAxIDI1MC40IDg3LjkgMjg5LjZ6TTUwOS44IDUxMkwxMzEgNTEyQzk4LjIgNTEyIDc1LjEgNDc5LjkgODUuNSA0NDguOEwxMzMuNSAzMDQuOEMxNDAgMjg1LjIgMTU4LjQgMjcyIDE3OSAyNzJMNTU3LjggMjcyQzU5MC42IDI3MiA2MTMuNyAzMDQuMSA2MDMuMyAzMzUuMkw1NTUuMyA0NzkuMkM1NDguOCA0OTguOCA1MzAuNCA1MTIgNTA5LjggNTEyeiIvPjwvc3ZnPg==);
  --as-icon-folder: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTI4IDUxMkw1MTIgNTEyQzU0Ny4zIDUxMiA1NzYgNDgzLjMgNTc2IDQ0OEw1NzYgMjA4QzU3NiAxNzIuNyA1NDcuMyAxNDQgNTEyIDE0NEwzNjIuNyAxNDRDMzU1LjggMTQ0IDM0OSAxNDEuOCAzNDMuNSAxMzcuNkwzMDUuMSAxMDguOEMyOTQgMTAwLjUgMjgwLjUgOTYgMjY2LjcgOTZMMTI4IDk2QzkyLjcgOTYgNjQgMTI0LjcgNjQgMTYwTDY0IDQ0OEM2NCA0ODMuMyA5Mi43IDUxMiAxMjggNTEyeiIvPjwvc3ZnPg==);
  --as-icon-list-ul: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMTEyIDIwOEMxMzguNSAyMDggMTYwIDE4Ni41IDE2MCAxNjBDMTYwIDEzMy41IDEzOC41IDExMiAxMTIgMTEyQzg1LjUgMTEyIDY0IDEzMy41IDY0IDE2MEM2NCAxODYuNSA4NS41IDIwOCAxMTIgMjA4ek0yNTYgMTI4QzIzOC4zIDEyOCAyMjQgMTQyLjMgMjI0IDE2MEMyMjQgMTc3LjcgMjM4LjMgMTkyIDI1NiAxOTJMNTQ0IDE5MkM1NjEuNyAxOTIgNTc2IDE3Ny43IDU3NiAxNjBDNTc2IDE0Mi4zIDU2MS43IDEyOCA1NDQgMTI4TDI1NiAxMjh6TTI1NiAyODhDMjM4LjMgMjg4IDIyNCAzMDIuMyAyMjQgMzIwQzIyNCAzMzcuNyAyMzguMyAzNTIgMjU2IDM1Mkw1NDQgMzUyQzU2MS43IDM1MiA1NzYgMzM3LjcgNTc2IDMyMEM1NzYgMzAyLjMgNTYxLjcgMjg4IDU0NCAyODhMMjU2IDI4OHpNMjU2IDQ0OEMyMzguMyA0NDggMjI0IDQ2Mi4zIDIyNCA0ODBDMjI0IDQ5Ny43IDIzOC4zIDUxMiAyNTYgNTEyTDU0NCA1MTJDNTYxLjcgNTEyIDU3NiA0OTcuNyA1NzYgNDgwQzU3NiA0NjIuMyA1NjEuNyA0NDggNTQ0IDQ0OEwyNTYgNDQ4ek0xMTIgNTI4QzEzOC41IDUyOCAxNjAgNTA2LjUgMTYwIDQ4MEMxNjAgNDUzLjUgMTM4LjUgNDMyIDExMiA0MzJDODUuNSA0MzIgNjQgNDUzLjUgNjQgNDgwQzY0IDUwNi41IDg1LjUgNTI4IDExMiA1Mjh6TTE2MCAzMjBDMTYwIDI5My41IDEzOC41IDI3MiAxMTIgMjcyQzg1LjUgMjcyIDY0IDI5My41IDY0IDMyMEM2NCAzNDYuNSA4NS41IDM2OCAxMTIgMzY4QzEzOC41IDM2OCAxNjAgMzQ2LjUgMTYwIDMyMHoiLz48L3N2Zz4=);
  --as-icon-triangle-exclamation: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzIwIDY0QzMzNC43IDY0IDM0OC4yIDcyLjEgMzU1LjIgODVMNTcxLjIgNDg1QzU3Ny45IDQ5Ny40IDU3Ny42IDUxMi40IDU3MC40IDUyNC41QzU2My4yIDUzNi42IDU1MC4xIDU0NCA1MzYgNTQ0TDEwNCA1NDRDODkuOSA1NDQgNzYuOCA1MzYuNiA2OS42IDUyNC41QzYyLjQgNTEyLjQgNjIuMSA0OTcuNCA2OC44IDQ4NUwyODQuOCA4NUMyOTEuOCA3Mi4xIDMwNS4zIDY0IDMyMCA2NHpNMzIwIDQxNkMzMDIuMyA0MTYgMjg4IDQzMC4zIDI4OCA0NDhDMjg4IDQ2NS43IDMwMi4zIDQ4MCAzMjAgNDgwQzMzNy43IDQ4MCAzNTIgNDY1LjcgMzUyIDQ0OEMzNTIgNDMwLjMgMzM3LjcgNDE2IDMyMCA0MTZ6TTMyMCAyMjRDMzAxLjggMjI0IDI4Ny4zIDIzOS41IDI4OC42IDI1Ny43TDI5NiAzNjEuN0MyOTYuOSAzNzQuMiAzMDcuNCAzODQgMzE5LjkgMzg0QzMzMi41IDM4NCAzNDIuOSAzNzQuMyAzNDMuOCAzNjEuN0wzNTEuMiAyNTcuN0MzNTIuNSAyMzkuNSAzMzguMSAyMjQgMzE5LjggMjI0eiIvPjwvc3ZnPg==);
  --as-icon-font: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNMzQ5LjEgMTE0LjdDMzQzLjkgMTAzLjMgMzMyLjUgOTYgMzIwIDk2QzMwNy41IDk2IDI5Ni4xIDEwMy4zIDI5MC45IDExNC43TDEyMy41IDQ4MEwxMTIgNDgwQzk0LjMgNDgwIDgwIDQ5NC4zIDgwIDUxMkM4MCA1MjkuNyA5NC4zIDU0NCAxMTIgNTQ0TDIwMCA1NDRDMjE3LjcgNTQ0IDIzMiA1MjkuNyAyMzIgNTEyQzIzMiA0OTQuMyAyMTcuNyA0ODAgMjAwIDQ4MEwxOTMuOSA0ODBMMjE1LjkgNDMyTDQyNC4yIDQzMkw0NDYuMiA0ODBMNDQwLjEgNDgwQzQyMi40IDQ4MCA0MDguMSA0OTQuMyA0MDguMSA1MTJDNDA4LjEgNTI5LjcgNDIyLjQgNTQ0IDQ0MC4xIDU0NEw1MjguMSA1NDRDNTQ1LjggNTQ0IDU2MC4xIDUyOS43IDU2MC4xIDUxMkM1NjAuMSA0OTQuMyA1NDUuOCA0ODAgNTI4LjEgNDgwTDUxNi42IDQ4MEwzNDkuMiAxMTQuN3pNMzk0LjggMzY4TDI0NS4yIDM2OEwzMjAgMjA0LjhMMzk0LjggMzY4eiIvPjwvc3ZnPg==);
  --as-icon-bars: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNOTYgMTYwQzk2IDE0Mi4zIDExMC4zIDEyOCAxMjggMTI4TDUxMiAxMjhDNTI5LjcgMTI4IDU0NCAxNDIuMyA1NDQgMTYwQzU0NCAxNzcuNyA1MjkuNyAxOTIgNTEyIDE5MkwxMjggMTkyQzExMC4zIDE5MiA5NiAxNzcuNyA5NiAxNjB6TTk2IDMyMEM5NiAzMDIuMyAxMTAuMyAyODggMTI4IDI4OEw1MTIgMjg4QzUyOS43IDI4OCA1NDQgMzAyLjMgNTQ0IDMyMEM1NDQgMzM3LjcgNTI5LjcgMzUyIDUxMiAzNTJMMTI4IDM1MkMxMTAuMyAzNTIgOTYgMzM3LjcgOTYgMzIwek01NDQgNDgwQzU0NCA0OTcuNyA1MjkuNyA1MTIgNTEyIDUxMkwxMjggNTEyQzExMC4zIDUxMiA5NiA0OTcuNyA5NiA0ODBDOTYgNDYyLjMgMTEwLjMgNDQ4IDEyOCA0NDhMNTEyIDQ0OEM1MjkuNyA0NDggNTQ0IDQ2Mi4zIDU0NCA0ODB6Ii8+PC9zdmc+);
  --as-icon-minus: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNOTYgMzIwQzk2IDMwMi4zIDExMC4zIDI4OCAxMjggMjg4TDUxMiAyODhDNTI5LjcgMjg4IDU0NCAzMDIuMyA1NDQgMzIwQzU0NCAzMzcuNyA1MjkuNyAzNTIgNTEyIDM1MkwxMjggMzUyQzExMC4zIDM1MiA5NiAzMzcuNyA5NiAzMjB6Ii8+PC9zdmc+);
  --as-icon-square: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBkPSJNNDgwIDE0NEM0ODguOCAxNDQgNDk2IDE1MS4yIDQ5NiAxNjBMNDk2IDQ4MEM0OTYgNDg4LjggNDg4LjggNDk2IDQ4MCA0OTZMMTYwIDQ5NkMxNTEuMiA0OTYgMTQ0IDQ4OC44IDE0NCA0ODBMMTQ0IDE2MEMxNDQgMTUxLjIgMTUxLjIgMTQ0IDE2MCAxNDRMNDgwIDE0NHpNMTYwIDk2QzEyNC43IDk2IDk2IDEyNC43IDk2IDE2MEw5NiA0ODBDOTYgNTE1LjMgMTI0LjcgNTQ0IDE2MCA1NDRMNDgwIDU0NEM1MTUuMyA1NDQgNTQ0IDUxNS4zIDU0NCA0ODBMNTQ0IDE2MEM1NDQgMTI0LjcgNTE1LjMgOTYgNDgwIDk2TDE2MCA5NnoiLz48L3N2Zz4=);
}
p {
  font-size: var(--as-font-size-l);
}
.equal {
  table-layout: fixed;
}

/* src/assets/css/components/as-search-menu-component.css */
as-search-menu {
  tabindex: 0;
  font-size: var(--as-font-size-m);
}
as-search-menu button[popovertarget] {
  --button-background: var(--as-color-background-button-weak);
  cursor: pointer;
}
as-search-menu button[popovertarget]:HOVER {
  background-color: var(--as-color-background-button);
}
as-search-menu button[popovertarget]:is(:ACTIVE, :FOCUS) {
  background-color: var(--as-color-background-button-strong);
}
as-search-menu [popover] {
  --background-color: var(--as-color-background-panel);
  --width: 500px;
  --height: 400px;
  --z-index: 1000;
  --border-radius: var(--as-border-radius-m);
  --box-shadow: var(--as-box-shadow);
  --border-color: var(--as-color-border-panel);
  position: fixed;
  margin-inline-start: var(--left, calc(50dvw - var(--width)/2));
  margin-block-start: var(--top, calc(50dvh - var(--height)/2));
  inset: 0;
  padding: 0;
  z-index: var(--z-index);
  max-width: var(--width);
  width: auto;
  max-height: var(--height);
  height: auto;
  background-color: var(--background-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  border: 1px solid var(--border-color);
  opacity: 0;
  transform: translateY(2em);
  transition: all var(--as-time-xs) ease-out;
  overflow: hidden;
}
as-search-menu [popover] input[type=search] {
  appearance: none;
  display: block;
  margin: none;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  border: none;
  border-block-end-color: var(--border-color);
  border-block-end-width: var(--as-size-thin);
  border-block-end-style: solid;
  padding-block: var(--as-space-m);
  padding-inline: var(--as-space-m);
  background-color: var(--background-color);
  z-index: 2;
  position: sticky;
  top: 0;
  inset: 0 0 auto 0;
  outline: none;
  color: var(--as-color-text-weak);
}
as-search-menu [popover] input[type=search]::placeholder {
  color: var(--as-color-text-neutral);
}
as-search-menu [popover] .recent {
  display: flex;
  gap: var(--as-space-s);
  line-height: 1.3;
  font-size: inherit;
  text-decoration: none;
  color: var(--as-color-text-button-inverted);
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-s);
  background-color: var(--as-color-background);
  justify-content: space-between;
  align-items: center;
}
as-search-menu [popover] section {
  position: relative;
  height: calc(100% - 6.3125rem);
  overflow-y: auto;
}
as-search-menu [popover] section .section {
  position: relative;
}
as-search-menu [popover] section .command {
  --background-color: var(--as-color-background-panel);
  --outline-width: var(--as-size-s);
  display: flex;
  gap: var(--as-space-s);
  line-height: 1.3;
  font-size: inherit;
  text-decoration: none;
  color: var(--as-color-text-button-inverted);
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-m);
  border-block-end-color: var(--border-color);
  border-block-end-width: var(--as-size-thin);
  border-block-end-style: solid;
  border-inline-start-color: transparent;
  border-inline-start-width: var(--outline-width);
  border-inline-start-style: solid;
  background-color: var(--background-color);
  align-items: center;
}
as-search-menu [popover] section .command .keys {
  --box-shadow: var(--box-shadow);
  margin-inline-start: auto;
  display: flex;
  gap: var(--as-space-s);
}
as-search-menu [popover] section .command .keys code {
  line-height: 1;
  padding-inline: var(--as-space-xs);
  padding-block: var(--as-space-xs);
  border-color: var(--border-color);
  border-width: var(--as-size-thin);
  border-style: solid;
  border-radius: var(--as-border-radius);
  background-color: var(--as-color-text-button);
  font-size: var(--as-font-size-xs);
}
as-search-menu [popover] section .command:HOVER {
  --background-color: var(--as-color-background-nav-weak);
  color: var(--as-color-text-button-inverted);
}
as-search-menu [popover] section .command:is(:ACTIVE, :FOCUS) {
  --background-color: var(--as-color-background-nav-weak);
  --outline-color: var(--as-color-background-button-weak);
  color: var(--as-color-text-button-inverted);
  outline: none;
  border-inline-start-color: var(--outline-color);
  border-inline-start-width: var(--outline-width);
  border-inline-start-style: solid;
}
as-search-menu [popover] section .heading {
  font-size: var(--as-font-size-s);
  font-family: var(--as-font-bold);
  color: var(--as-color-background-panel);
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-s);
  margin-block: 0;
  line-height: 1;
  font-weight: 400;
  background-color: var(--as-color-accent-weak);
  position: sticky;
  top: 0;
  z-index: var(--as-index-masked);
}
as-search-menu [popover] section .nohits {
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-s);
}
as-search-menu [popover] section .nohits h4 {
  font-size: var(--as-font-size-l);
  color: var(--as-color-text);
}
as-search-menu [popover] section .nohits p {
  font-size: var(--as-font-size-m);
  color: var(--as-color-text-weak);
}
as-search-menu [popover] footer {
  position: sticky;
  bottom: 0;
  margin-block-start: auto;
  background-color: var(--as-color-background-panel);
}
as-search-menu [popover] footer ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--as-space-m);
  list-style: none;
  line-height: 1;
  align-items: center;
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-m);
}
as-search-menu [popover] footer ul li {
  font-size: var(--as-font-size-xs);
  color: var(--as-color-text-weak);
  display: inline-flex;
  gap: var(--as-space-xs);
  align-items: center;
}
as-search-menu [popover] footer ul li code {
  font-family: inherit;
  font-size: inherit;
  color: var(--as-color-text);
}
as-search-menu [popover] footer .move {
  cursor: move;
}
as-search-menu [popover]:popover-open {
  display: block;
}
as-search-menu [popover].bump {
  transition: all var(--as-time-xs) ease-out;
  opacity: 1;
  transform: translateY(0);
}
as-search-menu [popover]::backdrop {
  height: auto;
  background-color: rgb(80 80 80 /.1);
}

/* src/assets/css/components/as-select-component.css */
as-select {
  display: inline-block;
}
as-select > div {
  position: relative;
}
as-select:has([popover]) > div as-icon {
  display: block;
  position: absolute;
  right: 1ch;
  top: 1ch;
  transition: rotate .15s ease;
}
as-select:has([popover]:popover-open) > div as-icon {
  rotate: 180deg;
}
as-select select {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 38px;
  z-index: 1;
  width: 100%;
}
as-select [popover] {
  --lines: 5;
  --padding-block: var(--as-space-s);
  --font-size: var(--as-font-size-m);
  --line-height: var(--as-line-height-base);
  --border-width: var(--as-size-thin);
  max-height: calc(var(--lines) *(var(--font-size) * var(--line-height) + 2 * var(--padding-block) + var(--border-width)));
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  inset: unset;
  margin-block-start: var(--as-space-xs);
  position: absolute;
  z-index: var(--as-index-popout);
  transition: all var(--as-time-xs) ease-out;
  transition-behavior: allow-discrete;
  transform: translateY(var(--as-space-m));
  transition-delay: 10ms;
  scale: 0.95;
  opacity: 0;
  border-radius: var(--as-border-radius-s);
  border: var(--as-size-thin) solid var(--as-color-border-panel);
  background-color: var(--as-color-background);
  box-shadow: var(--as-box-shadow);
  max-width: var(--width);
  width: 100%;
  position-area: bottom span-right;
}
as-select [popover]:popover-open {
  transform: translateY(0);
  opacity: 1;
  scale: 1;
  @starting-style {
    transform: translateY(var(--as-space-m));
    opacity: 0;
    scale: .95;
  }
}
as-select [popover]::backdrop {
  display: none;
}
as-select [popover] ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
as-select [popover] ul li {
  padding-inline: var(--as-space-s);
  padding-block: var(--padding-block);
  border-block-end: var(--border-width) solid var(--as-color-border-panel);
  cursor: pointer;
  font-size: var(--font-size);
  line-height: var(--line-height);
}
as-select [popover] ul li:HOVER,
as-select [popover] ul li:FOCUS {
  background-color: var(--as-color-border-panel);
  outline: none;
}
as-select [popover] ul li[selected] {
  background-color: var(--as-color-background-nav-weak);
}

/* src/assets/css/components/as-select-multiple-component.css */
as-select-multiple {
  --color-active: var(--as-color-accent);
  --color-active-darker: var(--as-color-accent);
  --color-active-dark: var(--as-color-accent-strong);
  --color-inactive: var(--as-color-text-neutral);
  --color-white: var(--as-color-text-button);
  --color-placeholder: var(--as-color-text-neutral);
  --size: var(--as-size);
  display: block;
  width: 100%;
  font-size: var(--as-font-size-m);
}
as-select-multiple [wrapper] {
  position: relative;
  display: block;
}
as-select-multiple [trigger] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--as-space-xs);
  width: 100%;
  min-height: var(--as-size-xl);
  border: var(--as-size-thin) solid var(--color-inactive);
  border-radius: var(--as-border-radius);
  padding-inline: var(--as-space-s);
  padding-block: var(--as-space-s);
  background-color: var(--color-white);
  cursor: pointer;
  text-align: left;
  font-size: inherit;
}
as-select-multiple [placeholder],
as-select-multiple [more] {
  color: var(--color-inactive);
}
as-select-multiple [selected] {
  position: relative;
  font-size: inherit;
  cursor: pointer;
}
as-select-multiple [dropdown] {
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  inset: unset;
  margin-block-start: var(--as-space-xs);
  position: absolute;
  z-index: var(--as-index-popout);
  transition: all var(--as-time-xs) ease-out;
  transition-behavior: allow-discrete;
  transform: translateY(var(--as-space-m));
  transition-delay: 10ms;
  scale: 0.95;
  opacity: 0;
  border-radius: var(--as-border-radius-s);
  border: var(--as-size-thin) solid var(--as-color-border-panel);
  background-color: var(--as-color-background);
  box-shadow: var(--as-box-shadow);
  max-width: var(--width);
  width: 100%;
  position-area: bottom span-right;
}
as-select-multiple [popover]:popover-open {
  transform: translateY(0);
  opacity: 1;
  scale: 1;
  @starting-style {
    transform: translateY(var(--as-space-m));
    opacity: 0;
    scale: .95;
  }
}
as-select-multiple [search] {
  display: block;
  position: static;
  width: 100%;
  padding-inline: var(--as-space-s);
  padding-block: var(--as-space-s);
  border: none;
  border-bottom: 1px solid var(--color-inactive);
  outline: none;
  color: var(--color-black);
  background-color: var(--color-white);
  z-index: 2;
  font-size: inherit;
  font-family: inherit;
}
as-select-multiple [options-list] {
  --lines: 6;
  --font-size: var(--as-font-size-m);
  --line-height: var(--as-line-height-base);
  --border-width: var(--as-size-thin);
  --padding-block: var(--as-space-s);
  max-height: calc(var(--lines) *(var(--font-size) * var(--line-height) + 2 * var(--padding-block) + var(--border-width)));
  overflow: hidden;
  overflow-y: auto;
  position: relative;
}
as-select-multiple [option] {
  padding-inline: var(--as-space-s);
  padding-block: var(--padding-block);
  border-block-end: var(--border-width) solid var(--as-color-border-panel);
  cursor: pointer;
  font-size: var(--font-size);
  line-height: var(--line-height);
}
as-select-multiple [option][focused],
as-select-multiple [option]:hover {
  background-color: var(--as-color-border-panel);
  outline: none;
}

/* src/assets/css/components/as-select2range-component.css */
as-select2range {
  --color-active: var(--as-color-accent);
  --color-active-darker: var(--as-color-accent-strong);
  --color-active-dark: var(--as-color-text-strong);
  --color-inactive: var(--as-color-text-neutral);
  --size: var(--as-size-m);
  display: block;
  min-width: calc(15 * var(--size));
  width: 100%;
}
as-select2range > div {
  position: relative;
}
as-select2range div[aria-live] {
  display: inline-block;
  padding-inline: var(--as-space-s);
  padding-block: var(--as-space-s);
  border-radius: var(--as-border-radius);
  background-color: var(--as-color-background-nav-weak);
  font-size: var(--as-font-size-m);
}
as-select2range select {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 38px;
  z-index: 1;
  width: 100%;
}
as-select2range [markers] {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 1 * var(--size));
  margin-inline: auto;
}
as-select2range [markers] > div {
  width: 1px;
  height: calc(.5 * var(--size));
  background-color: var(--color-active-dark);
}
as-select2range input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  margin-block-start: 0;
  margin-block-end: var(--size);
  margin-inline: 0;
  width: 100%;
  background: unset;
  outline: none;
}
as-select2range input[type=range]::-webkit-slider-runnable-track {
  box-shadow: 0 calc(.25 * var(--size)) calc(.5 * var(--size)) rgb(0 0 0 / .1);
  width: 100%;
  height: var(--size);
  cursor: pointer;
  background-image:
    linear-gradient(
      90deg,
      var(--color-active) 0%,
      var(--color-active) var(--val),
      var(--color-inactive) var(--val),
      var(--color-inactive));
  border-radius: calc(.5 * var(--size));
}
as-select2range input[type=range]::-webkit-slider-thumb {
  height: calc(2 * var(--size));
  width: calc(1 * var(--size));
  border-radius: calc(1 * var(--size));
  background-color: var(--color-active-dark);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: calc(-.5 * var(--size));
}
as-select2range input[type=range]:is(:HOVER, :FOCUS, :ACTIVE)::-webkit-slider-thumb {
  background-color: var(--color-active-darker);
  outline: calc(.25 * var(--size)) solid var(--color-active);
  outline-offset: calc(.125 * var(--size));
  outline-style: solid;
}

/* src/assets/css/components/as-show-hide-password-component.css */
as-show-hide-password {
  display: flex;
}
as-show-hide-password > button {
  line-height: var(--as-line-height-none);
  display: grid;
  align-content: center;
}

/* src/assets/css/components/as-svg-to-base-component.css */
as-svg-to-base {
  display: block;
  margin-block: var(--as-space-l);
}
as-svg-to-base .data-line + .data-line {
  margin-block-start: var(--as-space-l);
}
as-svg-to-base textarea {
  inline-size: 100%;
  block-size: 10em;
  resize: vertical;
}
as-svg-to-base input[type=text] {
  inline-size: 100%;
}
as-svg-to-base button {
  margin-block: var(--as-space-l);
}
as-svg-to-base code {
  white-space: pre-wrap;
  word-break: break-all;
}
as-svg-to-base .preview {
  inline-size: var(--as-size-xxxl);
  block-size: var(--as-size-xxxl);
  background-color: currentColor;
  margin-block: var(--as-space-l);
}

/* src/assets/css/components/as-tab-group-component.css */
as-tab-group {
  width: 100%;
  --tab-height: var(--as-size-xxl);
  --padding: var(--as-space-m);
  --color-divider: var(--as-color-border-panel);
  --color-active: var(--as-color-accent);
  --color-active-strong: var(--tc-color-active-strong) --color-tablist-background: var(--as-color-background-panel);
  display: block;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
as-tab-group [role=tablist] {
  display: flex;
  border-block-end: var(--as-size-thin) solid var(--color-divider);
  overflow-x: auto;
  overflow-y: hidden;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color-tablist-background);
  overflow-x: scroll;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
as-tab-group as-tab {
  display: inline-flex;
  padding-inline: var(--padding);
  height: var(--tab-height);
  font-family: var(--as-font-bold);
  line-height: var(--as-line-heght-none);
  align-content: center;
  align-items: center;
  gap: var(--as-space-s);
  cursor: pointer;
  position: relative;
  overflow: visible;
  transition: all var(--as-time-xs) ease;
  z-index: 9;
}
as-tab-group as-tab:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  background-color: var(--color-active);
  bottom: 0;
  left: 0;
  transition: all var(--as-time-xs) ease;
}
as-tab-group as-tab[aria-selected=true]:after,
as-tab-group as-tab[selected]:after {
  height: var(--as-size-xs);
}
as-tab-group as-tab:HOVER:after,
as-tab-group as-tab:ACTIVE:after,
as-tab-group as-tab:FOCUS:after {
  height: var(--as-size-xs);
}
as-tab-group as-tab:FOCUS {
  outline: none;
}
as-tab-group as-tab-panel:not([hidden]) {
  display: block;
  flex-shrink: 0;
  width: 100%;
  padding-block: var(--padding);
  order: 1000;
  border-block-start: var(--as-size-thin) solid var(--color-divider);
}
@media screen and (max-width: 800px) {
  as-tab-group as-tab {
    display: flex;
    width: 100%;
    padding-inline: unset;
  }
  as-tab-group as-tab:not([selected]) {
    border-block-end: var(--as-size-thin) solid var(--color-divider);
  }
  as-tab-group as-tab-panel:not([hidden]) {
    order: unset;
  }
}

/* src/assets/css/components/as-table-actions-component.css */
as-table-actions {
  display: inline-block;
  position: relative;
}
as-table-actions button.btn {
  display: flex;
  justify-content: center;
  gap: var(--as-space-s);
  padding-inline: var(--as-space-s);
  anchor-name: --table-actions;
}
as-table-actions dialog[open] {
  position: absolute;
  z-index: var(--as-index-modal);
  border: unset;
  background-color: Canvas;
  box-shadow: 0 0 5px #00000022;
  padding-block: var(--as-space-xs);
  padding-inline: var(--as-space-xs);
  border-radius: var(--as-border-radius);
  gap: var(--as-space-xs);
  display: flex;
  flex-direction: column;
  position-anchor: --table-actions;
  bottom: calc(anchor(bottom) - var(--as-space-xs));
  left: calc(anchor(right) + var(--as-space-xs));
  position-try: flip-block flip-inline;
}

/* src/assets/css/components/as-table-sort-component.css */
as-table-sort {
  --input-text-color: var(--as-color-text);
  --input-bg-color: var(--as-color-background-panel);
  --input-border-color: var(--as-color-border-panel);
  --button-text-color: var(--input-text-color);
  --padding-block: var(--as-space-s);
  --gap: var(--as-space-m);
  --input-padding: var(--as-space-s);
  padding: 0;
  margin: 0;
}
as-table-sort th > * {
  display: flex;
  gap: var(--gap);
  align-items: center;
  position: relative;
}
as-table-sort th button {
  appearance: none;
  color: var(--button-text-color);
  background-color: unset;
  border: unset;
  cursor: pointer;
  width: 2ch;
}
as-table-sort th input[type=search] {
  color: var(--input-text-color);
  background-color: var(--input-bg-color);
  border: 1px solid var(--input-border-color);
  border-radius: var(--as-border-radius);
  padding: var(--input-padding);
  transition: all .15s ease;
  width: 100%;
  font-size: inherit;
}
as-table-sort th [searchpanel] {
  margin-block-start: .25em;
}
as-table-sort tfoot tr td {
  padding-block: var(--padding-block);
}
as-table-sort tfoot tr td div {
  display: flex;
  gap: var(--gap);
  align-items: center;
}
as-table-sort tfoot button {
  appearance: none;
  color: var(--button-text-color);
  background-color: unset;
  border: unset;
  cursor: pointer;
  line-height: 1;
  display: flex;
  gap: var(--as-space-xs);
  align-items: center;
}

/* src/assets/css/components/as-tokens-component.css */
:root {
  --dark_cornflower_blue: #1E3969;
  --indigo_dye: #153B50;
  --cadet_blue: #429EA6;
  --powder_blue: #C0DCDE;
  --sea_green_crayola: #16F4D0;
  --alabaster: #F7F7F7;
  --ruby_red: #9A031E;
  --cultured: #EDEDED;
  --ghost_white: #E2E4ED;
  --white: #FFFFFF;
  --pumpkin: #F56F16;
  --as-color-accent: #1e3969;
  --as-color-lightness-factor: 10;
  --as-color-accent-strong: hsl(from var(--as-color-accent) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-accent-weak: hsl(from var(--as-color-accent) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-text: #153b50;
  --as-color-text-strong: hsl(from var(--as-color-text) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-text-weak: hsl(from var(--as-color-text) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-text-neutral: hsl(from var(--as-color-text) h 0 calc(l + 5 * var(--as-color-lightness-factor)));
  --as-color-background: #f7f7f7;
  --as-color-background-panel: #ffffff;
  --as-color-border-panel: #E2E4ED;
  --as-color-background-button: var(--as-color-accent);
  --as-color-background-button-strong: hsl(from var(--as-color-background-button) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-background-button-weak: hsl(from var(--as-color-background-button) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-text-button: #ffffff;
  --as-color-text-button-inverted: var(--as-color-background-button);
  --as-color-text-nav: #429EA6;
  --as-color-background-nav: #C0DCDE;
  --as-color-background-nav-strong: hsl(from var(--as-color-background-nav) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-background-nav-weak: hsl(from var(--as-color-background-nav) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-text-nav-active: #153B50;
  --as-color-status-warning: #F56F16;
  --as-color-status-warning-strong: hsl(from var(--as-color-status-warning) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-status-warning-weak: hsl(from var(--as-color-status-warning) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-status-error: #9A031E;
  --as-color-status-error-strong: hsl(from var(--as-color-status-error) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-status-error-weak: hsl(from var(--as-color-status-error) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-status-success: #008800;
  --as-color-status-success-strong: hsl(from var(--as-color-status-success) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-status-success-weak: hsl(from var(--as-color-status-success) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-status-neutral: #cccccc;
  --as-color-status-neutral-strong: hsl(from var(--as-color-status-neutral) h s calc(l - var(--as-color-lightness-factor)));
  --as-color-status-neutral-weak: hsl(from var(--as-color-status-neutral) h s calc(l + var(--as-color-lightness-factor)));
  --as-color-overlay: rgb(from #000000 r g b / .5);
  --as-color-shadow: #c0c0c0;
  --as-border-radius-xs: .0625em;
  --as-border-radius-s: .1875em;
  --as-border-radius: .3125em;
  --as-border-radius-m: .5em;
  --as-border-radius-l: 1em;
  --as-border-radius-pill: 999px;
  --as-border-radius-circle: 50%;
  --as-box-shadow: 0 var(--as-space-xs) var(--as-space-m) rgb(from var(--as-color-shadow) r g b / .5);
  --as-base: 16px;
  --as-size-thin: 1px;
  --as-size-xxs: .125rem;
  --as-size-xs: .25rem;
  --as-size-s: .375rem;
  --as-size-m: .75rem;
  --as-size-default: 1rem;
  --as-size: var(--as-size-default);
  --as-size-l: 1.5rem;
  --as-size-xl: 2rem;
  --as-size-xxl: 3rem;
  --as-size-xxxl: 6rem;
  --as-size-max-rem: 110rem;
  --as-size-max-px: calc(110 * var(--as-base));
  --as-space-xxs: .0625rem;
  --as-space-xs: .25rem;
  --as-space-s: .5rem;
  --as-space-m: 1rem;
  --as-space-l: 1.5rem;
  --as-space-xl: 2.25rem;
  --as-space-xxl: 3.5rem;
  --as-space-sidebar: 19rem;
  --as-space-sidebar-closed: 5rem;
  --as-space-full-height: 100%;
  --as-ratio-square: 1/1;
  --as-ratio-horizontal: 16/9;
  --as-ratio-vertical: 9/16;
  --as-time-xs: .125s;
  --as-time-s: .25s;
  --as-time-m: .5s;
  --as-time: 1s;
  --as-time-l: 2s;
  --as-time-xl: 5s;
  --as-timing-function-1: ease-in-out;
  --as-font-size-base: var(--as-base);
  --as-font-size-xxxl: 2.25rem;
  --as-font-size-xxl: 1.5rem;
  --as-font-size-xl: 1.25rem;
  --as-font-size-l: 1rem;
  --as-font-size-m: .875rem;
  --as-font-size-s: .75rem;
  --as-font-size-xs: .6875rem;
  --as-line-height-none: 1;
  --as-line-height-tight: 1.15;
  --as-line-height-heading: 1.2;
  --as-line-height-caption: 1.3;
  --as-line-height: 1.5;
  --as-line-height-default: var(--as-line-height);
  --as-line-height-form: 1.25;
  --as-line-height-base: 1.3;
  --as-index-deep: -999999;
  --as-index-default: 1;
  --as-index-masked: 100;
  --as-index-mask: 200;
  --as-index-sticky: 300;
  --as-index-navigation: 400;
  --as-index-top-bar: 500;
  --as-index-overlay: 600;
  --as-index-spinner: 700;
  --as-index-popout: 800;
  --as-index-toast: 900;
  --as-index-modal: 1000;
  --as-font-regular:
    NunitoRegular,
    system-ui,
    sans;
  --as-font-regular-italic:
    NunitoRegularItalic,
    system-ui,
    sans;
  --as-font-bold:
    NunitoBold,
    system-ui,
    sans;
  --as-font-bold-italic:
    NunitoBoldItalic,
    system-ui,
    sans;
  --as-font-mono: monospace;
}

/* src/assets/css/components/base-component.css */
.as-panel {
  display: flex;
}
.as-panel > * {
  flex: var(--as-panelbox-flex, 1 1 auto);
  margin: var(--as-panelbox-margin, 0px);
  padding: var(--as-panelbox-padding, 0px);
  border-top: var(--as-panelbox-bordertop, none);
  border-right: var(--as-panelbox-borderright, none);
  border-bottom: var(--as-panelbox-borderbottom, none);
  border-left: var(--as-panelbox-borderleft, none);
}
:where(*, *:before, *:after) {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  border: none;
  font-family: var(--as-font-regular);
  line-height: var(--as-line-height-base);
  color: var(--as-color-text);
}
:is(h1, h2, h3, h4, h5, h6) {
  line-height: var(--as-line-height-heading);
  font-family: var(--as-font-bold);
  font-weight: 400;
  margin-block-end: var(--as-space-s);
}
h1 {
  font-size: var(--as-font-size-xxxl);
}
h2 {
  font-size: var(--as-font-size-xxl);
}
h3 {
  font-size: var(--as-font-size-xl);
}
h4 {
  font-size: var(--as-font-size-l);
}
h5 {
  font-size: var(--as-font-size-m);
}
h6 {
  font-size: var(--as-font-size-s);
}
:is(b, strong, .bold) {
  font-family: var(--as-font-bold);
  font-weight: 400;
}
:is(i, em) {
  font-family: var(--as-font-regular-italic);
  font-weight: 400;
}
:is(b i, b em, strong i, strong em, i b, em b, i strong, i b) {
  font-family: var(--as-font-bold-italic);
  font-style: normal;
  font-weight: 400;
}
.overflow-wrapper {
  overflow-x: auto;
  width: 100%;
  position: relative;
}
body {
  font-size: var(--as-base);
  font-family: var(--as-font-regular);
  color: var(--as-color-text);
  background-color: var(--as-color-background);
  position: relative;
}
body a {
  color: inherit;
}
[layout] {
  display: grid;
  grid-template-columns: var(--as-space-sidebar) 1fr;
  block-size: 100dvh;
  position: relative;
  transition: all var(--as-time-s) var(--as-timing-function-1);
}
[layout] nav {
  --top: calc(var(--as-space-l) + var(--height));
  position: sticky;
  top: var(--top);
  left: 0;
  overflow-y: auto;
  background-color: var(--as-color-background-panel);
  display: flex;
  flex-direction: column;
  gap: var(--as-space-m);
  transition: all var(--as-time-s) ease-out;
}
[layout] nav ul {
  display: grid;
  gap: var(--as-space-xxs);
  transition: all 1s ease-in-out;
}
[layout] nav ul li {
  display: block;
}
[layout] nav ul li .wrapper {
  display: flex;
  gap: var(--as-space-s);
  position: relative;
}
[layout] nav ul li .wrapper > as-icon {
  position: absolute;
  right: var(--as-space-m);
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--as-index-navigation);
  cursor: pointer;
  transform-origin: top;
  transition: all var(--as-time-xs) var(--as-timing-function-1);
}
[layout] nav ul li a {
  text-decoration: none;
  position: relative;
  display: block;
  background-color: transparent;
  border-inline-start-width: var(--as-size-xs);
  border-inline-start-color: transparent;
  border-inline-start-style: solid;
  transition: all var(--as-time-xs) var(--as-timing-function-1);
  cursor: pointer;
  width: 100%;
}
[layout] nav ul li a span {
  color: var(--as-color-text);
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-s);
  display: flex !important;
  gap: var(--as-space-s);
  align-items: center;
  transition: all var(--as-time-s) ease;
}
[layout] nav ul li a:is(:HOVER) {
  color: var(--as-color-text-nav);
  background-color: var(--as-color-background-nav);
  border-inline-start-color: var(--as-color-text-nav);
}
[layout] nav ul li a:is(:HOVER) span {
  color: var(--as-color-text-nav);
}
[layout] nav ul li a:is(:FOCUS, :ACTIVE),
[layout] nav ul li[active] > div.wrapper > a {
  color: var(--as-color-text-nav);
  background-color: var(--as-color-background-nav-strong);
  border-inline-start-color: var(--as-color-text-nav);
}
[layout] nav ul li a:is(:FOCUS, :ACTIVE) span,
[layout] nav ul li[active] > div.wrapper > a span {
  color: var(--as-color-text-nav);
}
[layout] nav ul li[active] > div.wrapper > as-icon {
  rotate: 180deg;
}
[layout] nav ul li[level="1"] > div ul {
  overflow: hidden;
}
[layout] nav ul li[level="1"] > div:last-child {
  display: grid;
  grid-template-rows: 0fr;
  transition: all var(--as-time-s) ease-in-out;
}
[layout] nav ul li[level="1"][active] > div:last-child {
  grid-template-rows: 1fr;
}
[layout] nav ul li[level="2"] span {
  padding-inline-start: var(--as-space-xl);
}
[layout] nav .search {
  padding-block: var(--as-space-m);
  padding-inline: var(--as-space-m);
  display: flex;
  justify-content: center;
}
[layout] nav .clock {
  margin-block-start: auto;
  padding-block: var(--as-space-m);
  padding-inline: var(--as-space-m);
  display: flex;
  justify-content: center;
}
section[content] {
  background-color: var(--as-color-background);
  min-block-size: 100dvh;
  display: flex;
  flex-direction: column;
  gap: var(--as-space-l);
  position: relative;
  top: 0;
  bottom: 0;
}
[content] {
  padding-inline: var(--as-space-xxl);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--as-space-l);
  position: relative;
}
[content] header {
  background-color: var(--as-color-background);
  position: sticky;
  top: 0;
  padding-block: var(--as-space-l);
  padding-inline: var(--as-space-xxl);
  margin-inline: calc(-1 * var(--as-space-xxl));
  margin-block-end: var(--as-space-xxl);
  z-index: var(--as-index-sticky);
  box-shadow: var(--as-box-shadow);
}
.max-content-width {
  max-inline-size: var(--as-size-max-rem);
}
.content-box {
  box-sizing: content-box;
}
.full-width {
  width: 100%;
}
.square {
  aspect-ratio: var(--as-ratio-square);
}
.container-inline-size {
  container-type: inline-size;
}
.flex {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--as-space-m);
  justify-content: space-between;
  align-items: center;
}
.wrap-10rem {
  @container (width < 10rem) {
    flex-wrap: wrap;
  }
}
.no-shrink {
  flex-shrink: 0;
}
.colorbox {
  align-content: end;
  width: auto;
  min-height: var(--as-size-xxxl);
  background-color: var(--color);
  border-radius: var(--as-border-radius-s);
  margin-block-end: var(--as-size-m);
  padding-inline: var(--as-space-s);
  padding-block: var(--as-space-m);
  font-size: var(--as-font-size-m);
  box-shadow: var(--as-box-shadow);
}
.box {
  width: auto;
  height: var(--size, var(--as-size-xxl));
  border-radius: var(--radius, var(--as-border-radius));
  background-color: var(--color, var(--as-color-shadow));
  aspect-ratio: var(--ratio, var(--as-ratio-square));
  margin-block-end: var(--as-size-m);
}
.color-accent {
  color: var(--color);
  display: flex;
  gap: var(--as-space-s);
  align-items: center;
  font-size: var(--as-font-size-m);
  cursor: pointer;
}
.color-accent:BEFORE {
  content: "\25cf";
  color: inherit;
  font-size: var(--as-font-size-m);
}
.color-accent:ACTIVE {
  cursor: grabbing;
}
.token {
  padding-block: var(--as-size-m);
  padding-inline: var(--as-size);
  background-color: var(--as-color-background-panel);
  border-width: var(--as-size-thin);
  border-color: var(--as-color-border-panel);
  border-style: dotted;
  display: block;
  transition: all var(--as-time-xs) var(--as-timing-function-1);
  font-family: var(--as-font-mono);
  font-size: var(--as-font-size-m);
  word-break: break-word;
}
.token:HOVER {
  box-shadow: var(--as-box-shadow);
}
.icon {
  display: flex;
  align-items: center;
  gap: var(--as-space-s);
  padding-inline-end: calc(2 * var(--as-size));
  cursor: pointer;
  position: relative;
}
.icon:AFTER {
  content: "";
  display: block;
  width: var(--as-size);
  aspect-ratio: 1/1;
  mask-image: var(--as-icon-clone);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  margin-inline-start: auto;
  background-color: var(--as-color-accent);
  flex-shrink: 0;
  position: absolute;
  right: var(--as-size);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.icon:HOVER:AFTER {
  opacity: 1;
}
article + article {
  margin-block-start: var(--as-space-xl);
}
p + p {
  margin-block-start: var(--as-space-l);
}
.overview ul {
  --min-width: calc(7 * var(--as-size-default));
  --max-width: calc(12 * var(--as-size-default));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(var(--min-width), 20vw, var(--max-width)), 1fr));
  gap: var(--as-space-xl);
  font-size: var(--as-font-size-xxl);
}
.overview ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  aspect-ratio: var(--as-ratio-square);
  border-radius: var(--as-border-radius-m);
  border: var(--as-size-thin) solid var(--as-color-border-panel);
  background-color: var(--as-color-background-panel);
  transition: box-shadow var(--as-time-xs) ease-in-out;
  padding-inline: var(--as-space-l);
  text-decoration: none;
}
.overview ul li a span {
  padding: unset;
  white-space: unset;
}
.overview ul li a:is(:HOVER, :FOCUS, :ACTIVE) {
  box-shadow: var(--as-box-shadow);
  text-decoration: none;
}
span.searchword,
.searchword {
  font-family: inherit;
}
.menu-btn {
  display: none;
}
.menu-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: var(--as-color-overlay);
  left: -100%;
  top: 0;
  opacity: 0;
  transition: all var(--as-time-s) ease-out;
  z-index: calc(var(--as-index-navigation) - 1);
}
@media screen and (max-width: 65rem) {
  [layout] {
    grid-template-columns: 1fr;
  }
  [layout] nav {
    --size: .75;
    width: calc(var(--size) * var(--as-space-sidebar));
    height: 100vh;
    position: fixed;
    left: calc(-1 * var(--size) * var(--as-space-sidebar));
    top: 0;
    bottom: 0;
    z-index: var(--as-index-navigation);
  }
  [layout] nav.navopen {
    left: 0;
  }
  [content] {
    padding-inline: var(--as-space-m);
  }
  [content] header {
    margin-inline: calc(-1 * var(--as-space-m));
  }
  .menu-btn {
    display: block;
    position: fixed;
    top: var(--as-space-xl);
    right: var(--as-space-l);
    z-index: var(--as-index-navigation);
  }
  .menu-overlay.overlayopen {
    left: 0;
    opacity: 1;
  }
}
p {
  font-size: var(--as-font-size-l);
}
.equal {
  table-layout: fixed;
}
body[freeze] {
  pointer-events: none;
}
.as-drawer {
  --as-drawer-transition-time: 400ms;
  position: fixed;
  z-index: var(--as-index-modal);
  transition-duration: var(--as-drawer-transition-time);
  transition-timing-function: ease-in-out;
  background-color: #fff;
  padding-inline: var(--as-space-l);
  padding-block: var(--as-space-l);
}
.as-drawer.top {
  top: -100%;
  left: 0;
  right: 0;
  transition-property: top;
}
.as-drawer.top[data-state=open] {
  top: 0;
}
.as-drawer.bottom {
  bottom: -100%;
  left: 0;
  right: 0;
  transition-property: bottom;
}
.as-drawer.bottom[data-state=open] {
  bottom: 0;
}
.as-drawer.left {
  top: 0;
  bottom: 0;
  left: -100%;
  display: inline-block;
  width: 100%;
  max-width: 30vw;
  transition-property: left;
}
.as-drawer.left[data-state=open] {
  left: 0;
}
.as-drawer.right {
  top: 0;
  bottom: 0;
  right: -100%;
  width: 100%;
  max-width: 30vw;
  transition-property: right;
}
.as-drawer.right[data-state=open] {
  right: 0;
}
.as-drawer.center {
  top: -100%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition-property: top;
}
.as-drawer.center[data-state=open] {
  top: 50%;
  max-height: 50vh;
  max-width: 50vw;
  overflow-y: auto;
  opacity: 1;
}
.as-overlay {
  position: fixed;
  z-index: var(--as-index-overlay);
  background-color: var(--as-color-overlay);
  opacity: 0;
  inset: 0;
  transition: opacity .3s ease-in-out;
  cursor: pointer;
}
.as-overlay[data-state=open] {
  opacity: .5;
}
.as-drawer button:FOCUS {
  outline: var(--as-size-xxs) dotted var(--as-color-background-button-weak);
}
.layouts {
  margin-block-end: var(--as-space-l);
}
.layouts fieldset {
  border: var(--as-size-thin) solid var(--as-color-border-panel);
  border-radius: var(--as-border-radius);
  padding-block: var(--as-space-m);
  padding-inline: var(--as-space-m);
  display: grid;
  gap: var(--as-space-m);
}
.layouts fieldset legend {
  display: flex;
  gap: var(--as-space-s);
}
.layouts fieldset legend .item {
  font-family: var(--as-font-mono);
  font-size: var(--as-font-size-m);
  padding-inline: var(--as-space-s) var(--as-space-xl);
  padding-block: var(--as-space-xs);
  background-color: var(--as-color-background-panel);
  border: var(--as-size-thin) solid var(--as-color-accent);
  border-radius: var(--as-border-radius);
  position: relative;
  cursor: pointer;
}
.layouts fieldset legend .item:HOVER {
  box-shadow: var(--as-box-shadow);
}
.layouts fieldset legend .item:AFTER {
  content: "";
  display: block;
  width: var(--as-size);
  aspect-ratio: 1/1;
  mask-image: var(--as-icon-clone);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  margin-inline-start: auto;
  background-color: var(--as-color-accent);
  flex-shrink: 0;
  position: absolute;
  right: var(--as-size-s);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.layouts fieldset legend .item:HOVER:AFTER {
  opacity: 1;
}
.layouts fieldset:has(> legend) {
  border: var(--as-size-thin) solid var(--as-color-accent);
}
.layouts fieldset.col,
.layouts fieldset.col2,
.layouts fieldset.col3 {
  grid-template-columns: repeat(auto-fit, minmax(calc(10 * var(--as-size-l)), 1fr));
}
.page-header {
  padding-inline: var(--as-space-xxl);
  padding-block: var(--as-space-l);
  position: relative;
}
.page-header:AFTER {
  content: "";
  width: calc(100% - 2 * var(--as-space-xxl));
  height: var(--as-size-thin);
  display: block;
  background-color: var(--as-color-border-panel);
  position: absolute;
  bottom: 0;
  left: var(--as-space-xxl);
}
.edit-bar,
.consent-menu,
.warnings,
.anonymization-request {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--as-space-s);
}
:is(.edit-bar, .consent-menu, .warnings, .anonymization-request) {
  overflow-x: scroll;
  scrollbar-width: none;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  flex-wrap: nowrap;
  & > :is(button, as-popout > button, a, .badge) {
    white-space: nowrap;
  }
}
.page-content {
  padding-inline: var(--as-space-xxl);
  padding-block: var(--as-space-l);
}
@media screen and (max-width: 800px) {
  .page-header {
    padding-inline: var(--as-space-l);
  }
  .page-header:AFTER {
    width: calc(100% - 2 * var(--as-space-xl));
    left: var(--as-space-xl);
  }
  .page-content {
    padding-inline: var(--as-space-l);
  }
}
.panel {
  --padding: var(--as-space-m);
  border-width: var(--as-size-thin);
  border-color: var(--as-color-border-panel);
  border-style: solid;
  border-radius: var(--as-size-xs);
  background-color: var(--as-color-background-panel);
}
as-panel {
  display: block;
}
.panel + .panel,
as-panel + as-panel,
as-panel + * {
  margin-block-start: var(--as-space-l);
}
.panel .panel-heading {
  color: var(--as-color-text);
  padding-inline: var(--padding);
  padding-block: var(--padding);
  font-family: var(--as-font-bold);
  font-weight: 400;
  font-size: var(--as-font-size-xxl);
  line-height: var(--as-line-height-heading);
  position: relative;
  display: flex;
  gap: var(--as-space-l);
  justify-content: space-between;
  align-items: center;
  div {
    font-family: var(--as-font-bold);
  }
}
.panel .panel-heading:AFTER {
  content: "";
  width: calc(100% - 2 * var(--padding));
  height: var(--as-size-thin);
  display: block;
  background-color: var(--as-color-border-panel);
  position: absolute;
  bottom: 0;
  left: var(--padding);
}
.panel .panel-body {
  padding-inline: var(--padding);
  padding-block: var(--padding);
  transition: all var(--as-time-s) ease-out;
}
.panel .columns {
  --size: var(--as-space-xl);
  display: flex;
  gap: var(--size);
}
.panel .columns > * {
  width: 100%;
  align-self: stretch;
  position: relative;
}
.panel .columns > *:not(:first-child):before {
  content: "";
  position: absolute;
  width: var(--as-size-thin);
  height: 100%;
  margin-inline-start: calc(-.5 * var(--size));
  background-color: var(--as-color-border-panel);
  display: block;
}
@media screen and (max-width: 800px) {
  .panel .columns {
    flex-direction: column;
  }
  .panel .columns > *:not(:first-child):before {
    width: 100%;
    height: var(--as-size-thin);
    margin-inline: 0;
    margin-block-start: calc(-.5 * var(--size));
  }
}
.filtering {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(10 * var(--as-size-l)), 1fr));
  gap: var(--as-space-s);
}
.filtering + .filtering {
  margin-block-start: var(--as-space-m);
}
.filtering > * {
  width: 100%;
}
.date-interval {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--as-space-s);
}
.btn,
input:is([type=submit], [type=button]) {
  --background: var(--as-color-background-button);
  --border: var(--background);
  --color: var(--as-color-text-button);
  --padding-inline: var(--as-space-m);
  --padding-block: var(--as-space-s);
  --font-size: var(--as-font-size-m);
  background-color: var(--background);
  border-color: var(--border);
  border-width: var(--as-size-thin);
  border-style: solid;
  font-size: var(--font-size);
  color: var(--color);
  padding-inline: var(--padding-inline);
  padding-block: var(--padding-block);
  border-radius: var(--as-size-xs);
  line-height: var(--as-line-height-form);
  text-align: center;
  cursor: pointer;
  transition: all var(--as-time-xs);
  display: inline-flex;
  align-items: center;
  gap: var(--as-space-s);
  justify-content: center;
}
.btn[size=m] {
  font-size: var(--as-font-size-s);
  --padding-inline: var(--as-space-s);
  --padding-block: var(--as-space-xs);
}
.btn[size=l] {
  font-size: var(--as-font-size-xl);
}
.btn-outline {
  background-color: var(--as-color-text-button);
  color: var(--background);
}
.btn-transparent {
  border-color: transparent;
  background-color: transparent;
  color: var(--as-color-text);
}
.btn-warning {
  --background: var(--as-color-status-warning-strong);
  --border: var(--as-color-status-warning-strong);
  --color: var(--as-color-text-button);
}
.btn-error {
  --background: var(--as-color-status-error-strong);
  --border: var(--as-color-status-error-strong);
  --color: var(--as-color-text-button);
}
.btn-success {
  --background: var(--as-color-status-success-strong);
  --border: var(--as-color-status-success-strong);
  --color: var(--as-color-text-button);
}
:is(.btn, .btn-outline, .btn-warning, .btn-error, .btn-success):is(:HOVER) {
  --bg: hsl(from var(--background) h s calc(l + var(--as-color-lightness-factor)));
  background-color: var(--bg);
  border-color: var(--bg);
  box-shadow: var(--as-box-shadow);
  color: var(--as-color-text-button);
  text-decoration: none;
}
:is(.btn, .btn-outline, .btn-warning, .btn-error, .btn-success):is(:FOCUS, :ACTIVE) {
  --bg: hsl(from var(--background) h s calc(l - var(--as-color-lightness-factor)));
  background-color: var(--bg);
  border-color: var(--bg);
  box-shadow: 0 0 0 transparent;
  color: var(--as-color-text-button);
  text-decoration: none;
}
a.btn {
  text-align: left;
  justify-content: flex-start;
}
:is(a.btn):is(:HOVER) {
  background-color: inherit;
  border-color: transparent;
  color: inherit;
  text-decoration: underline;
  box-shadow: 0 0 0 transparent;
}
as-button-group:not([vertical]),
as-button-group:not([vertical]) > * {
  display: flex;
  gap: 0;
  align-items: center;
  overflow-x: auto;
}
as-button-group:not([vertical]) > .btn,
as-button-group:not([vertical]) > * > .btn,
as-button-group:not([vertical]) > .data-line > :is(input, input:checked) + label {
  white-space: nowrap;
}
as-button-group:not([vertical]) > .btn:first-child,
as-button-group:not([vertical]) > *:first-child > .btn,
as-button-group:not([vertical]) > .data-line > :is(input, input:checked) + label:first-of-type {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-inline-end-width: 0;
}
as-button-group:not([vertical]) > .btn:last-child,
as-button-group:not([vertical]) > *:last-child > .btn,
as-button-group:not([vertical]) > .data-line > :is(input, input:checked) + label:last-of-type {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
as-button-group:not([vertical]) > .btn:not(:first-child, :last-child),
as-button-group:not([vertical]) > *:not(:first-child, :last-child) > .btn,
as-button-group:not([vertical]) > .data-line > :is(input, input:checked) + label:not(:first-of-type, :last-of-type) {
  border-radius: 0;
  border-inline-end-width: 0;
}
as-button-group:not([vertical]) > .data-line > :is(input, input:checked) + label:not(:first-of-type, :last-of-type),
as-button-group:not([vertical]) > .data-line > :is(input, input:checked) + label:last-of-type {
  border-inline-start-color: var(--color-active);
  border-inline-start: 1px solid;
}
as-button-group[vertical],
as-button-group[vertical] .data-line {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: unset;
  max-width: fit-content;
}
as-button-group[vertical] > .btn,
as-button-group[vertical] > * > .btn,
as-button-group[vertical] > .data-line > :is(input, input:checked) + label {
  white-space: unset;
  width: 100%;
}
as-button-group[vertical] > .btn:first-child,
as-button-group[vertical] > *:first-child > .btn,
as-button-group[vertical] .data-line > :is(input, input:checked) + label:first-of-type {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-block-end-width: 0;
}
as-button-group[vertical] > .btn:last-child,
as-button-group[vertical] > *:last-child > .btn,
as-button-group[vertical] .data-line > :is(input, input:checked) + label:last-of-type {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
as-button-group[vertical] > .btn:not(:first-child, :last-child),
as-button-group[vertical] > as-popout:not(:first-child, :last-child) > .btn,
as-button-group[vertical] > .data-line > :is(input, input:checked) + label:not(:first-of-type, :last-of-type) {
  border-radius: 0;
  border-block-end-width: 0;
}
@media screen and (max-width: 800px) {
  .btn {
    --font-size: var(--as-font-size-l);
    --padding-inline: var(--as-space-s);
    --padding-block: var(--as-space-xs);
    as-icon {
      --size: var(--as-size) !important;
    }
  }
}
.badge,
as-badge {
  --background: var(--as-color-background-nav-weak);
  --font-size: var(--as-font-size-m);
  --icon-size: var(--as-size);
  font-size: var(--font-size);
  border-radius: var(--as-border-radius-pill);
  border-width: var(--as-size-thin);
  border-style: solid;
  border-color: currentColor;
  background-color: var(--background);
  padding-inline: var(--as-space-xl) var(--as-space-l);
  padding-block: var(--as-space-xs);
  position: relative;
  transition: background-color var(--as-time-xs) ease-out;
  &:after {
    content: "";
    display: block;
    width: var(--icon-size);
    aspect-ratio: 1/1;
    mask-image: var(--as-icon-message);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    margin-inline-start: auto;
    background-color: currentColor;
    flex-shrink: 0;
    position: absolute;
    left: var(--as-size-m);
    top: 50%;
    transform: translateY(-50%);
  }
}
as-badge.neutral,
.badge.neutral {
  --background: var(--as-color-background-panel);
  color: var(--as-color-background-button);
  &:HOVER {
    background-color: hsl(from var(--background) h s calc(l + var(--as-color-lightness-factor)));
  }
  &:after {
    mask-image: var(--as-icon-message);
  }
}
as-badge.info,
.badge.info {
  --background: var(--as-color-background-nav);
  color: var(--as-color-background-button);
  &:HOVER {
    background-color: hsl(from var(--background) h s calc(l + var(--as-color-lightness-factor)));
  }
  &:after {
    mask-image: var(--as-icon-info);
  }
}
as-badge.warning,
.badge.warning {
  --background: var(--as-color-status-warning);
  color: var(--as-color-text-button);
  &:HOVER {
    background-color: hsl(from var(--background) h s calc(l + var(--as-color-lightness-factor)));
  }
  &:after {
    mask-image: var(--as-icon-triangle-exclamation);
  }
}
as-badge.error,
.badge.error {
  --background: var(--as-color-status-error);
  color: var(--as-color-text-button);
  &:HOVER {
    background-color: hsl(from var(--background) h s calc(l + var(--as-color-lightness-factor)));
  }
  &:after {
    mask-image: var(--as-icon-times-solid);
  }
}
as-badge.success,
.badge.success {
  --background: var(--as-color-status-success);
  color: var(--as-color-text-button);
  &:HOVER {
    background-color: hsl(from var(--background) h s calc(l + var(--as-color-lightness-factor)));
  }
  &:after {
    mask-image: var(--as-icon-checkmark);
  }
}
@media screen and (max-width: 800px) {
  :is(.badge, as-badge) {
    --font-size: var(--as-font-size-s);
    --icon-size: var(--as-size-m);
  }
}
.toast-wrapper {
  position: fixed;
  z-index: var(--as-index-toast);
  top: 0;
  right: 0;
  padding: var(--as-space-l);
  display: flex;
  flex-direction: column;
  gap: var(--as-space-m);
  transition: all var(--as-time-xs) ease-out;
  background-image: radial-gradient(ellipse at top right, transparent);
}
.toast-wrapper:not(:empty):HOVER {
  background-image:
    radial-gradient(
      farthest-corner at 100% 0,
      #00000022 50%,
      transparent 70%,
      transparent 100%);
}
.toast-wrapper .toast {
  --delay: 2.7s;
  max-width: var(--as-space-sidebar);
  width: auto;
  max-width: calc(20 * var(--as-size));
  text-align: left;
  word-wrap: wrap;
  word-break: break-word;
  padding-inline: var(--as-space-m);
  padding-block: var(--as-space-m);
  border-radius: var(--as-border-radius);
  background-color: var(--as-color-status-neutral);
  color: var(--as-color-text);
  box-shadow: var(--as-box-shadow);
  display: inline-flex;
  align-self: flex-end;
  gap: var(--as-space-m);
  line-height: var(--as-line-height-default);
  opacity: 1;
  animation-name: fadeout;
  animation-duration: 1s;
  animation-delay: var(--delay);
  transition-property: opacity;
}
@keyframes fadeout {
  100% {
    opacity: 0;
  }
}
.toast-wrapper .toast as-gauge {
  line-height: 0;
}
.toast-wrapper .toast button {
  appearance: none;
  background: none;
  line-height: 0;
  color: inherit;
  cursor: pointer;
  transition: rotate var(--as-time-s) cubic-bezier(0.34, 1.56, 0.64, 1);
}
.toast-wrapper .toast button:HOVER {
  rotate: .25turn;
}
.toast-wrapper .info {
  background-color: var(--as-color-background-nav-weak);
  color: var(--as-color-text);
}
.toast-wrapper .warning {
  background-color: var(--as-color-status-warning-weak);
  color: var(--as-color-text-button);
}
.toast-wrapper .error {
  background-color: var(--as-color-status-error-weak);
  color: var(--as-color-text-button);
}
.toast-wrapper .success {
  background-color: var(--as-color-status-success-weak);
  color: var(--as-color-text-button);
}
.data-list,
.data-line {
  display: flex;
  flex-direction: column;
  gap: var(--as-space-s);
}
.data-list > * > *:first-child {
  font-family: var(--as-font-bold);
}
.data-list > * > *:last-child {
  margin-inline-start: auto;
}
.one-line > * {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
:is(.form, .filtering, as-select, as-select-multiple, as-date-picker, .data-list, .data-line, [searchpanel]) {
  --padding-inline: var(--as-space-s);
  --padding-block: var(--as-space-s);
  --font-size: var(--as-font-size-m);
  --line-height: var(--as-line-height-form);
  --color-inactive: var(--as-color-status-neutral);
  --color-active: var(--as-color-status-success);
  --color-toggle-inactive: var(--as-color-background);
  --color-toggle-active: var(--as-color-background);
  --toggle-width: calc(var(--as-size) + var(--as-size-l));
  --toggle-space: var(--as-size-xxs);
  --pin-width: calc(var(--toggle-width) / 2 - 2 * var(--toggle-space));
  --color-checkbox-inactive: var(--as-color-background);
  --color-checkbox-active: var(--as-color-background);
  --checkbox-width: calc((var(--as-size) + var(--as-size-l)) / 2);
  --checkbox-space: var(--as-size-xxs);
  --checkmark-width: calc(var(--checkbox-width) - 2 * var(--checkbox-space));
  --checkmark-icon: var(--as-icon-checkmark);
  --indeterminate-icon: var(--as-icon-minus);
  --color-radio-inactive: var(--as-color-background);
  --color-radio-active: var(--as-color-background);
  --radio-width: calc((var(--as-size) + var(--as-size-l)) / 2);
  --radio-space: var(--as-size-s);
  --radiomark-width: calc(var(--radio-width) - 2 * var(--radio-space));
  --background: var(--as-color-background-button);
  --border: var(--background);
  --color: var(--as-color-text-button);
  --padding-inline: var(--as-space-m);
  --padding-block: var(--as-space-s);
  --font-size: var(--as-font-size-m);
  label {
    font-weight: normal;
    font-family: var(--as-font-bold);
    font-size: var(--as-font-size-m);
  }
  textarea {
    --lines: 5;
    min-height: calc(var(--lines) * var(--font-size) * var(--line-height) + 2 * var(--padding-block));
  }
  :is(input:not([type=checkbox], [type=radio]), textarea, select:not(as-select select, as-select2range select), as-select-multiple button[trigger], .uploadControl, div[id^=linkSelectorDialog] input[type=text], .listchart-dialog select, div[contenteditable=true]:not(.sun-editor-editable)):not(input[type=range]) {
    appearance: none;
    padding-inline: var(--padding-inline);
    padding-block: var(--padding-block);
    font-family: inherit;
    font-size: var(--font-size);
    line-height: var(--line-height);
    border-width: var(--as-size-thin);
    border-style: solid;
    border-color: var(--as-color-border-panel);
    border-radius: var(--as-border-radius-s);
    width: 100%;
    overflow: hidden;
    resize: none;
    field-sizing: content;
    outline-color: transparent;
    outline-style: solid;
    outline-width: 0;
    position: relative;
    &:is(:FOCUS, :FOCUS-WITHIN, :ACTIVE) {
      border-color: var(--as-color-text-nav);
    }
  }
  :is(.toggle > input[type=checkbox]) {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden;
    + label {
      cursor: pointer;
      user-select: none;
      position: relative;
      outline: 0;
      min-height: calc(1.3 * var(--pin-width));
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: var(--as-space-m);
      line-height: var(--as-line-height-none);
      &:before {
        position: absolute;
        inset: 0 0 0 auto;
        content: "";
        display: block;
        z-index: 1;
        width: var(--toggle-width);
        aspect-ratio: 2/1;
        border-radius: var(--as-border-radius-pill);
        background-color: var(--color-inactive);
        transition: background var(--as-time-xs) ease;
      }
      &:after {
        inset: var(--toggle-space) calc(var(--pin-width) + 3 * var(--toggle-space)) var(--toggle-space) auto;
        position: absolute;
        content: "";
        opacity: 1;
        z-index: 2;
        width: var(--pin-width);
        aspect-ratio: 1/1;
        border-radius: var(--as-border-radius-circle);
        background-color: var(--color-toggle-inactive);
        transition: background var(--as-time-xs) ease-out, inset var(--as-time-xs) ease-out;
      }
    }
    &:checked + label:before {
      background-color: var(--color-active);
    }
    &:checked + label:after {
      background-color: var(--color-toggle-active);
      inset: var(--toggle-space) var(--toggle-space) var(--toggle-space) auto;
    }
    &:indeterminate + label:after {
      background-color: var(--color-toggle-active);
      inset: var(--toggle-space) calc(6 * var(--toggle-space)) var(--toggle-space) auto;
    }
    &:indeterminate + label:before {
      background-color: rgb(from var(--color-active) r g b / .5);
    }
  }
  :is(.checkbox > input[type=checkbox]) {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden;
    + label {
      cursor: pointer;
      user-select: none;
      position: relative;
      outline: 0;
      min-height: calc(1.3 * var(--checkmark-width));
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: var(--as-space-xs);
      &:before {
        content: "";
        display: block;
        z-index: 1;
        width: var(--checkbox-width);
        aspect-ratio: var(--as-ratio-square);
        border-radius: var(--as-border-radius-s);
        background-color: var(--color-inactive);
        transition: background var(--as-time-xs) ease;
      }
    }
    &:checked + label:before,
    &:indeterminate + label:before {
      --color-active: var(--as-color-accent);
      background-color: var(--color-active);
    }
    &:checked + label:after,
    &:indeterminate + label:after {
      position: absolute;
      content: "";
      display: block;
      opacity: 1;
      z-index: 2;
      width: var(--checkmark-width);
      aspect-ratio: var(--as-ratio-square);
      transition: background var(--as-time-xs) ease-out, inset var(--as-time-xs) ease-out;
      background-color: var(--color-checkbox-active);
      inset: var(--checkbox-space) auto var(--checkbox-space) var(--checkbox-space);
      aspect-ratio: var(--as-ratio-square);
      mask-image: var(--checkmark-icon);
      mask-repeat: no-repeat;
      mask-size: contain;
      mask-position: center;
      color: var(--color-checkbox-active);
      background-color: var(--color-checkbox-active);
    }
    &:indeterminate + label:after {
      mask-image: var(--indeterminate-icon);
    }
  }
  :is(input[type=radio]) {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden;
    + label {
      cursor: pointer;
      user-select: none;
      position: relative;
      outline: 0;
      min-height: calc(1.3 * var(--radio-width));
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: var(--as-space-xs);
      z-index: 3;
      &:before {
        content: "";
        display: block;
        z-index: 1;
        width: var(--radio-width);
        aspect-ratio: var(--as-ratio-square);
        border-radius: var(--as-border-radius-circle);
        background-color: var(--color-inactive);
        transition: background var(--as-time-xs) ease;
      }
    }
    &:checked + label:before {
      --color-active: var(--as-color-accent);
      background-color: var(--color-active);
    }
    &:checked + label:after {
      position: absolute;
      content: "";
      display: block;
      opacity: 1;
      z-index: 2;
      width: var(--radiomark-width);
      aspect-ratio: var(--as-ratio-square);
      border-radius: var(--as-border-radius-circle);
      transition: background var(--as-time-xs) ease-out, inset var(--as-time-xs) ease-out;
      background-color: var(--color-radio-active);
      inset: calc(1.5 * var(--radio-space)) var(--radio-space) var(--radio-space) var(--radio-space);
      color: var(--color-radio-active);
      background-color: var(--color-radio-active);
    }
  }
  :is(.button) {
    flex-direction: row;
  }
  :is(.button > input[type=checkbox]) {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden;
    + label {
      --color-active: var(--as-color-accent);
      cursor: pointer;
      user-select: none;
      position: relative;
      outline: 0;
      white-space: nowrap;
      background-color: var(--as-color-inactive);
      border-color: var(--as-color-accent);
      border-width: var(--as-size-thin);
      border-style: solid;
      font-size: var(--font-size);
      color: var(--color-active);
      padding-inline: calc(.5 * var(--padding-inline)) var(--padding-inline);
      padding-block: var(--padding-block);
      border-radius: var(--as-border-radius);
      line-height: var(--as-line-height-form);
      text-align: center;
      cursor: pointer;
      transition: all var(--as-time-xxs);
      display: inline-flex;
      align-items: center;
      gap: var(--as-space-s);
      justify-content: center;
      &:before {
        content: "";
        display: block;
        opacity: 1;
        z-index: 2;
        width: var(--checkmark-width);
        aspect-ratio: var(--as-ratio-square);
        mask-image: var(--as-icon-square);
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        background-color: currentColor;
      }
    }
    &:checked + label,
    &:indeterminate + label {
      --color-active: var(--as-color-accent);
      background-color: var(--color-active);
      color: var(--color-checkbox-active);
      border-color: var(--color-active);
      border-width: var(--as-size-thin);
      border-style: solid;
    }
    &:checked + label:before {
      mask-image: var(--checkmark-icon);
    }
    &:indeterminate + label:before {
      mask-image: var(--as-icon-minus);
    }
  }
  :is(.button > input[type=radio]) {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden;
    + label {
      --color-active: var(--as-color-accent);
      cursor: pointer;
      user-select: none;
      position: relative;
      outline: 0;
      white-space: nowrap;
      background-color: var(--as-color-inactive);
      border-color: var(--as-color-accent);
      border-width: var(--as-size-thin);
      border-style: solid;
      font-size: var(--font-size);
      color: var(--color-active);
      padding-inline: calc(.5 * var(--padding-inline)) var(--padding-inline);
      padding-block: var(--padding-block);
      border-radius: var(--as-border-radius-pill);
      line-height: var(--as-line-height-form);
      text-align: center;
      cursor: pointer;
      transition: all var(--as-time-xxs);
      display: inline-flex;
      align-items: center;
      gap: var(--as-space-s);
      justify-content: center;
      &:before {
        content: "";
        display: block;
        opacity: 1;
        z-index: 2;
        width: var(--checkmark-width);
        aspect-ratio: var(--as-ratio-square);
        mask-image: var(--as-icon-plus);
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position: center;
        background-color: currentColor;
      }
      &:after {
        content: unset;
      }
    }
    &:checked + label {
      --color-active: var(--as-color-accent);
      background-color: var(--color-active);
      color: var(--color-radio-active);
      border-color: var(--color-active);
      border-width: var(--as-size-thin);
      border-style: solid;
    }
    &:checked + label:before {
      mask-image: var(--as-icon-minus);
    }
  }
  @media screen and (max-width: 800px) {
    --font-size: var(--as-font-size-l);
  }
}
:disabled,
:disabled + label,
:disabled > *,
:disabled *,
[disabled] * {
  opacity: .8;
  pointer-events: none;
}
.table {
  --padding-inline: var(--as-size);
  --padding-block: var(--as-size-m);
  --border-color: var(--as-color-border-panel);
  --highlight: var(--as-color-background-nav-weak);
  --border-width: var(--as-size-thin);
  --heading-font-size: var(--as-font-size-m);
  --cell-font-size: var(--as-font-size-m);
  --font-family: var(--as-font-regular);
  width: 100%;
  border-collapse: collapse;
  thead {
    th {
      padding-inline: var(--padding-inline);
      padding-block: var(--padding-block);
      text-align: left;
      border-block-end-width: var(--border-width);
      border-block-end-color: var(--border-color);
      border-block-end-style: solid;
      font-size: var(--heading-font-size);
      font-weight: 400;
      font-family: var(--as-font-bold);
      vertical-align: center;
      background-color: var(--as-color-background);
      > div {
        font-family: var(--as-font-bold);
      }
      label {
        font-family: var(--as-font-bold);
      }
    }
  }
  tbody {
    td {
      padding-inline: var(--padding-inline);
      padding-block: var(--padding-block);
      text-align: left;
      font-size: var(--cell-font-size);
      font-family: var(--font-family);
      line-height: var(--as-line-height-tight);
      border-block-end-width: var(--border-width);
      border-block-end-color: var(--border-color);
      border-block-end-style: solid;
      transition: all var(--as-time-xs) ease-out;
      vertical-align: top;
      * {
        line-height: inherit;
      }
    }
  }
  @media screen and (max-width: 50em) {
    --heading-font-size: var(--as-font-size-l);
    --cell-font-size: var(--as-font-size-l);
    min-width: unset;
    thead {
      display: none;
    }
    tr {
      display: flex;
      flex-direction: column;
      gap: var(--as-space-xxs);
      td:not(:last-child) {
        border: unset;
      }
    }
  }
}
@media screen and (max-width: 800px) {
  as-tab-group as-tab {
    display: flex;
    width: 100%;
    padding-inline: unset;
  }
  as-tab-group as-tab:not([selected]) {
    border-block-end: var(--as-size-thin) solid var(--color-divider);
  }
  as-tab-group as-tab-panel:not([hidden]) {
    order: unset;
  }
}
@keyframes time {
  from {
    gap: var(--as-space-xxs);
  }
  to {
    gap: var(--as-space-xxl);
  }
}

/* src/assets/css/components/components-entry.css */
/*# sourceMappingURL=components.css.map */