/*!
 * Pico CSS v1.5.13 (https://picocss.com)
 * Copyright 2019-2024 - Licensed under MIT
 */
/**
 * Theme: default
 */
:root {
  --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --line-height: 1.5;
  --font-weight: 400;
  --font-size: 16px;
}
@media (min-width: 576px) {
  :root {
    --font-size: 17px;
  }
}
@media (min-width: 768px) {
  :root {
    --font-size: 18px;
  }
}
@media (min-width: 992px) {
  :root {
    --font-size: 19px;
  }
}
@media (min-width: 1200px) {
  :root {
    --font-size: 20px;
  }
}
:root {
  --border-radius: 0.25rem;
  --border-width: 1px;
  --outline-width: 3px;
  --spacing: 1rem;
  --typography-spacing-vertical: 1.5rem;
  --block-spacing-vertical: calc(var(--spacing) * 2);
  --block-spacing-horizontal: var(--spacing);
  --grid-spacing-vertical: 0;
  --grid-spacing-horizontal: var(--spacing);
  --form-element-spacing-vertical: 0.75rem;
  --form-element-spacing-horizontal: 1rem;
  --nav-element-spacing-vertical: 1rem;
  --nav-element-spacing-horizontal: 0.5rem;
  --nav-link-spacing-vertical: 0.5rem;
  --nav-link-spacing-horizontal: 0.5rem;
  --form-label-font-weight: var(--font-weight);
  --transition: 0.2s ease-in-out;
  --modal-overlay-backdrop-filter: blur(0.25rem);
}

@media (min-width: 576px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 2.5);
  }
}
@media (min-width: 768px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 3);
  }
}
@media (min-width: 992px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 3.5);
  }
}
@media (min-width: 1200px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 4);
  }
}

@media (min-width: 576px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.25);
  }
}
@media (min-width: 768px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
  }
}
@media (min-width: 992px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.75);
  }
}
@media (min-width: 1200px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 2);
  }
}

dialog > article {
  --block-spacing-vertical: calc(var(--spacing) * 2);
  --block-spacing-horizontal: var(--spacing);
}
@media (min-width: 576px) {
  dialog > article {
    --block-spacing-vertical: calc(var(--spacing) * 2.5);
    --block-spacing-horizontal: calc(var(--spacing) * 1.25);
  }
}
@media (min-width: 768px) {
  dialog > article {
    --block-spacing-vertical: calc(var(--spacing) * 3);
    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
  }
}

a {
  --text-decoration: none;
}
a.secondary, a.contrast {
  --text-decoration: underline;
}

small {
  --font-size: 0.875em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  --font-weight: 700;
}

h1 {
  --font-size: 2rem;
  --typography-spacing-vertical: 3rem;
}

h2 {
  --font-size: 1.75rem;
  --typography-spacing-vertical: 2.625rem;
}

h3 {
  --font-size: 1.5rem;
  --typography-spacing-vertical: 2.25rem;
}

h4 {
  --font-size: 1.25rem;
  --typography-spacing-vertical: 1.874rem;
}

h5 {
  --font-size: 1.125rem;
  --typography-spacing-vertical: 1.6875rem;
}

[type=checkbox],
[type=radio] {
  --border-width: 2px;
}

[type=checkbox][role=switch] {
  --border-width: 3px;
}

thead th,
thead td,
tfoot th,
tfoot td {
  --border-width: 3px;
}

:not(thead, tfoot) > * > td {
  --font-size: 0.875em;
}

pre,
code,
kbd,
samp {
  --font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace",
    "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

kbd {
  --font-weight: bolder;
}

[data-theme=light],
:root:not([data-theme=dark]) {
  --background-color: #fff;
  --color: hsl(205, 20%, 32%);
  --h1-color: hsl(205, 30%, 15%);
  --h2-color: rgb(35.38125, 50.628125, 61.51875);
  --h3-color: hsl(205, 25%, 23%);
  --h4-color: rgb(54.63375, 72.706875, 85.61625);
  --h5-color: hsl(205, 20%, 32%);
  --h6-color: rgb(77.07375, 95.741875, 109.07625);
  --muted-color: hsl(205, 10%, 50%);
  --muted-border-color: hsl(205, 20%, 94%);
  --primary: hsl(195, 85%, 41%);
  --primary-hover: hsl(195, 90%, 32%);
  --primary-focus: rgba(15.6825, 148.98375, 193.4175, 0.125);
  --primary-inverse: #fff;
  --secondary: hsl(205, 15%, 41%);
  --secondary-hover: hsl(205, 20%, 32%);
  --secondary-focus: rgba(88.8675, 107.16375, 120.2325, 0.125);
  --secondary-inverse: #fff;
  --contrast: hsl(205, 30%, 15%);
  --contrast-hover: #000;
  --contrast-focus: rgba(88.8675, 107.16375, 120.2325, 0.125);
  --contrast-inverse: #fff;
  --mark-background-color: #fff2ca;
  --mark-color: rgb(83.83125, 57.871875, 37.29375);
  --ins-color: #388e3c;
  --del-color: #c62828;
  --blockquote-border-color: var(--muted-border-color);
  --blockquote-footer-color: var(--muted-color);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --form-element-background-color: transparent;
  --form-element-border-color: hsl(205, 14%, 68%);
  --form-element-color: var(--color);
  --form-element-placeholder-color: var(--muted-color);
  --form-element-active-background-color: transparent;
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --form-element-disabled-background-color: hsl(205, 18%, 86%);
  --form-element-disabled-border-color: hsl(205, 14%, 68%);
  --form-element-disabled-opacity: 0.5;
  --form-element-invalid-border-color: #c62828;
  --form-element-invalid-active-border-color: #d32f2f;
  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
  --form-element-valid-border-color: #388e3c;
  --form-element-valid-active-border-color: #43a047;
  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
  --switch-background-color: hsl(205, 16%, 77%);
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
  --range-border-color: hsl(205, 18%, 86%);
  --range-active-border-color: hsl(205, 16%, 77%);
  --range-thumb-border-color: var(--background-color);
  --range-thumb-color: var(--secondary);
  --range-thumb-hover-color: var(--secondary-hover);
  --range-thumb-active-color: var(--primary);
  --table-border-color: var(--muted-border-color);
  --table-row-stripped-background-color: rgb(245.82, 247.605, 248.88);
  --code-background-color: hsl(205, 20%, 94%);
  --code-color: var(--muted-color);
  --code-kbd-background-color: var(--contrast);
  --code-kbd-color: var(--contrast-inverse);
  --code-tag-color: hsl(330, 40%, 50%);
  --code-property-color: hsl(185, 40%, 40%);
  --code-value-color: hsl(40, 20%, 50%);
  --code-comment-color: hsl(205, 14%, 68%);
  --accordion-border-color: var(--muted-border-color);
  --accordion-close-summary-color: var(--color);
  --accordion-open-summary-color: var(--muted-color);
  --card-background-color: var(--background-color);
  --card-border-color: var(--muted-border-color);
  --card-box-shadow:
    0.0145rem 0.029rem 0.174rem rgba(26.775, 40.1625, 49.725, 0.01698),
    0.0335rem 0.067rem 0.402rem rgba(26.775, 40.1625, 49.725, 0.024),
    0.0625rem 0.125rem 0.75rem rgba(26.775, 40.1625, 49.725, 0.03),
    0.1125rem 0.225rem 1.35rem rgba(26.775, 40.1625, 49.725, 0.036),
    0.2085rem 0.417rem 2.502rem rgba(26.775, 40.1625, 49.725, 0.04302),
    0.5rem 1rem 6rem rgba(26.775, 40.1625, 49.725, 0.06),
    0 0 0 0.0625rem rgba(26.775, 40.1625, 49.725, 0.015);
  --card-sectionning-background-color: rgb(250.41, 251.3025, 251.94);
  --dropdown-background-color: rgb(250.41, 251.3025, 251.94);
  --dropdown-border-color: rgb(224.757, 230.2905, 234.243);
  --dropdown-box-shadow: var(--card-box-shadow);
  --dropdown-color: var(--color);
  --dropdown-hover-background-color: hsl(205, 20%, 94%);
  --modal-overlay-background-color: rgba(212.874, 220.371, 225.726, 0.7);
  --progress-background-color: hsl(205, 18%, 86%);
  --progress-color: var(--primary);
  --loading-spinner-opacity: 0.5;
  --tooltip-background-color: var(--contrast);
  --tooltip-color: var(--contrast-inverse);
  --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  color-scheme: light;
}

@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --background-color: rgb(16.734375, 25.1015625, 31.078125);
    --color: hsl(205, 16%, 77%);
    --h1-color: hsl(205, 20%, 94%);
    --h2-color: rgb(224.757, 230.2905, 234.243);
    --h3-color: hsl(205, 18%, 86%);
    --h4-color: rgb(199.92, 209.1425, 215.73);
    --h5-color: hsl(205, 16%, 77%);
    --h6-color: rgb(174.471, 186.609, 195.279);
    --muted-color: hsl(205, 10%, 50%);
    --muted-border-color: rgb(31.078125, 45.3953125, 55.621875);
    --primary: hsl(195, 85%, 41%);
    --primary-hover: hsl(195, 80%, 50%);
    --primary-focus: rgba(15.6825, 148.98375, 193.4175, 0.25);
    --primary-inverse: #fff;
    --secondary: hsl(205, 15%, 41%);
    --secondary-hover: hsl(205, 10%, 50%);
    --secondary-focus: rgba(114.75, 129.625, 140.25, 0.25);
    --secondary-inverse: #fff;
    --contrast: hsl(205, 20%, 94%);
    --contrast-hover: #fff;
    --contrast-focus: rgba(114.75, 129.625, 140.25, 0.25);
    --contrast-inverse: #000;
    --mark-background-color: rgb(208.488, 194.152, 131.912);
    --mark-color: rgb(16.734375, 25.1015625, 31.078125);
    --ins-color: #388e3c;
    --del-color: #c62828;
    --blockquote-border-color: var(--muted-border-color);
    --blockquote-footer-color: var(--muted-color);
    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --form-element-background-color: rgb(16.734375, 25.1015625, 31.078125);
    --form-element-border-color: rgb(54.63375, 72.706875, 85.61625);
    --form-element-color: var(--color);
    --form-element-placeholder-color: var(--muted-color);
    --form-element-active-background-color: var(--form-element-background-color);
    --form-element-active-border-color: var(--primary);
    --form-element-focus-color: var(--primary-focus);
    --form-element-disabled-background-color: hsl(205, 25%, 23%);
    --form-element-disabled-border-color: hsl(205, 20%, 32%);
    --form-element-disabled-opacity: 0.5;
    --form-element-invalid-border-color: #b71c1c;
    --form-element-invalid-active-border-color: #c62828;
    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
    --form-element-valid-border-color: #2e7d32;
    --form-element-valid-active-border-color: #388e3c;
    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
    --switch-background-color: rgb(54.63375, 72.706875, 85.61625);
    --switch-color: var(--primary-inverse);
    --switch-checked-background-color: var(--primary);
    --range-border-color: rgb(35.38125, 50.628125, 61.51875);
    --range-active-border-color: hsl(205, 25%, 23%);
    --range-thumb-border-color: var(--background-color);
    --range-thumb-color: var(--secondary);
    --range-thumb-hover-color: var(--secondary-hover);
    --range-thumb-active-color: var(--primary);
    --table-border-color: var(--muted-border-color);
    --table-row-stripped-background-color: rgba(114.75, 129.625, 140.25, 0.05);
    --code-background-color: rgb(23.428125, 35.1421875, 43.509375);
    --code-color: var(--muted-color);
    --code-kbd-background-color: var(--contrast);
    --code-kbd-color: var(--contrast-inverse);
    --code-tag-color: hsl(330, 30%, 50%);
    --code-property-color: hsl(185, 30%, 50%);
    --code-value-color: hsl(40, 10%, 50%);
    --code-comment-color: rgb(77.07375, 95.741875, 109.07625);
    --accordion-border-color: var(--muted-border-color);
    --accordion-active-summary-color: var(--primary);
    --accordion-close-summary-color: var(--color);
    --accordion-open-summary-color: var(--muted-color);
    --card-background-color: rgb(20.08125, 30.121875, 37.29375);
    --card-border-color: var(--card-background-color);
    --card-box-shadow:
      0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
      0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
      0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
      0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
      0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
      0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),
      0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    --card-sectionning-background-color: rgb(23.428125, 35.1421875, 43.509375);
    --dropdown-background-color: hsl(205, 30%, 15%);
    --dropdown-border-color: rgb(35.38125, 50.628125, 61.51875);
    --dropdown-box-shadow: var(--card-box-shadow);
    --dropdown-color: var(--color);
    --dropdown-hover-background-color: rgba(35.38125, 50.628125, 61.51875, 0.75);
    --modal-overlay-background-color: rgba(35.38125, 50.628125, 61.51875, 0.8);
    --progress-background-color: rgb(35.38125, 50.628125, 61.51875);
    --progress-color: var(--primary);
    --loading-spinner-opacity: 0.5;
    --tooltip-background-color: var(--contrast);
    --tooltip-color: var(--contrast-inverse);
    --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    color-scheme: dark;
  }
}
[data-theme=dark] {
  --background-color: rgb(16.734375, 25.1015625, 31.078125);
  --color: hsl(205, 16%, 77%);
  --h1-color: hsl(205, 20%, 94%);
  --h2-color: rgb(224.757, 230.2905, 234.243);
  --h3-color: hsl(205, 18%, 86%);
  --h4-color: rgb(199.92, 209.1425, 215.73);
  --h5-color: hsl(205, 16%, 77%);
  --h6-color: rgb(174.471, 186.609, 195.279);
  --muted-color: hsl(205, 10%, 50%);
  --muted-border-color: rgb(31.078125, 45.3953125, 55.621875);
  --primary: hsl(195, 85%, 41%);
  --primary-hover: hsl(195, 80%, 50%);
  --primary-focus: rgba(15.6825, 148.98375, 193.4175, 0.25);
  --primary-inverse: #fff;
  --secondary: hsl(205, 15%, 41%);
  --secondary-hover: hsl(205, 10%, 50%);
  --secondary-focus: rgba(114.75, 129.625, 140.25, 0.25);
  --secondary-inverse: #fff;
  --contrast: hsl(205, 20%, 94%);
  --contrast-hover: #fff;
  --contrast-focus: rgba(114.75, 129.625, 140.25, 0.25);
  --contrast-inverse: #000;
  --mark-background-color: rgb(208.488, 194.152, 131.912);
  --mark-color: rgb(16.734375, 25.1015625, 31.078125);
  --ins-color: #388e3c;
  --del-color: #c62828;
  --blockquote-border-color: var(--muted-border-color);
  --blockquote-footer-color: var(--muted-color);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --form-element-background-color: rgb(16.734375, 25.1015625, 31.078125);
  --form-element-border-color: rgb(54.63375, 72.706875, 85.61625);
  --form-element-color: var(--color);
  --form-element-placeholder-color: var(--muted-color);
  --form-element-active-background-color: var(--form-element-background-color);
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --form-element-disabled-background-color: hsl(205, 25%, 23%);
  --form-element-disabled-border-color: hsl(205, 20%, 32%);
  --form-element-disabled-opacity: 0.5;
  --form-element-invalid-border-color: #b71c1c;
  --form-element-invalid-active-border-color: #c62828;
  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
  --form-element-valid-border-color: #2e7d32;
  --form-element-valid-active-border-color: #388e3c;
  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
  --switch-background-color: rgb(54.63375, 72.706875, 85.61625);
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
  --range-border-color: rgb(35.38125, 50.628125, 61.51875);
  --range-active-border-color: hsl(205, 25%, 23%);
  --range-thumb-border-color: var(--background-color);
  --range-thumb-color: var(--secondary);
  --range-thumb-hover-color: var(--secondary-hover);
  --range-thumb-active-color: var(--primary);
  --table-border-color: var(--muted-border-color);
  --table-row-stripped-background-color: rgba(114.75, 129.625, 140.25, 0.05);
  --code-background-color: rgb(23.428125, 35.1421875, 43.509375);
  --code-color: var(--muted-color);
  --code-kbd-background-color: var(--contrast);
  --code-kbd-color: var(--contrast-inverse);
  --code-tag-color: hsl(330, 30%, 50%);
  --code-property-color: hsl(185, 30%, 50%);
  --code-value-color: hsl(40, 10%, 50%);
  --code-comment-color: rgb(77.07375, 95.741875, 109.07625);
  --accordion-border-color: var(--muted-border-color);
  --accordion-active-summary-color: var(--primary);
  --accordion-close-summary-color: var(--color);
  --accordion-open-summary-color: var(--muted-color);
  --card-background-color: rgb(20.08125, 30.121875, 37.29375);
  --card-border-color: var(--card-background-color);
  --card-box-shadow:
    0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
    0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
    0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
    0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
    0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
    0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),
    0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
  --card-sectionning-background-color: rgb(23.428125, 35.1421875, 43.509375);
  --dropdown-background-color: hsl(205, 30%, 15%);
  --dropdown-border-color: rgb(35.38125, 50.628125, 61.51875);
  --dropdown-box-shadow: var(--card-box-shadow);
  --dropdown-color: var(--color);
  --dropdown-hover-background-color: rgba(35.38125, 50.628125, 61.51875, 0.75);
  --modal-overlay-background-color: rgba(35.38125, 50.628125, 61.51875, 0.8);
  --progress-background-color: rgb(35.38125, 50.628125, 61.51875);
  --progress-color: var(--primary);
  --loading-spinner-opacity: 0.5;
  --tooltip-background-color: var(--contrast);
  --tooltip-color: var(--contrast-inverse);
  --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  color-scheme: dark;
}

progress,
[type=checkbox],
[type=radio],
[type=range] {
  accent-color: var(--primary);
}

/**
 * Document
 * Content-box & Responsive typography
 */
*,
*::before,
*::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

:where(:root) {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: var(--background-color);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
  cursor: default;
  tab-size: 4;
}

/**
 * Sectioning
 * Container and responsive spacings for header, main, footer
 */
main {
  display: block;
}

body {
  width: 100%;
  margin: 0;
}
body > header,
body > main,
body > footer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: var(--block-spacing-vertical) 0;
}

/**
* Container
*/
.container,
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spacing);
  padding-left: var(--spacing);
}

@media (min-width: 576px) {
  .container {
    max-width: 510px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1130px;
  }
}

/**
 * Section
 * Responsive spacings for section
 */
section {
  margin-bottom: var(--block-spacing-vertical);
}

/**
* Grid
* Minimal grid system with auto-layout columns
*/
.grid {
  grid-column-gap: var(--grid-spacing-horizontal);
  grid-row-gap: var(--grid-spacing-vertical);
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
}
@media (min-width: 992px) {
  .grid {
    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
  }
}
.grid > * {
  min-width: 0;
}

/**
 * Horizontal scroller (<figure>)
 */
figure {
  display: block;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}
figure figcaption {
  padding: calc(var(--spacing) * 0.5) 0;
  color: var(--muted-color);
}

/**
 * Typography
 */
b,
strong {
  font-weight: bolder;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

address,
blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-top: 0;
  margin-bottom: var(--typography-spacing-vertical);
  color: var(--color);
  font-style: normal;
  font-weight: var(--font-weight);
  font-size: var(--font-size);
}

a,
[role=link] {
  --color: var(--primary);
  --background-color: transparent;
  outline: none;
  background-color: var(--background-color);
  color: var(--color);
  text-decoration: var(--text-decoration);
  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);
}
a:is([aria-current], :hover, :active, :focus),
[role=link]:is([aria-current], :hover, :active, :focus) {
  --color: var(--primary-hover);
  --text-decoration: underline;
}
a:focus,
[role=link]:focus {
  --background-color: var(--primary-focus);
}
a.secondary,
[role=link].secondary {
  --color: var(--secondary);
}
a.secondary:is([aria-current], :hover, :active, :focus),
[role=link].secondary:is([aria-current], :hover, :active, :focus) {
  --color: var(--secondary-hover);
}
a.secondary:focus,
[role=link].secondary:focus {
  --background-color: var(--secondary-focus);
}
a.contrast,
[role=link].contrast {
  --color: var(--contrast);
}
a.contrast:is([aria-current], :hover, :active, :focus),
[role=link].contrast:is([aria-current], :hover, :active, :focus) {
  --color: var(--contrast-hover);
}
a.contrast:focus,
[role=link].contrast:focus {
  --background-color: var(--contrast-focus);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: var(--typography-spacing-vertical);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-family: var(--font-family);
}

h1 {
  --color: var(--h1-color);
}

h2 {
  --color: var(--h2-color);
}

h3 {
  --color: var(--h3-color);
}

h4 {
  --color: var(--h4-color);
}

h5 {
  --color: var(--h5-color);
}

h6 {
  --color: var(--h6-color);
}

:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {
  margin-top: var(--typography-spacing-vertical);
}

hgroup,
.headings {
  margin-bottom: var(--typography-spacing-vertical);
}
hgroup > *,
.headings > * {
  margin-bottom: 0;
}
hgroup > *:last-child,
.headings > *:last-child {
  --color: var(--muted-color);
  --font-weight: unset;
  font-size: 1rem;
  font-family: unset;
}

p {
  margin-bottom: var(--typography-spacing-vertical);
}

small {
  font-size: var(--font-size);
}

:where(dl, ol, ul) {
  padding-right: 0;
  padding-left: var(--spacing);
  padding-inline-start: var(--spacing);
  padding-inline-end: 0;
}
:where(dl, ol, ul) li {
  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
}

:where(dl, ol, ul) :is(dl, ol, ul) {
  margin: 0;
  margin-top: calc(var(--typography-spacing-vertical) * 0.25);
}

ul li {
  list-style: square;
}

mark {
  padding: 0.125rem 0.25rem;
  background-color: var(--mark-background-color);
  color: var(--mark-color);
  vertical-align: baseline;
}

blockquote {
  display: block;
  margin: var(--typography-spacing-vertical) 0;
  padding: var(--spacing);
  border-right: none;
  border-left: 0.25rem solid var(--blockquote-border-color);
  border-inline-start: 0.25rem solid var(--blockquote-border-color);
  border-inline-end: none;
}
blockquote footer {
  margin-top: calc(var(--typography-spacing-vertical) * 0.5);
  color: var(--blockquote-footer-color);
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: help;
}

ins {
  color: var(--ins-color);
  text-decoration: none;
}

del {
  color: var(--del-color);
}

::selection {
  background-color: var(--primary-focus);
}

/**
 * Embedded content
 */
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

:where(iframe) {
  border-style: none;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

:where(svg:not([fill])) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

/**
 * Button
 */
button {
  margin: 0;
  overflow: visible;
  font-family: inherit;
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button {
  display: block;
  width: 100%;
  margin-bottom: var(--spacing);
}

[role=button] {
  display: inline-block;
  text-decoration: none;
}

button,
input[type=submit],
input[type=button],
input[type=reset],
[role=button] {
  --background-color: var(--primary);
  --border-color: var(--primary);
  --color: var(--primary-inverse);
  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
button:is([aria-current], :hover, :active, :focus),
input[type=submit]:is([aria-current], :hover, :active, :focus),
input[type=button]:is([aria-current], :hover, :active, :focus),
input[type=reset]:is([aria-current], :hover, :active, :focus),
[role=button]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--primary-hover);
  --border-color: var(--primary-hover);
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: var(--primary-inverse);
}
button:focus,
input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus,
[role=button]:focus {
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--outline-width) var(--primary-focus);
}

:is(button, input[type=submit], input[type=button], [role=button]).secondary,
input[type=reset] {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  cursor: pointer;
}
:is(button, input[type=submit], input[type=button], [role=button]).secondary:is([aria-current], :hover, :active, :focus),
input[type=reset]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
  --color: var(--secondary-inverse);
}
:is(button, input[type=submit], input[type=button], [role=button]).secondary:focus,
input[type=reset]:focus {
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--outline-width) var(--secondary-focus);
}

:is(button, input[type=submit], input[type=button], [role=button]).contrast {
  --background-color: var(--contrast);
  --border-color: var(--contrast);
  --color: var(--contrast-inverse);
}
:is(button, input[type=submit], input[type=button], [role=button]).contrast:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--contrast-hover);
  --border-color: var(--contrast-hover);
  --color: var(--contrast-inverse);
}
:is(button, input[type=submit], input[type=button], [role=button]).contrast:focus {
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--outline-width) var(--contrast-focus);
}

:is(button, input[type=submit], input[type=button], [role=button]).outline,
input[type=reset].outline {
  --background-color: transparent;
  --color: var(--primary);
}
:is(button, input[type=submit], input[type=button], [role=button]).outline:is([aria-current], :hover, :active, :focus),
input[type=reset].outline:is([aria-current], :hover, :active, :focus) {
  --background-color: transparent;
  --color: var(--primary-hover);
}

:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary,
input[type=reset].outline {
  --color: var(--secondary);
}
:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary:is([aria-current], :hover, :active, :focus),
input[type=reset].outline:is([aria-current], :hover, :active, :focus) {
  --color: var(--secondary-hover);
}

:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast {
  --color: var(--contrast);
}
:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast:is([aria-current], :hover, :active, :focus) {
  --color: var(--contrast-hover);
}

:where(button, [type=submit], [type=button], [type=reset], [role=button])[disabled],
:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),
a[role=button]:not([href]) {
  opacity: 0.5;
  pointer-events: none;
}

/**
 * Form elements
 */
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: 1rem;
  line-height: var(--line-height);
  font-family: inherit;
  letter-spacing: inherit;
}

input {
  overflow: visible;
}

select {
  text-transform: none;
}

legend {
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

:-moz-focusring {
  outline: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

::-ms-expand {
  display: none;
}

[type=file],
[type=range] {
  padding: 0;
  border-width: 0;
}

input:not([type=checkbox], [type=radio], [type=range]) {
  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
}

fieldset {
  margin: 0;
  margin-bottom: var(--spacing);
  padding: 0;
  border: 0;
}

label,
fieldset legend {
  display: block;
  margin-bottom: calc(var(--spacing) * 0.25);
  font-weight: var(--form-label-font-weight, var(--font-weight));
}

input:not([type=checkbox], [type=radio]),
select,
textarea {
  width: 100%;
}

input:not([type=checkbox], [type=radio], [type=range], [type=file]),
select,
textarea {
  appearance: none;
  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
}

input,
select,
textarea {
  --background-color: var(--form-element-background-color);
  --border-color: var(--form-element-border-color);
  --color: var(--form-element-color);
  --box-shadow: none;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}

input:not([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
  --background-color: var(--form-element-active-background-color);
}

input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
  --border-color: var(--form-element-active-border-color);
}

input:not([type=submit], [type=button], [type=reset], [type=range], [type=file], [readonly]):focus,
select:focus,
textarea:focus {
  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}

input:not([type=submit], [type=button], [type=reset])[disabled],
select[disabled],
textarea[disabled],
:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {
  --background-color: var(--form-element-disabled-background-color);
  --border-color: var(--form-element-disabled-border-color);
  opacity: var(--form-element-disabled-opacity);
  pointer-events: none;
}

:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid] {
  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
  padding-left: var(--form-element-spacing-horizontal);
  padding-inline-start: var(--form-element-spacing-horizontal) !important;
  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
  background-position: center right 0.75rem;
  background-size: 1rem auto;
  background-repeat: no-repeat;
}
:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=false] {
  background-image: var(--icon-valid);
}
:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=true] {
  background-image: var(--icon-invalid);
}
:where(input, select, textarea)[aria-invalid=false] {
  --border-color: var(--form-element-valid-border-color);
}
:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) {
  --border-color: var(--form-element-valid-active-border-color) !important;
  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
}
:where(input, select, textarea)[aria-invalid=true] {
  --border-color: var(--form-element-invalid-border-color);
}
:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) {
  --border-color: var(--form-element-invalid-active-border-color) !important;
  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;
}

[dir=rtl] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [aria-invalid=false]) {
  background-position: center left 0.75rem;
}

input::placeholder,
input::-webkit-input-placeholder,
textarea::placeholder,
textarea::-webkit-input-placeholder,
select:invalid {
  color: var(--form-element-placeholder-color);
  opacity: 1;
}

input:not([type=checkbox], [type=radio]),
select,
textarea {
  margin-bottom: var(--spacing);
}

select::-ms-expand {
  border: 0;
  background-color: transparent;
}
select:not([multiple], [size]) {
  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
  padding-left: var(--form-element-spacing-horizontal);
  padding-inline-start: var(--form-element-spacing-horizontal);
  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
  background-image: var(--icon-chevron);
  background-position: center right 0.75rem;
  background-size: 1rem auto;
  background-repeat: no-repeat;
}

[dir=rtl] select:not([multiple], [size]) {
  background-position: center left 0.75rem;
}

:where(input, select, textarea, .grid) + small {
  display: block;
  width: 100%;
  margin-top: calc(var(--spacing) * -0.75);
  margin-bottom: var(--spacing);
  color: var(--muted-color);
}

label > :where(input, select, textarea) {
  margin-top: calc(var(--spacing) * 0.25);
}

/**
 * Form elements
 * Checkboxes & Radios
 */
[type=checkbox],
[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.25em;
  height: 1.25em;
  margin-top: -0.125em;
  margin-right: 0.375em;
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: 0.375em;
  border-width: var(--border-width);
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
}
[type=checkbox]::-ms-check,
[type=radio]::-ms-check {
  display: none;
}
[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,
[type=radio]:checked,
[type=radio]:checked:active,
[type=radio]:checked:focus {
  --background-color: var(--primary);
  --border-color: var(--primary);
  background-image: var(--icon-checkbox);
  background-position: center;
  background-size: 0.75em auto;
  background-repeat: no-repeat;
}
[type=checkbox] ~ label,
[type=radio] ~ label {
  display: inline-block;
  margin-right: 0.375em;
  margin-bottom: 0;
  cursor: pointer;
}

[type=checkbox]:indeterminate {
  --background-color: var(--primary);
  --border-color: var(--primary);
  background-image: var(--icon-minus);
  background-position: center;
  background-size: 0.75em auto;
  background-repeat: no-repeat;
}

[type=radio] {
  border-radius: 50%;
}
[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {
  --background-color: var(--primary-inverse);
  border-width: 0.35em;
  background-image: none;
}

[type=checkbox][role=switch] {
  --background-color: var(--switch-background-color);
  --border-color: var(--switch-background-color);
  --color: var(--switch-color);
  width: 2.25em;
  height: 1.25em;
  border: var(--border-width) solid var(--border-color);
  border-radius: 1.25em;
  background-color: var(--background-color);
  line-height: 1.25em;
}
[type=checkbox][role=switch]:focus {
  --background-color: var(--switch-background-color);
  --border-color: var(--switch-background-color);
}
[type=checkbox][role=switch]:checked {
  --background-color: var(--switch-checked-background-color);
  --border-color: var(--switch-checked-background-color);
}
[type=checkbox][role=switch]:before {
  display: block;
  width: calc(1.25em - var(--border-width) * 2);
  height: 100%;
  border-radius: 50%;
  background-color: var(--color);
  content: "";
  transition: margin 0.1s ease-in-out;
}
[type=checkbox][role=switch]:checked {
  background-image: none;
}
[type=checkbox][role=switch]:checked::before {
  margin-left: calc(1.125em - var(--border-width));
  margin-inline-start: calc(1.125em - var(--border-width));
}

[type=checkbox][aria-invalid=false],
[type=checkbox]:checked[aria-invalid=false],
[type=radio][aria-invalid=false],
[type=radio]:checked[aria-invalid=false],
[type=checkbox][role=switch][aria-invalid=false],
[type=checkbox][role=switch]:checked[aria-invalid=false] {
  --border-color: var(--form-element-valid-border-color);
}
[type=checkbox][aria-invalid=true],
[type=checkbox]:checked[aria-invalid=true],
[type=radio][aria-invalid=true],
[type=radio]:checked[aria-invalid=true],
[type=checkbox][role=switch][aria-invalid=true],
[type=checkbox][role=switch]:checked[aria-invalid=true] {
  --border-color: var(--form-element-invalid-border-color);
}

/**
 * Form elements
 * Alternatives input types (Not Checkboxes & Radios)
 */
[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
[type=color]::-moz-focus-inner {
  padding: 0;
}
[type=color]::-webkit-color-swatch {
  border: 0;
  border-radius: calc(var(--border-radius) * 0.5);
}
[type=color]::-moz-color-swatch {
  border: 0;
  border-radius: calc(var(--border-radius) * 0.5);
}

input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
  --icon-position: 0.75rem;
  --icon-width: 1rem;
  padding-right: calc(var(--icon-width) + var(--icon-position));
  background-image: var(--icon-date);
  background-position: center right var(--icon-position);
  background-size: var(--icon-width) auto;
  background-repeat: no-repeat;
}
input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
  background-image: var(--icon-time);
}

[type=date]::-webkit-calendar-picker-indicator,
[type=datetime-local]::-webkit-calendar-picker-indicator,
[type=month]::-webkit-calendar-picker-indicator,
[type=time]::-webkit-calendar-picker-indicator,
[type=week]::-webkit-calendar-picker-indicator {
  width: var(--icon-width);
  margin-right: calc(var(--icon-width) * -1);
  margin-left: var(--icon-position);
  opacity: 0;
}

[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
  text-align: right;
}

@-moz-document url-prefix() {
  [type=date],
  [type=datetime-local],
  [type=month],
  [type=time],
  [type=week] {
    padding-right: var(--form-element-spacing-horizontal) !important;
    background-image: none !important;
  }
}
[type=file] {
  --color: var(--muted-color);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
  border: 0;
  border-radius: 0;
  background: none;
}
[type=file]::file-selector-button {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  margin-right: calc(var(--spacing) / 2);
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: calc(var(--spacing) / 2);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
[type=file]::file-selector-button:is(:hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
}
[type=file]::-webkit-file-upload-button {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  margin-right: calc(var(--spacing) / 2);
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: calc(var(--spacing) / 2);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
}
[type=file]::-ms-browse {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  margin-right: calc(var(--spacing) / 2);
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: calc(var(--spacing) / 2);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
[type=file]::-ms-browse:is(:hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
}

[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 1.25rem;
  background: none;
}
[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.25rem;
  border-radius: var(--border-radius);
  background-color: var(--range-border-color);
  transition: background-color var(--transition), box-shadow var(--transition);
}
[type=range]::-moz-range-track {
  width: 100%;
  height: 0.25rem;
  border-radius: var(--border-radius);
  background-color: var(--range-border-color);
  transition: background-color var(--transition), box-shadow var(--transition);
}
[type=range]::-ms-track {
  width: 100%;
  height: 0.25rem;
  border-radius: var(--border-radius);
  background-color: var(--range-border-color);
  transition: background-color var(--transition), box-shadow var(--transition);
}
[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.5rem;
  border: 2px solid var(--range-thumb-border-color);
  border-radius: 50%;
  background-color: var(--range-thumb-color);
  cursor: pointer;
  transition: background-color var(--transition), transform var(--transition);
}
[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.5rem;
  border: 2px solid var(--range-thumb-border-color);
  border-radius: 50%;
  background-color: var(--range-thumb-color);
  cursor: pointer;
  transition: background-color var(--transition), transform var(--transition);
}
[type=range]::-ms-thumb {
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.5rem;
  border: 2px solid var(--range-thumb-border-color);
  border-radius: 50%;
  background-color: var(--range-thumb-color);
  cursor: pointer;
  transition: background-color var(--transition), transform var(--transition);
}
[type=range]:hover, [type=range]:focus {
  --range-border-color: var(--range-active-border-color);
  --range-thumb-color: var(--range-thumb-hover-color);
}
[type=range]:active {
  --range-thumb-color: var(--range-thumb-active-color);
}
[type=range]:active::-webkit-slider-thumb {
  transform: scale(1.25);
}
[type=range]:active::-moz-range-thumb {
  transform: scale(1.25);
}
[type=range]:active::-ms-thumb {
  transform: scale(1.25);
}

input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {
  padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
  border-radius: 5rem;
  background-image: var(--icon-search);
  background-position: center left 1.125rem;
  background-size: 1rem auto;
  background-repeat: no-repeat;
}
input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {
  padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
  background-position: center left 1.125rem, center right 0.75rem;
}
input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] {
  background-image: var(--icon-search), var(--icon-valid);
}
input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] {
  background-image: var(--icon-search), var(--icon-invalid);
}

[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {
  background-position: center right 1.125rem;
}
[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {
  background-position: center right 1.125rem, center left 0.75rem;
}

/**
 * Table
 */
:where(table) {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

th,
td {
  padding: calc(var(--spacing) / 2) var(--spacing);
  border-bottom: var(--border-width) solid var(--table-border-color);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  text-align: left;
  text-align: start;
}

tfoot th,
tfoot td {
  border-top: var(--border-width) solid var(--table-border-color);
  border-bottom: 0;
}

table[role=grid] tbody tr:nth-child(odd) {
  background-color: var(--table-row-stripped-background-color);
}

/**
 * Code
 */
pre,
code,
kbd,
samp {
  font-size: 0.875em;
  font-family: var(--font-family);
}

pre {
  -ms-overflow-style: scrollbar;
  overflow: auto;
}

pre,
code,
kbd {
  border-radius: var(--border-radius);
  background: var(--code-background-color);
  color: var(--code-color);
  font-weight: var(--font-weight);
  line-height: initial;
}

code,
kbd {
  display: inline-block;
  padding: 0.375rem 0.5rem;
}

pre {
  display: block;
  margin-bottom: var(--spacing);
  overflow-x: auto;
}
pre > code {
  display: block;
  padding: var(--spacing);
  background: none;
  font-size: 14px;
  line-height: var(--line-height);
}

code b {
  color: var(--code-tag-color);
  font-weight: var(--font-weight);
}
code i {
  color: var(--code-property-color);
  font-style: normal;
}
code u {
  color: var(--code-value-color);
  text-decoration: none;
}
code em {
  color: var(--code-comment-color);
  font-style: normal;
}

kbd {
  background-color: var(--code-kbd-background-color);
  color: var(--code-kbd-color);
  vertical-align: baseline;
}

/**
 * Miscs
 */
hr {
  height: 0;
  border: 0;
  border-top: 1px solid var(--muted-border-color);
  color: inherit;
}

[hidden],
template {
  display: none !important;
}

canvas {
  display: inline-block;
}

/**
 * Accordion (<details>)
 */
details {
  display: block;
  margin-bottom: var(--spacing);
  padding-bottom: var(--spacing);
  border-bottom: var(--border-width) solid var(--accordion-border-color);
}
details summary {
  line-height: 1rem;
  list-style-type: none;
  cursor: pointer;
}
details summary:not([role]) {
  color: var(--accordion-close-summary-color);
}
details summary {
  transition: color var(--transition);
}
details summary::-webkit-details-marker {
  display: none;
}
details summary::marker {
  display: none;
}
details summary::-moz-list-bullet {
  list-style-type: none;
}
details summary::after {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
  float: right;
  transform: rotate(-90deg);
  background-image: var(--icon-chevron);
  background-position: right center;
  background-size: 1rem auto;
  background-repeat: no-repeat;
  content: "";
  transition: transform var(--transition);
}
details summary:focus {
  outline: none;
}
details summary:focus:not([role=button]) {
  color: var(--accordion-active-summary-color);
}
details summary[role=button] {
  width: 100%;
  text-align: left;
}
details summary[role=button]::after {
  height: calc(1rem * var(--line-height, 1.5));
  background-image: var(--icon-chevron-button);
}
details summary[role=button]:not(.outline).contrast::after {
  background-image: var(--icon-chevron-button-inverse);
}
details[open] > summary {
  margin-bottom: calc(var(--spacing));
}
details[open] > summary:not([role]):not(:focus) {
  color: var(--accordion-open-summary-color);
}
details[open] > summary::after {
  transform: rotate(0);
}

[dir=rtl] details summary {
  text-align: right;
}
[dir=rtl] details summary::after {
  float: left;
  background-position: left center;
}

/**
 * Card (<article>)
 */
article {
  margin: var(--block-spacing-vertical) 0;
  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
  border-radius: var(--border-radius);
  background: var(--card-background-color);
  box-shadow: var(--card-box-shadow);
}
article > header,
article > footer {
  margin-right: calc(var(--block-spacing-horizontal) * -1);
  margin-left: calc(var(--block-spacing-horizontal) * -1);
  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);
  background-color: var(--card-sectionning-background-color);
}
article > header {
  margin-top: calc(var(--block-spacing-vertical) * -1);
  margin-bottom: var(--block-spacing-vertical);
  border-bottom: var(--border-width) solid var(--card-border-color);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}
article > footer {
  margin-top: var(--block-spacing-vertical);
  margin-bottom: calc(var(--block-spacing-vertical) * -1);
  border-top: var(--border-width) solid var(--card-border-color);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

/**
 * Modal (<dialog>)
 */
:root {
  --scrollbar-width: 0px;
}

dialog {
  display: flex;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: inherit;
  min-width: 100%;
  height: inherit;
  min-height: 100%;
  padding: var(--spacing);
  border: 0;
  backdrop-filter: var(--modal-overlay-backdrop-filter);
  background-color: var(--modal-overlay-background-color);
  color: var(--color);
}
dialog article {
  max-height: calc(100vh - var(--spacing) * 2);
  overflow: auto;
}
@media (min-width: 576px) {
  dialog article {
    max-width: 510px;
  }
}
@media (min-width: 768px) {
  dialog article {
    max-width: 700px;
  }
}
dialog article > header,
dialog article > footer {
  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);
}
dialog article > header .close {
  margin: 0;
  margin-left: var(--spacing);
  float: right;
}
dialog article > footer {
  text-align: right;
}
dialog article > footer [role=button] {
  margin-bottom: 0;
}
dialog article > footer [role=button]:not(:first-of-type) {
  margin-left: calc(var(--spacing) * 0.5);
}
dialog article p:last-of-type {
  margin: 0;
}
dialog article .close {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: calc(var(--block-spacing-vertical) * -0.5);
  margin-bottom: var(--typography-spacing-vertical);
  margin-left: auto;
  background-image: var(--icon-close);
  background-position: center;
  background-size: auto 1rem;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: opacity var(--transition);
}
dialog article .close:is([aria-current], :hover, :active, :focus) {
  opacity: 1;
}
dialog:not([open]), dialog[open=false] {
  display: none;
}

.modal-is-open {
  padding-right: var(--scrollbar-width, 0px);
  overflow: hidden;
  pointer-events: none;
  touch-action: none;
}
.modal-is-open dialog {
  pointer-events: auto;
}

:where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article {
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
:where(.modal-is-opening, .modal-is-closing) dialog {
  animation-duration: 0.8s;
  animation-name: modal-overlay;
}
:where(.modal-is-opening, .modal-is-closing) dialog > article {
  animation-delay: 0.2s;
  animation-name: modal;
}

.modal-is-closing dialog,
.modal-is-closing dialog > article {
  animation-delay: 0s;
  animation-direction: reverse;
}

@keyframes modal-overlay {
  from {
    backdrop-filter: none;
    background-color: transparent;
  }
}
@keyframes modal {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
}
/**
 * Nav
 */
:where(nav li)::before {
  float: left;
  content: "​";
}

nav,
nav ul {
  display: flex;
}

nav {
  justify-content: space-between;
}
nav ol,
nav ul {
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
nav ol:first-of-type,
nav ul:first-of-type {
  margin-left: calc(var(--nav-element-spacing-horizontal) * -1);
}
nav ol:last-of-type,
nav ul:last-of-type {
  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);
}
nav li {
  display: inline-block;
  margin: 0;
  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);
}
nav li > * {
  --spacing: 0;
}
nav :where(a, [role=link]) {
  display: inline-block;
  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);
  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
  border-radius: var(--border-radius);
  text-decoration: none;
}
nav :where(a, [role=link]):is([aria-current], :hover, :active, :focus) {
  text-decoration: none;
}
nav[aria-label=breadcrumb] {
  align-items: center;
  justify-content: start;
}
nav[aria-label=breadcrumb] ul li:not(:first-child) {
  margin-inline-start: var(--nav-link-spacing-horizontal);
}
nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {
  position: absolute;
  width: calc(var(--nav-link-spacing-horizontal) * 2);
  margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
  content: "/";
  color: var(--muted-color);
  text-align: center;
}
nav[aria-label=breadcrumb] a[aria-current] {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
nav [role=button] {
  margin-right: inherit;
  margin-left: inherit;
  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
}

aside nav,
aside ol,
aside ul,
aside li {
  display: block;
}
aside li {
  padding: calc(var(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);
}
aside li a {
  display: block;
}
aside li [role=button] {
  margin: inherit;
}

[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {
  content: "\\";
}

/**
 * Progress
 */
progress {
  display: inline-block;
  vertical-align: baseline;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  appearance: none;
  width: 100%;
  height: 0.5rem;
  margin-bottom: calc(var(--spacing) * 0.5);
  overflow: hidden;
  border: 0;
  border-radius: var(--border-radius);
  background-color: var(--progress-background-color);
  color: var(--progress-color);
}
progress::-webkit-progress-bar {
  border-radius: var(--border-radius);
  background: none;
}
progress[value]::-webkit-progress-value {
  background-color: var(--progress-color);
}
progress::-moz-progress-bar {
  background-color: var(--progress-color);
}
@media (prefers-reduced-motion: no-preference) {
  progress:indeterminate {
    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;
    animation: progress-indeterminate 1s linear infinite;
  }
  progress:indeterminate[value]::-webkit-progress-value {
    background-color: transparent;
  }
  progress:indeterminate::-moz-progress-bar {
    background-color: transparent;
  }
}

@media (prefers-reduced-motion: no-preference) {
  [dir=rtl] progress:indeterminate {
    animation-direction: reverse;
  }
}

@keyframes progress-indeterminate {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/**
 * Dropdown ([role="list"])
 */
details[role=list],
li[role=list] {
  position: relative;
}

details[role=list] summary + ul,
li[role=list] > ul {
  display: flex;
  z-index: 99;
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border: var(--border-width) solid var(--dropdown-border-color);
  border-radius: var(--border-radius);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: var(--dropdown-background-color);
  box-shadow: var(--card-box-shadow);
  color: var(--dropdown-color);
  white-space: nowrap;
}
details[role=list] summary + ul li,
li[role=list] > ul li {
  width: 100%;
  margin-bottom: 0;
  padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
  list-style: none;
}
details[role=list] summary + ul li:first-of-type,
li[role=list] > ul li:first-of-type {
  margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li:last-of-type,
li[role=list] > ul li:last-of-type {
  margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li a,
li[role=list] > ul li a {
  display: block;
  margin: calc(var(--form-element-spacing-vertical) * -0.5) calc(var(--form-element-spacing-horizontal) * -1);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
  overflow: hidden;
  color: var(--dropdown-color);
  text-decoration: none;
  text-overflow: ellipsis;
}
details[role=list] summary + ul li a:hover,
li[role=list] > ul li a:hover {
  background-color: var(--dropdown-hover-background-color);
}

details[role=list] summary::after,
li[role=list] > a::after {
  display: block;
  width: 1rem;
  height: calc(1rem * var(--line-height, 1.5));
  margin-inline-start: 0.5rem;
  float: right;
  transform: rotate(0deg);
  background-image: var(--icon-chevron);
  background-position: right center;
  background-size: 1rem auto;
  background-repeat: no-repeat;
  content: "";
}

details[role=list] {
  padding: 0;
  border-bottom: none;
}
details[role=list] summary {
  margin-bottom: 0;
}
details[role=list] summary:not([role]) {
  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
  border: var(--border-width) solid var(--form-element-border-color);
  border-radius: var(--border-radius);
  background-color: var(--form-element-background-color);
  color: var(--form-element-placeholder-color);
  line-height: inherit;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
details[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus {
  border-color: var(--form-element-active-border-color);
  background-color: var(--form-element-active-background-color);
}
details[role=list] summary:not([role]):focus {
  box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role=list][open] summary {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
details[role=list][open] summary::before {
  display: block;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
  content: "";
  cursor: default;
}

nav details[role=list] summary,
nav li[role=list] a {
  display: flex;
  direction: ltr;
}

nav details[role=list] summary + ul,
nav li[role=list] > ul {
  min-width: fit-content;
  border-radius: var(--border-radius);
}
nav details[role=list] summary + ul li a,
nav li[role=list] > ul li a {
  border-radius: 0;
}

nav details[role=list] summary,
nav details[role=list] summary:not([role]) {
  height: auto;
  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
}
nav details[role=list][open] summary {
  border-radius: var(--border-radius);
}
nav details[role=list] summary + ul {
  margin-top: var(--outline-width);
  margin-inline-start: 0;
}
nav details[role=list] summary[role=link] {
  margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);
  line-height: var(--line-height);
}
nav details[role=list] summary[role=link] + ul {
  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
  margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);
}

li[role=list]:hover > ul,
li[role=list] a:active ~ ul,
li[role=list] a:focus ~ ul {
  display: flex;
}
li[role=list] > ul {
  display: none;
  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
  margin-inline-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));
}
li[role=list] > a::after {
  background-image: var(--icon-chevron);
}

label > details[role=list] {
  margin-top: calc(var(--spacing) * 0.25);
  margin-bottom: var(--spacing);
}

/**
 * Loading ([aria-busy=true])
 */
[aria-busy=true] {
  cursor: progress;
}

[aria-busy=true]:not(input, select, textarea, html)::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 0.1875em solid currentColor;
  border-radius: 1em;
  border-right-color: transparent;
  content: "";
  vertical-align: text-bottom;
  vertical-align: -0.125em;
  animation: spinner 0.75s linear infinite;
  opacity: var(--loading-spinner-opacity);
}
[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before {
  margin-right: calc(var(--spacing) * 0.5);
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: calc(var(--spacing) * 0.5);
}
[aria-busy=true]:not(input, select, textarea, html):empty {
  text-align: center;
}

button[aria-busy=true],
input[type=submit][aria-busy=true],
input[type=button][aria-busy=true],
input[type=reset][aria-busy=true],
a[aria-busy=true] {
  pointer-events: none;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
/**
 * Tooltip ([data-tooltip])
 */
[data-tooltip] {
  position: relative;
}
[data-tooltip]:not(a, button, input) {
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: help;
}
[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [data-tooltip]::before, [data-tooltip]::after {
  display: block;
  z-index: 99;
  position: absolute;
  bottom: 100%;
  left: 50%;
  padding: 0.25rem 0.5rem;
  overflow: hidden;
  transform: translate(-50%, -0.25rem);
  border-radius: var(--border-radius);
  background: var(--tooltip-background-color);
  content: attr(data-tooltip);
  color: var(--tooltip-color);
  font-style: normal;
  font-weight: var(--font-weight);
  font-size: 0.875rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}
[data-tooltip][data-placement=top]::after, [data-tooltip]::after {
  padding: 0;
  transform: translate(-50%, 0rem);
  border-top: 0.3rem solid;
  border-right: 0.3rem solid transparent;
  border-left: 0.3rem solid transparent;
  border-radius: 0;
  background-color: transparent;
  content: "";
  color: var(--tooltip-background-color);
}
[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after {
  top: 100%;
  bottom: auto;
  transform: translate(-50%, 0.25rem);
}
[data-tooltip][data-placement=bottom]:after {
  transform: translate(-50%, -0.3rem);
  border: 0.3rem solid transparent;
  border-bottom: 0.3rem solid;
}
[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translate(-0.25rem, -50%);
}
[data-tooltip][data-placement=left]:after {
  transform: translate(0.3rem, -50%);
  border: 0.3rem solid transparent;
  border-left: 0.3rem solid;
}
[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 100%;
  transform: translate(0.25rem, -50%);
}
[data-tooltip][data-placement=right]:after {
  transform: translate(-0.3rem, -50%);
  border: 0.3rem solid transparent;
  border-right: 0.3rem solid;
}
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-top;
  }
  [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after {
    animation-name: tooltip-caret-slide-top;
  }
  [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-bottom;
  }
  [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after {
    animation-name: tooltip-caret-slide-bottom;
  }
  [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-left;
  }
  [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after {
    animation-name: tooltip-caret-slide-left;
  }
  [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-right;
  }
  [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after {
    animation-name: tooltip-caret-slide-right;
  }
}
@keyframes tooltip-slide-top {
  from {
    transform: translate(-50%, 0.75rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -0.25rem);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-top {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -0.25rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0rem);
    opacity: 1;
  }
}
@keyframes tooltip-slide-bottom {
  from {
    transform: translate(-50%, -0.75rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0.25rem);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-bottom {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -0.5rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -0.3rem);
    opacity: 1;
  }
}
@keyframes tooltip-slide-left {
  from {
    transform: translate(0.75rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(-0.25rem, -50%);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-left {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(0.05rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(0.3rem, -50%);
    opacity: 1;
  }
}
@keyframes tooltip-slide-right {
  from {
    transform: translate(-0.75rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(0.25rem, -50%);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-right {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(-0.05rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(-0.3rem, -50%);
    opacity: 1;
  }
}

/**
 * Accessibility & User interaction
 */
[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}

[dir=rtl] {
  direction: rtl;
}

/**
* Reduce Motion Features
*/
@media (prefers-reduced-motion: reduce) {
  *:not([aria-busy=true]),
  :not([aria-busy=true])::before,
  :not([aria-busy=true])::after {
    background-attachment: initial !important;
    animation-duration: 1ms !important;
    animation-delay: -1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}
/*
 * Copyright 2021 Palantir Technologies, Inc. All rights reserved.
 */
@font-face {
  font-family: "Icons16";
  font-style: normal;
  font-weight: normal;
  src: url(/assets/icons-16-6dce921943a4fbcaf4a0d890f97d6877aae9b12d04286c2568cf1b5efe73131b.eot?#iefix) format("embedded-opentype"), url(/assets/icons-16-85f09b21aaece17036c2197227485764d0343b7a4f18ab031e8e8d8099395ba8.woff) format("woff"), url(/assets/icons-16-92c8964cf24e458c3835ff2e090e1e71de7127b5247f8172271dc55ae909d49d.ttf) format("truetype");
}
@font-face {
  font-family: "Icons20";
  font-style: normal;
  font-weight: normal;
  src: url(/assets/icons-20-1f5d7aca1dc27ff973160ae2f24da5ac7e30adff6ffd7fde4e05d3831d31e879.eot?#iefix) format("embedded-opentype"), url(/assets/icons-20-e0c6cca2503c0226a18d28474339b3aef909bf614249534a98a84bc729137bb8.woff) format("woff"), url(/assets/icons-20-397ce079dcbf736df3f7ee87f20e66e5e5d600fa8a27b35c99ac341732dac7b7.ttf) format("truetype");
}
.icon::before {
  font-family: "Icons20", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.icon-add::before {
  content: "\e63e";
}

.icon-add-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e63e";
}

.icon-add-column-left::before {
  content: "\e6f9";
}

.icon-add-column-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f9";
}

.icon-add-column-right::before {
  content: "\e6fa";
}

.icon-add-column-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6fa";
}

.icon-add-row-bottom::before {
  content: "\e6f8";
}

.icon-add-row-bottom-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f8";
}

.icon-add-row-top::before {
  content: "\e6f7";
}

.icon-add-row-top-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f7";
}

.icon-add-to-artifact::before {
  content: "\e67c";
}

.icon-add-to-artifact-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e67c";
}

.icon-add-to-folder::before {
  content: "\e6d2";
}

.icon-add-to-folder-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d2";
}

.icon-airplane::before {
  content: "\e74b";
}

.icon-airplane-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e74b";
}

.icon-align-center::before {
  content: "\e603";
}

.icon-align-center-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e603";
}

.icon-align-justify::before {
  content: "\e605";
}

.icon-align-justify-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e605";
}

.icon-align-left::before {
  content: "\e602";
}

.icon-align-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e602";
}

.icon-align-right::before {
  content: "\e604";
}

.icon-align-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e604";
}

.icon-alignment-bottom::before {
  content: "\e727";
}

.icon-alignment-bottom-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e727";
}

.icon-alignment-horizontal-center::before {
  content: "\e726";
}

.icon-alignment-horizontal-center-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e726";
}

.icon-alignment-left::before {
  content: "\e722";
}

.icon-alignment-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e722";
}

.icon-alignment-right::before {
  content: "\e724";
}

.icon-alignment-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e724";
}

.icon-alignment-top::before {
  content: "\e725";
}

.icon-alignment-top-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e725";
}

.icon-alignment-vertical-center::before {
  content: "\e723";
}

.icon-alignment-vertical-center-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e723";
}

.icon-annotation::before {
  content: "\e6f0";
}

.icon-annotation-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f0";
}

.icon-application::before {
  content: "\e735";
}

.icon-application-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e735";
}

.icon-applications::before {
  content: "\e621";
}

.icon-applications-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e621";
}

.icon-archive::before {
  content: "\e907";
}

.icon-archive-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e907";
}

.icon-arrow-bottom-left::before {
  content: "↙";
}

.icon-arrow-bottom-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↙";
}

.icon-arrow-bottom-right::before {
  content: "↘";
}

.icon-arrow-bottom-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↘";
}

.icon-arrow-down::before {
  content: "↓";
}

.icon-arrow-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↓";
}

.icon-arrow-left::before {
  content: "←";
}

.icon-arrow-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "←";
}

.icon-arrow-right::before {
  content: "→";
}

.icon-arrow-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "→";
}

.icon-arrow-top-left::before {
  content: "↖";
}

.icon-arrow-top-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↖";
}

.icon-arrow-top-right::before {
  content: "↗";
}

.icon-arrow-top-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↗";
}

.icon-arrow-up::before {
  content: "↑";
}

.icon-arrow-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↑";
}

.icon-arrows-horizontal::before {
  content: "↔";
}

.icon-arrows-horizontal-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↔";
}

.icon-arrows-vertical::before {
  content: "↕";
}

.icon-arrows-vertical-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "↕";
}

.icon-asterisk::before {
  content: "*";
}

.icon-asterisk-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "*";
}

.icon-automatic-updates::before {
  content: "\e65f";
}

.icon-automatic-updates-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e65f";
}

.icon-badge::before {
  content: "\e6e3";
}

.icon-badge-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e3";
}

.icon-ban-circle::before {
  content: "\e69d";
}

.icon-ban-circle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e69d";
}

.icon-bank-account::before {
  content: "\e76f";
}

.icon-bank-account-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e76f";
}

.icon-barcode::before {
  content: "\e676";
}

.icon-barcode-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e676";
}

.icon-blank::before {
  content: "\e900";
}

.icon-blank-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e900";
}

.icon-blocked-person::before {
  content: "\e768";
}

.icon-blocked-person-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e768";
}

.icon-bold::before {
  content: "\e606";
}

.icon-bold-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e606";
}

.icon-book::before {
  content: "\e6b8";
}

.icon-book-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b8";
}

.icon-bookmark::before {
  content: "\e61a";
}

.icon-bookmark-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e61a";
}

.icon-box::before {
  content: "\e6bf";
}

.icon-box-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6bf";
}

.icon-briefcase::before {
  content: "\e674";
}

.icon-briefcase-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e674";
}

.icon-bring-data::before {
  content: "\e90a";
}

.icon-bring-data-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e90a";
}

.icon-build::before {
  content: "\e72d";
}

.icon-build-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e72d";
}

.icon-calculator::before {
  content: "\e70b";
}

.icon-calculator-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e70b";
}

.icon-calendar::before {
  content: "\e62b";
}

.icon-calendar-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e62b";
}

.icon-camera::before {
  content: "\e69e";
}

.icon-camera-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e69e";
}

.icon-caret-down::before {
  content: "⌄";
}

.icon-caret-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⌄";
}

.icon-caret-left::before {
  content: "〈";
}

.icon-caret-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "〈";
}

.icon-caret-right::before {
  content: "〉";
}

.icon-caret-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "〉";
}

.icon-caret-up::before {
  content: "⌃";
}

.icon-caret-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⌃";
}

.icon-cell-tower::before {
  content: "\e770";
}

.icon-cell-tower-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e770";
}

.icon-changes::before {
  content: "\e623";
}

.icon-changes-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e623";
}

.icon-chart::before {
  content: "\e67e";
}

.icon-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e67e";
}

.icon-chat::before {
  content: "\e689";
}

.icon-chat-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e689";
}

.icon-chevron-backward::before {
  content: "\e6df";
}

.icon-chevron-backward-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6df";
}

.icon-chevron-down::before {
  content: "\e697";
}

.icon-chevron-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e697";
}

.icon-chevron-forward::before {
  content: "\e6e0";
}

.icon-chevron-forward-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e0";
}

.icon-chevron-left::before {
  content: "\e694";
}

.icon-chevron-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e694";
}

.icon-chevron-right::before {
  content: "\e695";
}

.icon-chevron-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e695";
}

.icon-chevron-up::before {
  content: "\e696";
}

.icon-chevron-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e696";
}

.icon-circle::before {
  content: "\e66a";
}

.icon-circle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e66a";
}

.icon-circle-arrow-down::before {
  content: "\e68e";
}

.icon-circle-arrow-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e68e";
}

.icon-circle-arrow-left::before {
  content: "\e68c";
}

.icon-circle-arrow-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e68c";
}

.icon-circle-arrow-right::before {
  content: "\e68b";
}

.icon-circle-arrow-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e68b";
}

.icon-circle-arrow-up::before {
  content: "\e68d";
}

.icon-circle-arrow-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e68d";
}

.icon-citation::before {
  content: "\e61b";
}

.icon-citation-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e61b";
}

.icon-clean::before {
  content: "\e7c5";
}

.icon-clean-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c5";
}

.icon-clipboard::before {
  content: "\e61d";
}

.icon-clipboard-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e61d";
}

.icon-cloud::before {
  content: "☁";
}

.icon-cloud-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "☁";
}

.icon-cloud-download::before {
  content: "\e690";
}

.icon-cloud-download-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e690";
}

.icon-cloud-upload::before {
  content: "\e691";
}

.icon-cloud-upload-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e691";
}

.icon-code::before {
  content: "\e661";
}

.icon-code-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e661";
}

.icon-code-block::before {
  content: "\e6c5";
}

.icon-code-block-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c5";
}

.icon-cog::before {
  content: "\e645";
}

.icon-cog-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e645";
}

.icon-collapse-all::before {
  content: "\e763";
}

.icon-collapse-all-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e763";
}

.icon-column-layout::before {
  content: "\e6da";
}

.icon-column-layout-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6da";
}

.icon-comment::before {
  content: "\e68a";
}

.icon-comment-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e68a";
}

.icon-comparison::before {
  content: "\e637";
}

.icon-comparison-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e637";
}

.icon-compass::before {
  content: "\e79c";
}

.icon-compass-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e79c";
}

.icon-compressed::before {
  content: "\e6c0";
}

.icon-compressed-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c0";
}

.icon-confirm::before {
  content: "\e639";
}

.icon-confirm-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e639";
}

.icon-console::before {
  content: "\e79b";
}

.icon-console-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e79b";
}

.icon-contrast::before {
  content: "\e6cb";
}

.icon-contrast-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6cb";
}

.icon-control::before {
  content: "\e67f";
}

.icon-control-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e67f";
}

.icon-credit-card::before {
  content: "\e649";
}

.icon-credit-card-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e649";
}

.icon-cross::before {
  content: "✗";
}

.icon-cross-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "✗";
}

.icon-crown::before {
  content: "\e7b4";
}

.icon-crown-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b4";
}

.icon-cube::before {
  content: "\e7c8";
}

.icon-cube-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c8";
}

.icon-cube-add::before {
  content: "\e7c9";
}

.icon-cube-add-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c9";
}

.icon-cube-remove::before {
  content: "\e7d0";
}

.icon-cube-remove-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d0";
}

.icon-curved-range-chart::before {
  content: "\e71b";
}

.icon-curved-range-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e71b";
}

.icon-cut::before {
  content: "\e6ef";
}

.icon-cut-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ef";
}

.icon-dashboard::before {
  content: "\e751";
}

.icon-dashboard-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e751";
}

.icon-data-lineage::before {
  content: "\e908";
}

.icon-data-lineage-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e908";
}

.icon-database::before {
  content: "\e683";
}

.icon-database-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e683";
}

.icon-delete::before {
  content: "\e644";
}

.icon-delete-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e644";
}

.icon-delta::before {
  content: "Δ";
}

.icon-delta-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "Δ";
}

.icon-derive-column::before {
  content: "\e739";
}

.icon-derive-column-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e739";
}

.icon-desktop::before {
  content: "\e6af";
}

.icon-desktop-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6af";
}

.icon-diagnosis::before {
  content: "\e90d";
}

.icon-diagnosis-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e90d";
}

.icon-diagram-tree::before {
  content: "\e7b3";
}

.icon-diagram-tree-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b3";
}

.icon-direction-left::before {
  content: "\e681";
}

.icon-direction-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e681";
}

.icon-direction-right::before {
  content: "\e682";
}

.icon-direction-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e682";
}

.icon-disable::before {
  content: "\e600";
}

.icon-disable-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e600";
}

.icon-document::before {
  content: "\e630";
}

.icon-document-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e630";
}

.icon-document-open::before {
  content: "\e71e";
}

.icon-document-open-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e71e";
}

.icon-document-share::before {
  content: "\e71f";
}

.icon-document-share-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e71f";
}

.icon-dollar::before {
  content: "$";
}

.icon-dollar-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "$";
}

.icon-dot::before {
  content: "•";
}

.icon-dot-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "•";
}

.icon-double-caret-horizontal::before {
  content: "\e6c7";
}

.icon-double-caret-horizontal-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c7";
}

.icon-double-caret-vertical::before {
  content: "\e6c6";
}

.icon-double-caret-vertical-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c6";
}

.icon-double-chevron-down::before {
  content: "\e703";
}

.icon-double-chevron-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e703";
}

.icon-double-chevron-left::before {
  content: "\e6ff";
}

.icon-double-chevron-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ff";
}

.icon-double-chevron-right::before {
  content: "\e701";
}

.icon-double-chevron-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e701";
}

.icon-double-chevron-up::before {
  content: "\e702";
}

.icon-double-chevron-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e702";
}

.icon-doughnut-chart::before {
  content: "\e6ce";
}

.icon-doughnut-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ce";
}

.icon-download::before {
  content: "\e62f";
}

.icon-download-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e62f";
}

.icon-drag-handle-horizontal::before {
  content: "\e716";
}

.icon-drag-handle-horizontal-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e716";
}

.icon-drag-handle-vertical::before {
  content: "\e715";
}

.icon-drag-handle-vertical-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e715";
}

.icon-draw::before {
  content: "\e66b";
}

.icon-draw-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e66b";
}

.icon-drive-time::before {
  content: "\e615";
}

.icon-drive-time-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e615";
}

.icon-duplicate::before {
  content: "\e69c";
}

.icon-duplicate-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e69c";
}

.icon-edit::before {
  content: "✎";
}

.icon-edit-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "✎";
}

.icon-eject::before {
  content: "⏏";
}

.icon-eject-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⏏";
}

.icon-endorsed::before {
  content: "\e75f";
}

.icon-endorsed-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e75f";
}

.icon-envelope::before {
  content: "✉";
}

.icon-envelope-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "✉";
}

.icon-equals::before {
  content: "\e7d9";
}

.icon-equals-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d9";
}

.icon-eraser::before {
  content: "\e773";
}

.icon-eraser-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e773";
}

.icon-error::before {
  content: "\e648";
}

.icon-error-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e648";
}

.icon-euro::before {
  content: "€";
}

.icon-euro-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "€";
}

.icon-exchange::before {
  content: "\e636";
}

.icon-exchange-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e636";
}

.icon-exclude-row::before {
  content: "\e6ea";
}

.icon-exclude-row-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ea";
}

.icon-expand-all::before {
  content: "\e764";
}

.icon-expand-all-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e764";
}

.icon-export::before {
  content: "\e633";
}

.icon-export-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e633";
}

.icon-eye-off::before {
  content: "\e6cc";
}

.icon-eye-off-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6cc";
}

.icon-eye-on::before {
  content: "\e75a";
}

.icon-eye-on-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e75a";
}

.icon-eye-open::before {
  content: "\e66f";
}

.icon-eye-open-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e66f";
}

.icon-fast-backward::before {
  content: "\e6a8";
}

.icon-fast-backward-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a8";
}

.icon-fast-forward::before {
  content: "\e6ac";
}

.icon-fast-forward-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ac";
}

.icon-feed::before {
  content: "\e656";
}

.icon-feed-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e656";
}

.icon-feed-subscribed::before {
  content: "\e78f";
}

.icon-feed-subscribed-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e78f";
}

.icon-film::before {
  content: "\e6a1";
}

.icon-film-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a1";
}

.icon-filter::before {
  content: "\e638";
}

.icon-filter-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e638";
}

.icon-filter-keep::before {
  content: "\e78c";
}

.icon-filter-keep-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e78c";
}

.icon-filter-list::before {
  content: "\e6ee";
}

.icon-filter-list-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ee";
}

.icon-filter-open::before {
  content: "\e7d7";
}

.icon-filter-open-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d7";
}

.icon-filter-remove::before {
  content: "\e78d";
}

.icon-filter-remove-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e78d";
}

.icon-flag::before {
  content: "⚑";
}

.icon-flag-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⚑";
}

.icon-flame::before {
  content: "\e7a9";
}

.icon-flame-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a9";
}

.icon-flash::before {
  content: "\e6b3";
}

.icon-flash-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b3";
}

.icon-floppy-disk::before {
  content: "\e6b7";
}

.icon-floppy-disk-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b7";
}

.icon-flow-branch::before {
  content: "\e7c1";
}

.icon-flow-branch-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c1";
}

.icon-flow-end::before {
  content: "\e7c4";
}

.icon-flow-end-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c4";
}

.icon-flow-linear::before {
  content: "\e7c0";
}

.icon-flow-linear-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c0";
}

.icon-flow-review::before {
  content: "\e7c2";
}

.icon-flow-review-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c2";
}

.icon-flow-review-branch::before {
  content: "\e7c3";
}

.icon-flow-review-branch-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c3";
}

.icon-flows::before {
  content: "\e659";
}

.icon-flows-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e659";
}

.icon-folder-close::before {
  content: "\e652";
}

.icon-folder-close-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e652";
}

.icon-folder-new::before {
  content: "\e7b0";
}

.icon-folder-new-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b0";
}

.icon-folder-open::before {
  content: "\e651";
}

.icon-folder-open-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e651";
}

.icon-folder-shared::before {
  content: "\e653";
}

.icon-folder-shared-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e653";
}

.icon-folder-shared-open::before {
  content: "\e670";
}

.icon-folder-shared-open-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e670";
}

.icon-follower::before {
  content: "\e760";
}

.icon-follower-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e760";
}

.icon-following::before {
  content: "\e761";
}

.icon-following-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e761";
}

.icon-font::before {
  content: "\e6b4";
}

.icon-font-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b4";
}

.icon-fork::before {
  content: "\e63a";
}

.icon-fork-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e63a";
}

.icon-form::before {
  content: "\e795";
}

.icon-form-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e795";
}

.icon-full-circle::before {
  content: "\e685";
}

.icon-full-circle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e685";
}

.icon-full-stacked-chart::before {
  content: "\e75e";
}

.icon-full-stacked-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e75e";
}

.icon-fullscreen::before {
  content: "\e699";
}

.icon-fullscreen-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e699";
}

.icon-function::before {
  content: "\e6e5";
}

.icon-function-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e5";
}

.icon-gantt-chart::before {
  content: "\e6f4";
}

.icon-gantt-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f4";
}

.icon-geolocation::before {
  content: "\e640";
}

.icon-geolocation-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e640";
}

.icon-geosearch::before {
  content: "\e613";
}

.icon-geosearch-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e613";
}

.icon-git-branch::before {
  content: "\e72a";
}

.icon-git-branch-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e72a";
}

.icon-git-commit::before {
  content: "\e72b";
}

.icon-git-commit-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e72b";
}

.icon-git-merge::before {
  content: "\e729";
}

.icon-git-merge-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e729";
}

.icon-git-new-branch::before {
  content: "\e749";
}

.icon-git-new-branch-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e749";
}

.icon-git-pull::before {
  content: "\e728";
}

.icon-git-pull-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e728";
}

.icon-git-push::before {
  content: "\e72c";
}

.icon-git-push-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e72c";
}

.icon-git-repo::before {
  content: "\e748";
}

.icon-git-repo-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e748";
}

.icon-glass::before {
  content: "\e6b1";
}

.icon-glass-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b1";
}

.icon-globe::before {
  content: "\e666";
}

.icon-globe-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e666";
}

.icon-globe-network::before {
  content: "\e7b5";
}

.icon-globe-network-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b5";
}

.icon-graph::before {
  content: "\e673";
}

.icon-graph-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e673";
}

.icon-graph-remove::before {
  content: "\e609";
}

.icon-graph-remove-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e609";
}

.icon-greater-than::before {
  content: "\e7e1";
}

.icon-greater-than-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7e1";
}

.icon-greater-than-or-equal-to::before {
  content: "\e7e2";
}

.icon-greater-than-or-equal-to-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7e2";
}

.icon-grid::before {
  content: "\e6d0";
}

.icon-grid-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d0";
}

.icon-grid-view::before {
  content: "\e6e4";
}

.icon-grid-view-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e4";
}

.icon-group-objects::before {
  content: "\e60a";
}

.icon-group-objects-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e60a";
}

.icon-grouped-bar-chart::before {
  content: "\e75d";
}

.icon-grouped-bar-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e75d";
}

.icon-hand::before {
  content: "\e6de";
}

.icon-hand-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6de";
}

.icon-hand-down::before {
  content: "\e6bb";
}

.icon-hand-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6bb";
}

.icon-hand-left::before {
  content: "\e6bc";
}

.icon-hand-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6bc";
}

.icon-hand-right::before {
  content: "\e6b9";
}

.icon-hand-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b9";
}

.icon-hand-up::before {
  content: "\e6ba";
}

.icon-hand-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ba";
}

.icon-header::before {
  content: "\e6b5";
}

.icon-header-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b5";
}

.icon-header-one::before {
  content: "\e793";
}

.icon-header-one-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e793";
}

.icon-header-two::before {
  content: "\e794";
}

.icon-header-two-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e794";
}

.icon-headset::before {
  content: "\e6dc";
}

.icon-headset-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6dc";
}

.icon-heart::before {
  content: "♥";
}

.icon-heart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "♥";
}

.icon-heart-broken::before {
  content: "\e7a2";
}

.icon-heart-broken-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a2";
}

.icon-heat-grid::before {
  content: "\e6f3";
}

.icon-heat-grid-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f3";
}

.icon-heatmap::before {
  content: "\e614";
}

.icon-heatmap-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e614";
}

.icon-help::before {
  content: "?";
}

.icon-help-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "?";
}

.icon-helper-management::before {
  content: "\e66d";
}

.icon-helper-management-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e66d";
}

.icon-highlight::before {
  content: "\e6ed";
}

.icon-highlight-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ed";
}

.icon-history::before {
  content: "\e64a";
}

.icon-history-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e64a";
}

.icon-home::before {
  content: "⌂";
}

.icon-home-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⌂";
}

.icon-horizontal-bar-chart::before {
  content: "\e70c";
}

.icon-horizontal-bar-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e70c";
}

.icon-horizontal-bar-chart-asc::before {
  content: "\e75c";
}

.icon-horizontal-bar-chart-asc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e75c";
}

.icon-horizontal-bar-chart-desc::before {
  content: "\e71d";
}

.icon-horizontal-bar-chart-desc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e71d";
}

.icon-horizontal-distribution::before {
  content: "\e720";
}

.icon-horizontal-distribution-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e720";
}

.icon-id-number::before {
  content: "\e771";
}

.icon-id-number-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e771";
}

.icon-image-rotate-left::before {
  content: "\e73a";
}

.icon-image-rotate-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e73a";
}

.icon-image-rotate-right::before {
  content: "\e73b";
}

.icon-image-rotate-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e73b";
}

.icon-import::before {
  content: "\e632";
}

.icon-import-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e632";
}

.icon-inbox::before {
  content: "\e629";
}

.icon-inbox-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e629";
}

.icon-inbox-filtered::before {
  content: "\e7d1";
}

.icon-inbox-filtered-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d1";
}

.icon-inbox-geo::before {
  content: "\e7d2";
}

.icon-inbox-geo-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d2";
}

.icon-inbox-search::before {
  content: "\e7d3";
}

.icon-inbox-search-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d3";
}

.icon-inbox-update::before {
  content: "\e7d4";
}

.icon-inbox-update-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d4";
}

.icon-info-sign::before {
  content: "ℹ";
}

.icon-info-sign-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "ℹ";
}

.icon-inheritance::before {
  content: "\e7d5";
}

.icon-inheritance-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d5";
}

.icon-inner-join::before {
  content: "\e7a3";
}

.icon-inner-join-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a3";
}

.icon-insert::before {
  content: "\e66c";
}

.icon-insert-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e66c";
}

.icon-intersection::before {
  content: "\e765";
}

.icon-intersection-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e765";
}

.icon-ip-address::before {
  content: "\e772";
}

.icon-ip-address-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e772";
}

.icon-issue::before {
  content: "\e774";
}

.icon-issue-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e774";
}

.icon-issue-closed::before {
  content: "\e776";
}

.icon-issue-closed-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e776";
}

.icon-issue-new::before {
  content: "\e775";
}

.icon-issue-new-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e775";
}

.icon-italic::before {
  content: "\e607";
}

.icon-italic-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e607";
}

.icon-join-table::before {
  content: "\e738";
}

.icon-join-table-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e738";
}

.icon-key::before {
  content: "\e78e";
}

.icon-key-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e78e";
}

.icon-key-backspace::before {
  content: "\e707";
}

.icon-key-backspace-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e707";
}

.icon-key-command::before {
  content: "\e705";
}

.icon-key-command-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e705";
}

.icon-key-control::before {
  content: "\e704";
}

.icon-key-control-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e704";
}

.icon-key-delete::before {
  content: "\e708";
}

.icon-key-delete-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e708";
}

.icon-key-enter::before {
  content: "\e70a";
}

.icon-key-enter-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e70a";
}

.icon-key-escape::before {
  content: "\e709";
}

.icon-key-escape-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e709";
}

.icon-key-option::before {
  content: "\e742";
}

.icon-key-option-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e742";
}

.icon-key-shift::before {
  content: "\e706";
}

.icon-key-shift-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e706";
}

.icon-key-tab::before {
  content: "\e757";
}

.icon-key-tab-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e757";
}

.icon-known-vehicle::before {
  content: "\e73c";
}

.icon-known-vehicle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e73c";
}

.icon-lab-test::before {
  content: "\e90e";
}

.icon-lab-test-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e90e";
}

.icon-label::before {
  content: "\e665";
}

.icon-label-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e665";
}

.icon-layer::before {
  content: "\e6cf";
}

.icon-layer-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6cf";
}

.icon-layers::before {
  content: "\e618";
}

.icon-layers-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e618";
}

.icon-layout::before {
  content: "\e60c";
}

.icon-layout-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e60c";
}

.icon-layout-auto::before {
  content: "\e60d";
}

.icon-layout-auto-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e60d";
}

.icon-layout-balloon::before {
  content: "\e6d3";
}

.icon-layout-balloon-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d3";
}

.icon-layout-circle::before {
  content: "\e60e";
}

.icon-layout-circle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e60e";
}

.icon-layout-grid::before {
  content: "\e610";
}

.icon-layout-grid-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e610";
}

.icon-layout-group-by::before {
  content: "\e611";
}

.icon-layout-group-by-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e611";
}

.icon-layout-hierarchy::before {
  content: "\e60f";
}

.icon-layout-hierarchy-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e60f";
}

.icon-layout-linear::before {
  content: "\e6c3";
}

.icon-layout-linear-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c3";
}

.icon-layout-skew-grid::before {
  content: "\e612";
}

.icon-layout-skew-grid-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e612";
}

.icon-layout-sorted-clusters::before {
  content: "\e6d4";
}

.icon-layout-sorted-clusters-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d4";
}

.icon-learning::before {
  content: "\e904";
}

.icon-learning-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e904";
}

.icon-left-join::before {
  content: "\e7a4";
}

.icon-left-join-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a4";
}

.icon-less-than::before {
  content: "\e7e3";
}

.icon-less-than-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7e3";
}

.icon-less-than-or-equal-to::before {
  content: "\e7e4";
}

.icon-less-than-or-equal-to-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7e4";
}

.icon-lifesaver::before {
  content: "\e7c7";
}

.icon-lifesaver-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c7";
}

.icon-lightbulb::before {
  content: "\e6b0";
}

.icon-lightbulb-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b0";
}

.icon-link::before {
  content: "\e62d";
}

.icon-link-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e62d";
}

.icon-list::before {
  content: "☰";
}

.icon-list-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "☰";
}

.icon-list-columns::before {
  content: "\e7b9";
}

.icon-list-columns-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b9";
}

.icon-list-detail-view::before {
  content: "\e743";
}

.icon-list-detail-view-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e743";
}

.icon-locate::before {
  content: "\e619";
}

.icon-locate-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e619";
}

.icon-lock::before {
  content: "\e625";
}

.icon-lock-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e625";
}

.icon-log-in::before {
  content: "\e69a";
}

.icon-log-in-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e69a";
}

.icon-log-out::before {
  content: "\e64c";
}

.icon-log-out-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e64c";
}

.icon-manual::before {
  content: "\e6f6";
}

.icon-manual-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f6";
}

.icon-manually-entered-data::before {
  content: "\e74a";
}

.icon-manually-entered-data-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e74a";
}

.icon-map::before {
  content: "\e662";
}

.icon-map-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e662";
}

.icon-map-create::before {
  content: "\e741";
}

.icon-map-create-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e741";
}

.icon-map-marker::before {
  content: "\e67d";
}

.icon-map-marker-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e67d";
}

.icon-maximize::before {
  content: "\e635";
}

.icon-maximize-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e635";
}

.icon-media::before {
  content: "\e62c";
}

.icon-media-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e62c";
}

.icon-menu::before {
  content: "\e762";
}

.icon-menu-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e762";
}

.icon-menu-closed::before {
  content: "\e655";
}

.icon-menu-closed-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e655";
}

.icon-menu-open::before {
  content: "\e654";
}

.icon-menu-open-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e654";
}

.icon-merge-columns::before {
  content: "\e74f";
}

.icon-merge-columns-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e74f";
}

.icon-merge-links::before {
  content: "\e60b";
}

.icon-merge-links-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e60b";
}

.icon-minimize::before {
  content: "\e634";
}

.icon-minimize-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e634";
}

.icon-minus::before {
  content: "−";
}

.icon-minus-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "−";
}

.icon-mobile-phone::before {
  content: "\e717";
}

.icon-mobile-phone-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e717";
}

.icon-mobile-video::before {
  content: "\e69f";
}

.icon-mobile-video-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e69f";
}

.icon-moon::before {
  content: "\e754";
}

.icon-moon-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e754";
}

.icon-more::before {
  content: "\e62a";
}

.icon-more-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e62a";
}

.icon-mountain::before {
  content: "\e7b1";
}

.icon-mountain-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b1";
}

.icon-move::before {
  content: "\e693";
}

.icon-move-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e693";
}

.icon-mugshot::before {
  content: "\e6db";
}

.icon-mugshot-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6db";
}

.icon-multi-select::before {
  content: "\e680";
}

.icon-multi-select-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e680";
}

.icon-music::before {
  content: "\e6a6";
}

.icon-music-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a6";
}

.icon-new-drawing::before {
  content: "\e905";
}

.icon-new-drawing-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e905";
}

.icon-new-grid-item::before {
  content: "\e747";
}

.icon-new-grid-item-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e747";
}

.icon-new-layer::before {
  content: "\e902";
}

.icon-new-layer-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e902";
}

.icon-new-layers::before {
  content: "\e903";
}

.icon-new-layers-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e903";
}

.icon-new-link::before {
  content: "\e65c";
}

.icon-new-link-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e65c";
}

.icon-new-object::before {
  content: "\e65d";
}

.icon-new-object-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e65d";
}

.icon-new-person::before {
  content: "\e6e9";
}

.icon-new-person-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e9";
}

.icon-new-prescription::before {
  content: "\e78b";
}

.icon-new-prescription-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e78b";
}

.icon-new-text-box::before {
  content: "\e65b";
}

.icon-new-text-box-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e65b";
}

.icon-ninja::before {
  content: "\e675";
}

.icon-ninja-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e675";
}

.icon-not-equal-to::before {
  content: "\e7e0";
}

.icon-not-equal-to-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7e0";
}

.icon-notifications::before {
  content: "\e624";
}

.icon-notifications-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e624";
}

.icon-notifications-updated::before {
  content: "\e7b8";
}

.icon-notifications-updated-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b8";
}

.icon-numbered-list::before {
  content: "\e746";
}

.icon-numbered-list-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e746";
}

.icon-numerical::before {
  content: "\e756";
}

.icon-numerical-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e756";
}

.icon-office::before {
  content: "\e69b";
}

.icon-office-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e69b";
}

.icon-offline::before {
  content: "\e67a";
}

.icon-offline-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e67a";
}

.icon-oil-field::before {
  content: "\e73f";
}

.icon-oil-field-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e73f";
}

.icon-one-column::before {
  content: "\e658";
}

.icon-one-column-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e658";
}

.icon-outdated::before {
  content: "\e7a8";
}

.icon-outdated-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a8";
}

.icon-page-layout::before {
  content: "\e660";
}

.icon-page-layout-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e660";
}

.icon-panel-stats::before {
  content: "\e777";
}

.icon-panel-stats-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e777";
}

.icon-panel-table::before {
  content: "\e778";
}

.icon-panel-table-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e778";
}

.icon-paperclip::before {
  content: "\e664";
}

.icon-paperclip-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e664";
}

.icon-paragraph::before {
  content: "\e76c";
}

.icon-paragraph-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e76c";
}

.icon-path::before {
  content: "\e753";
}

.icon-path-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e753";
}

.icon-path-search::before {
  content: "\e65e";
}

.icon-path-search-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e65e";
}

.icon-pause::before {
  content: "\e6a9";
}

.icon-pause-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a9";
}

.icon-people::before {
  content: "\e63d";
}

.icon-people-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e63d";
}

.icon-percentage::before {
  content: "\e76a";
}

.icon-percentage-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e76a";
}

.icon-person::before {
  content: "\e63c";
}

.icon-person-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e63c";
}

.icon-phone::before {
  content: "☎";
}

.icon-phone-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "☎";
}

.icon-pie-chart::before {
  content: "\e684";
}

.icon-pie-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e684";
}

.icon-pin::before {
  content: "\e646";
}

.icon-pin-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e646";
}

.icon-pivot::before {
  content: "\e6f1";
}

.icon-pivot-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f1";
}

.icon-pivot-table::before {
  content: "\e6eb";
}

.icon-pivot-table-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6eb";
}

.icon-play::before {
  content: "\e6ab";
}

.icon-play-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ab";
}

.icon-plus::before {
  content: "+";
}

.icon-plus-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "+";
}

.icon-polygon-filter::before {
  content: "\e6d1";
}

.icon-polygon-filter-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d1";
}

.icon-power::before {
  content: "\e6d9";
}

.icon-power-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d9";
}

.icon-predictive-analysis::before {
  content: "\e617";
}

.icon-predictive-analysis-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e617";
}

.icon-prescription::before {
  content: "\e78a";
}

.icon-prescription-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e78a";
}

.icon-presentation::before {
  content: "\e687";
}

.icon-presentation-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e687";
}

.icon-print::before {
  content: "⎙";
}

.icon-print-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⎙";
}

.icon-projects::before {
  content: "\e622";
}

.icon-projects-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e622";
}

.icon-properties::before {
  content: "\e631";
}

.icon-properties-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e631";
}

.icon-property::before {
  content: "\e65a";
}

.icon-property-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e65a";
}

.icon-publish-function::before {
  content: "\e752";
}

.icon-publish-function-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e752";
}

.icon-pulse::before {
  content: "\e6e8";
}

.icon-pulse-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e8";
}

.icon-random::before {
  content: "\e698";
}

.icon-random-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e698";
}

.icon-record::before {
  content: "\e6ae";
}

.icon-record-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ae";
}

.icon-redo::before {
  content: "\e6c4";
}

.icon-redo-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c4";
}

.icon-refresh::before {
  content: "\e643";
}

.icon-refresh-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e643";
}

.icon-regression-chart::before {
  content: "\e758";
}

.icon-regression-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e758";
}

.icon-remove::before {
  content: "\e63f";
}

.icon-remove-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e63f";
}

.icon-remove-column::before {
  content: "\e755";
}

.icon-remove-column-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e755";
}

.icon-remove-column-left::before {
  content: "\e6fd";
}

.icon-remove-column-left-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6fd";
}

.icon-remove-column-right::before {
  content: "\e6fe";
}

.icon-remove-column-right-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6fe";
}

.icon-remove-row-bottom::before {
  content: "\e6fc";
}

.icon-remove-row-bottom-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6fc";
}

.icon-remove-row-top::before {
  content: "\e6fb";
}

.icon-remove-row-top-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6fb";
}

.icon-repeat::before {
  content: "\e692";
}

.icon-repeat-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e692";
}

.icon-reset::before {
  content: "\e7d6";
}

.icon-reset-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d6";
}

.icon-resolve::before {
  content: "\e672";
}

.icon-resolve-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e672";
}

.icon-rig::before {
  content: "\e740";
}

.icon-rig-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e740";
}

.icon-right-join::before {
  content: "\e7a5";
}

.icon-right-join-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a5";
}

.icon-ring::before {
  content: "\e6f2";
}

.icon-ring-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f2";
}

.icon-rotate-document::before {
  content: "\e6e1";
}

.icon-rotate-document-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e1";
}

.icon-rotate-page::before {
  content: "\e6e2";
}

.icon-rotate-page-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e2";
}

.icon-satellite::before {
  content: "\e76b";
}

.icon-satellite-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e76b";
}

.icon-saved::before {
  content: "\e6b6";
}

.icon-saved-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b6";
}

.icon-scatter-plot::before {
  content: "\e73e";
}

.icon-scatter-plot-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e73e";
}

.icon-search::before {
  content: "\e64b";
}

.icon-search-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e64b";
}

.icon-search-around::before {
  content: "\e608";
}

.icon-search-around-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e608";
}

.icon-search-template::before {
  content: "\e628";
}

.icon-search-template-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e628";
}

.icon-search-text::before {
  content: "\e663";
}

.icon-search-text-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e663";
}

.icon-segmented-control::before {
  content: "\e6ec";
}

.icon-segmented-control-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ec";
}

.icon-select::before {
  content: "\e616";
}

.icon-select-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e616";
}

.icon-selection::before {
  content: "⦿";
}

.icon-selection-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⦿";
}

.icon-send-to::before {
  content: "\e66e";
}

.icon-send-to-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e66e";
}

.icon-send-to-graph::before {
  content: "\e736";
}

.icon-send-to-graph-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e736";
}

.icon-send-to-map::before {
  content: "\e737";
}

.icon-send-to-map-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e737";
}

.icon-series-add::before {
  content: "\e796";
}

.icon-series-add-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e796";
}

.icon-series-configuration::before {
  content: "\e79a";
}

.icon-series-configuration-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e79a";
}

.icon-series-derived::before {
  content: "\e799";
}

.icon-series-derived-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e799";
}

.icon-series-filtered::before {
  content: "\e798";
}

.icon-series-filtered-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e798";
}

.icon-series-search::before {
  content: "\e797";
}

.icon-series-search-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e797";
}

.icon-settings::before {
  content: "\e6a2";
}

.icon-settings-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a2";
}

.icon-share::before {
  content: "\e62e";
}

.icon-share-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e62e";
}

.icon-shield::before {
  content: "\e7b2";
}

.icon-shield-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b2";
}

.icon-shop::before {
  content: "\e6c2";
}

.icon-shop-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c2";
}

.icon-shopping-cart::before {
  content: "\e6c1";
}

.icon-shopping-cart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c1";
}

.icon-signal-search::before {
  content: "\e909";
}

.icon-signal-search-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e909";
}

.icon-sim-card::before {
  content: "\e718";
}

.icon-sim-card-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e718";
}

.icon-slash::before {
  content: "\e769";
}

.icon-slash-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e769";
}

.icon-small-cross::before {
  content: "\e6d7";
}

.icon-small-cross-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d7";
}

.icon-small-minus::before {
  content: "\e70e";
}

.icon-small-minus-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e70e";
}

.icon-small-plus::before {
  content: "\e70d";
}

.icon-small-plus-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e70d";
}

.icon-small-tick::before {
  content: "\e6d8";
}

.icon-small-tick-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d8";
}

.icon-snowflake::before {
  content: "\e7b6";
}

.icon-snowflake-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b6";
}

.icon-social-media::before {
  content: "\e671";
}

.icon-social-media-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e671";
}

.icon-sort::before {
  content: "\e64f";
}

.icon-sort-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e64f";
}

.icon-sort-alphabetical::before {
  content: "\e64d";
}

.icon-sort-alphabetical-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e64d";
}

.icon-sort-alphabetical-desc::before {
  content: "\e6c8";
}

.icon-sort-alphabetical-desc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c8";
}

.icon-sort-asc::before {
  content: "\e6d5";
}

.icon-sort-asc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d5";
}

.icon-sort-desc::before {
  content: "\e6d6";
}

.icon-sort-desc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6d6";
}

.icon-sort-numerical::before {
  content: "\e64e";
}

.icon-sort-numerical-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e64e";
}

.icon-sort-numerical-desc::before {
  content: "\e6c9";
}

.icon-sort-numerical-desc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6c9";
}

.icon-split-columns::before {
  content: "\e750";
}

.icon-split-columns-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e750";
}

.icon-square::before {
  content: "\e686";
}

.icon-square-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e686";
}

.icon-stacked-chart::before {
  content: "\e6e7";
}

.icon-stacked-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e7";
}

.icon-star::before {
  content: "★";
}

.icon-star-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "★";
}

.icon-star-empty::before {
  content: "☆";
}

.icon-star-empty-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "☆";
}

.icon-step-backward::before {
  content: "\e6a7";
}

.icon-step-backward-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a7";
}

.icon-step-chart::before {
  content: "\e70f";
}

.icon-step-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e70f";
}

.icon-step-forward::before {
  content: "\e6ad";
}

.icon-step-forward-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ad";
}

.icon-stop::before {
  content: "\e6aa";
}

.icon-stop-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6aa";
}

.icon-stopwatch::before {
  content: "\e901";
}

.icon-stopwatch-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e901";
}

.icon-strikethrough::before {
  content: "\e7a6";
}

.icon-strikethrough-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a6";
}

.icon-style::before {
  content: "\e601";
}

.icon-style-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e601";
}

.icon-swap-horizontal::before {
  content: "\e745";
}

.icon-swap-horizontal-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e745";
}

.icon-swap-vertical::before {
  content: "\e744";
}

.icon-swap-vertical-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e744";
}

.icon-symbol-circle::before {
  content: "\e72e";
}

.icon-symbol-circle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e72e";
}

.icon-symbol-cross::before {
  content: "\e731";
}

.icon-symbol-cross-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e731";
}

.icon-symbol-diamond::before {
  content: "\e730";
}

.icon-symbol-diamond-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e730";
}

.icon-symbol-square::before {
  content: "\e72f";
}

.icon-symbol-square-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e72f";
}

.icon-symbol-triangle-down::before {
  content: "\e733";
}

.icon-symbol-triangle-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e733";
}

.icon-symbol-triangle-up::before {
  content: "\e732";
}

.icon-symbol-triangle-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e732";
}

.icon-tag::before {
  content: "\e61c";
}

.icon-tag-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e61c";
}

.icon-take-action::before {
  content: "\e6ca";
}

.icon-take-action-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6ca";
}

.icon-taxi::before {
  content: "\e79e";
}

.icon-taxi-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e79e";
}

.icon-text-highlight::before {
  content: "\e6dd";
}

.icon-text-highlight-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6dd";
}

.icon-th::before {
  content: "\e667";
}

.icon-th-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e667";
}

.icon-th-derived::before {
  content: "\e669";
}

.icon-th-derived-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e669";
}

.icon-th-disconnect::before {
  content: "\e7d8";
}

.icon-th-disconnect-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7d8";
}

.icon-th-filtered::before {
  content: "\e7c6";
}

.icon-th-filtered-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7c6";
}

.icon-th-list::before {
  content: "\e668";
}

.icon-th-list-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e668";
}

.icon-thumbs-down::before {
  content: "\e6be";
}

.icon-thumbs-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6be";
}

.icon-thumbs-up::before {
  content: "\e6bd";
}

.icon-thumbs-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6bd";
}

.icon-tick::before {
  content: "✓";
}

.icon-tick-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "✓";
}

.icon-tick-circle::before {
  content: "\e779";
}

.icon-tick-circle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e779";
}

.icon-time::before {
  content: "⏲";
}

.icon-time-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⏲";
}

.icon-timeline-area-chart::before {
  content: "\e6cd";
}

.icon-timeline-area-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6cd";
}

.icon-timeline-bar-chart::before {
  content: "\e620";
}

.icon-timeline-bar-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e620";
}

.icon-timeline-events::before {
  content: "\e61e";
}

.icon-timeline-events-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e61e";
}

.icon-timeline-line-chart::before {
  content: "\e61f";
}

.icon-timeline-line-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e61f";
}

.icon-tint::before {
  content: "\e6b2";
}

.icon-tint-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6b2";
}

.icon-torch::before {
  content: "\e677";
}

.icon-torch-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e677";
}

.icon-tractor::before {
  content: "\e90c";
}

.icon-tractor-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e90c";
}

.icon-train::before {
  content: "\e79f";
}

.icon-train-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e79f";
}

.icon-translate::before {
  content: "\e759";
}

.icon-translate-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e759";
}

.icon-trash::before {
  content: "\e63b";
}

.icon-trash-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e63b";
}

.icon-tree::before {
  content: "\e7b7";
}

.icon-tree-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7b7";
}

.icon-trending-down::before {
  content: "\e71a";
}

.icon-trending-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e71a";
}

.icon-trending-up::before {
  content: "\e719";
}

.icon-trending-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e719";
}

.icon-truck::before {
  content: "\e90b";
}

.icon-truck-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e90b";
}

.icon-two-columns::before {
  content: "\e657";
}

.icon-two-columns-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e657";
}

.icon-unarchive::before {
  content: "\e906";
}

.icon-unarchive-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e906";
}

.icon-underline::before {
  content: "⎁";
}

.icon-underline-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⎁";
}

.icon-undo::before {
  content: "⎌";
}

.icon-undo-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "⎌";
}

.icon-ungroup-objects::before {
  content: "\e688";
}

.icon-ungroup-objects-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e688";
}

.icon-unknown-vehicle::before {
  content: "\e73d";
}

.icon-unknown-vehicle-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e73d";
}

.icon-unlock::before {
  content: "\e626";
}

.icon-unlock-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e626";
}

.icon-unpin::before {
  content: "\e650";
}

.icon-unpin-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e650";
}

.icon-unresolve::before {
  content: "\e679";
}

.icon-unresolve-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e679";
}

.icon-updated::before {
  content: "\e7a7";
}

.icon-updated-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e7a7";
}

.icon-upload::before {
  content: "\e68f";
}

.icon-upload-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e68f";
}

.icon-user::before {
  content: "\e627";
}

.icon-user-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e627";
}

.icon-variable::before {
  content: "\e6f5";
}

.icon-variable-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6f5";
}

.icon-vertical-bar-chart-asc::before {
  content: "\e75b";
}

.icon-vertical-bar-chart-asc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e75b";
}

.icon-vertical-bar-chart-desc::before {
  content: "\e71c";
}

.icon-vertical-bar-chart-desc-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e71c";
}

.icon-vertical-distribution::before {
  content: "\e721";
}

.icon-vertical-distribution-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e721";
}

.icon-video::before {
  content: "\e6a0";
}

.icon-video-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a0";
}

.icon-volume-down::before {
  content: "\e6a4";
}

.icon-volume-down-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a4";
}

.icon-volume-off::before {
  content: "\e6a3";
}

.icon-volume-off-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a3";
}

.icon-volume-up::before {
  content: "\e6a5";
}

.icon-volume-up-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6a5";
}

.icon-walk::before {
  content: "\e79d";
}

.icon-walk-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e79d";
}

.icon-warning-sign::before {
  content: "\e647";
}

.icon-warning-sign-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e647";
}

.icon-waterfall-chart::before {
  content: "\e6e6";
}

.icon-waterfall-chart-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e6e6";
}

.icon-widget::before {
  content: "\e678";
}

.icon-widget-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e678";
}

.icon-widget-button::before {
  content: "\e790";
}

.icon-widget-button-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e790";
}

.icon-widget-footer::before {
  content: "\e792";
}

.icon-widget-footer-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e792";
}

.icon-widget-header::before {
  content: "\e791";
}

.icon-widget-header-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e791";
}

.icon-wrench::before {
  content: "\e734";
}

.icon-wrench-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e734";
}

.icon-zoom-in::before {
  content: "\e641";
}

.icon-zoom-in-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e641";
}

.icon-zoom-out::before {
  content: "\e642";
}

.icon-zoom-out-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e642";
}

.icon-zoom-to-fit::before {
  content: "\e67b";
}

.icon-zoom-to-fit-small::before {
  font-family: "Icons16", sans-serif;
  font-size: 16px;
  content: "\e67b";
}

tr.stripped {
  background-color: var(--table-row-stripped-background-color);
}

.print-color-exact {
  print-color-adjust: exact;
}

table.stripped-vertically tbody tr:nth-child(odd) {
  background-color: var(--pampas-50);
}
table.stripped-horizontally tbody tr:nth-child(odd) {
  background-color: var(--schemes-surface);
}

.red {
  color: var(--del-color);
}

turbo-frame[aria-busy=true]::before,
form[aria-busy=true]::before {
  content: none !important;
}

turbo-frame form {
  margin-bottom: 0;
}

details[role=list] summary::after,
li[role=list] > a::after {
  display: none;
}

details[role=list] summary + ul,
li[role=list] > ul {
  right: calc(var(--nav-link-spacing-horizontal) * -1);
  left: initial;
}

@media print {
  [data-theme=light],
  :root:not([data-theme=dark]) {
    --table-row-stripped-background-color: #d8e0e5;
  }
  body div header:first-child,
  body div footer:last-child {
    display: none;
  }
  .print-label-medium {
    font-family: var(--label-medium-font);
    font-weight: var(--label-medium-weight);
    font-size: var(--label-medium-size);
  }
  td {
    border-bottom: none;
  }
  hr {
    display: none;
  }
  .stripped-vertically tbody tr {
    background-color: transparent !important;
  }
  .stripped-vertically tbody tr td:nth-child(odd) {
    background-color: var(--pampas-50);
  }
}
/* stylelint-disable-next-line selector-id-pattern */
body#shop_orders-products_summary table td:nth-child(1) {
  background-color: var(--mark-background-color);
}
body#shop_orders-products_summary table td:nth-child(2) {
  background-color: var(--table-row-stripped-background-color);
}

.writing-mode-vertical-rl {
  writing-mode: vertical-rl;
}

.nav-paginate .pagination {
  margin: 2rem;
  justify-content: center;
}
.nav-paginate .pagination .page {
  order: 1;
  margin: 0.5rem;
}
.nav-paginate .pagination .next {
  order: 2;
  margin: 0.5rem;
}
.nav-paginate .pagination .prev {
  order: 0;
  margin: 0.5rem;
}

.logo-header img {
  width: 6rem;
  margin-right: 1rem;
}

/* Colors - Mode 1 */
:root {
  --pampas-50: rgba(248, 246, 244, 1);
  --pampas-100: rgba(242, 240, 236, 1);
  --pampas-200: rgba(220, 215, 204, 1);
  --pampas-300: rgba(197, 187, 172, 1);
  --pampas-400: rgba(173, 157, 138, 1);
  --pampas-500: rgba(157, 136, 114, 1);
  --pampas-600: rgba(144, 120, 102, 1);
  --pampas-700: rgba(120, 99, 86, 1);
  --pampas-800: rgba(99, 82, 73, 1);
  --pampas-900: rgba(81, 68, 61, 1);
  --pampas-950: rgba(43, 35, 31, 1);
  --schemes-surface: rgba(242, 240, 236, 1);
  --schemes-on-surface: rgba(34, 34, 34, 1);
  --schemes-on-surface-variant: rgba(69, 69, 69, 1);
  --schemes-white: rgba(255, 255, 255, 1);
  --shark-50: rgba(246, 246, 246, 1);
  --shark-100: rgba(231, 231, 231, 1);
  --shark-200: rgba(209, 209, 209, 1);
  --shark-300: rgba(176, 176, 176, 1);
  --shark-400: rgba(136, 136, 136, 1);
  --shark-500: rgba(109, 109, 109, 1);
  --shark-600: rgba(93, 93, 93, 1);
  --shark-700: rgba(79, 79, 79, 1);
  --shark-800: rgba(69, 69, 69, 1);
  --shark-900: rgba(61, 61, 61, 1);
  --shark-950: rgba(34, 34, 34, 1);
}

:root {
  --font-family-fallback: -apple-system, "Segoe UI", roboto, "noto sans", ubuntu, cantarell, "helvetica neue";
  --brand: "Libre Baskerville", var(--font-family-fallback);
  --weight-bold: 700;
  --plain: "Raleway", var(--font-family-fallback);
  --weight-regular: 500;
  --headline-large-font: var(--brand);
  --headline-large-weight: var(--weight-bold);
  --headline-large-size: 48px;
  --headline-medium-font: var(--brand);
  --headline-medium-weight: var(--weight-bold);
  --headline-medium-size: 36px;
  --headline-small-font: var(--brand);
  --headline-small-weight: var(--weight-bold);
  --headline-small-size: 30px;
  --title-large-font: var(--brand);
  --title-large-weight: var(--weight-bold);
  --title-large-size: 24px;
  --title-medium-font: var(--brand);
  --title-medium-weight: var(--weight-bold);
  --title-medium-size: 20px;
  --title-small-font: var(--brand);
  --title-small-weight: var(--weight-bold);
  --title-small-size: 16px;
  --body-large-font: var(--plain);
  --body-large-weight: var(--weight-regular);
  --body-large-size: 16px;
  --body-medium-font: var(--plain);
  --body-medium-weight: var(--weight-regular);
  --body-medium-size: 14px;
  --body-small-font: var(--plain);
  --body-small-weight: var(--weight-regular);
  --body-small-size: 12px;
  --label-large-font: var(--plain);
  --label-large-weight: var(--weight-bold);
  --label-large-size: 14px;
  --label-medium-font: var(--plain);
  --label-medium-weight: var(--weight-bold);
  --label-medium-size: 12px;
  --label-small-font: var(--plain);
  --label-small-weight: var(--weight-bold);
  --label-small-size: 10px;
}

/* Colors - Mode 1 */
:root {
  --space-000: 0px;
  --space-025: 4px;
  --space-050: 8px;
  --space-075: 12px;
  --space-100: 16px;
  --space-150: 24px;
  --space-200: 32px;
  --space-300: 48px;
  --space-400: 64px;
  --space-600: 96px;
  --space-800: 128px;
}

body {
  font-family: var(--body-large-font);
  font-weight: var(--body-large-weight);
  font-size: var(--body-large-size);
}

.headline-large {
  font-family: var(--headline-large-font);
  font-weight: var(--headline-large-weight);
  font-size: var(--headline-large-size);
}

h1, .headline-medium {
  font-family: var(--headline-medium-font);
  font-weight: var(--headline-medium-weight);
  font-size: var(--headline-medium-size);
}

h2, .headline-small {
  font-family: var(--headline-small-font);
  font-weight: var(--headline-small-weight);
  font-size: var(--headline-small-size);
}

h3, .title-large {
  font-family: var(--title-large-font);
  font-weight: var(--title-large-weight);
  font-size: var(--title-large-size);
}

h4, .title-medium {
  font-family: var(--title-medium-font);
  font-weight: var(--title-medium-weight);
  font-size: var(--title-medium-size);
}

h5, .title-small {
  font-family: var(--title-small-font);
  font-weight: var(--title-small-weight);
  font-size: var(--title-small-size);
}

.body-large {
  font-family: var(--body-large-font);
  font-weight: var(--body-large-weight);
  font-size: var(--body-large-size);
}

.body-medium {
  font-family: var(--body-medium-font);
  font-weight: var(--body-medium-weight);
  font-size: var(--body-medium-size);
}

.body-small {
  font-family: var(--body-small-font);
  font-weight: var(--body-small-weight);
  font-size: var(--body-small-size);
}

.label-large {
  font-family: var(--label-large-font);
  font-weight: var(--label-large-weight);
  font-size: var(--label-large-size);
}

.label-medium {
  font-family: var(--label-medium-font);
  font-weight: var(--label-medium-weight);
  font-size: var(--label-medium-size);
}

.label-small {
  font-family: var(--label-small-font);
  font-weight: var(--label-small-weight);
  font-size: var(--label-small-size);
}

.resource-list__actions {
  display: flex;
  flex-direction: row;
  gap: var(--space-100);
}

.size_search_bar {
  width: 100%;
  max-width: 500px;
}