@charset "UTF-8";
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(ubuntu/4iCp6KVjbNBYlgoKejZftVyBN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(ubuntu/4iCp6KVjbNBYlgoKejZftVyPN4FNgYUJ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(ubuntu/4iCu6KVjbNBYlgoKej76l0miFYxnu4w.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(ubuntu/4iCu6KVjbNBYlgoKej70l0miFYxn.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(ubuntu/4iCp6KVjbNBYlgoKejYHtFyBN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(ubuntu/4iCp6KVjbNBYlgoKejYHtFyPN4FNgYUJ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(ubuntu/4iCp6KVjbNBYlgoKejZPslyBN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(ubuntu/4iCp6KVjbNBYlgoKejZPslyPN4FNgYUJ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(ubuntu/4iCv6KVjbNBYlgoC1CzjvmyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(ubuntu/4iCv6KVjbNBYlgoC1CzjsGyNPYZvgw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(ubuntu/4iCs6KVjbNBYlgoKcQ72nU6AF7xm.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(ubuntu/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(ubuntu/4iCv6KVjbNBYlgoCjC3jvmyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(ubuntu/4iCv6KVjbNBYlgoCjC3jsGyNPYZvgw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(ubuntu/4iCv6KVjbNBYlgoCxCvjvmyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(ubuntu/4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvZlMIFxGC8NAU.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvQlMIFxGC8NAU.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvYlMIFxGC8NAU.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvXlMIFxGC8NAU.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvblMIFxGC8NAU.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvalMIFxGC8NAU.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: italic;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_QiYsKILxRpg3hIP6sJ7fM7PqlONvUlMIFxGC8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_SiYsKILxRpg3hIP6sJ7fM7PqlMOvWnsUnxlC9.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_SiYsKILxRpg3hIP6sJ7fM7PqlOevWnsUnxlC9.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_SiYsKILxRpg3hIP6sJ7fM7PqlMevWnsUnxlC9.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPuvWnsUnxlC9.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_SiYsKILxRpg3hIP6sJ7fM7PqlMuvWnsUnxlC9.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_SiYsKILxRpg3hIP6sJ7fM7PqlM-vWnsUnxlC9.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 200 900;
  src: url(sourcecodepro/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevWnsUnxg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*, *::before, *::after {
  background-repeat: no-repeat;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  hanging-punctuation: first allow-end last;
  block-size: 100%;
  line-height: 1.15;
}

body {
  min-height: 100vh;
  min-block-size: 100%;
  font-family: "Ubuntu", sans-serif;
  font-size: 12pt;
  color: #343434;
}

main {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
  font-variant-numeric: lining-nums;
}

h1 {
  font-size: 1.5em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

p {
  text-wrap: pretty;
  font-variant-numeric: proportional-nums;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

b, strong {
  font-weight: bolder;
}

a {
  background-color: transparent;
}

ul, ol, dl {
  list-style-position: inside;
  padding-inline-start: 1lh;
}

input, button, textarea, select, optgroup {
  font-family: inherit;
  font-size: 12pt;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

input[type=checkbox] {
  height: 1.25em;
  width: 1.25em;
  display: grid;
  place-content: center;
}
input[type=checkbox]:hover {
  cursor: pointer;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
}

input[type=checkbox]:checked {
  border: 1px solid oklch(75% 0.258 276.94deg);
}

input[type=checkbox]:checked::before {
  background: oklch(60% 0.258 276.94deg);
  border-radius: 0.15em;
  transform: scale(1);
}

button, select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-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;
}

textarea {
  overflow: auto;
}

fieldset, iframe {
  border: none;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

img, iframe, audio, video, canvas {
  max-inline-size: 100%;
  display: block;
  block-size: auto;
}

img {
  border-style: none;
}

svg {
  max-inline-size: 100%;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

small {
  font-size: 0.8em;
}

math, time, table {
  font-variant-numeric: tabular-nums lining-nums slashed-zero;
}

code {
  font-family: "Source Code Pro", Courier, monospace;
  font-variant-numeric: slashed-zero;
  font-size: 12pt;
}

pre {
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 12pt;
}

table {
  border-collapse: collapse;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

progress {
  vertical-align: baseline;
}

details {
  display: block;
}

summary {
  display: list-item;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

:target {
  scroll-margin-block: 5ex;
}

:focus-visible {
  outline-offset: 0.2rem;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

select {
  height: 3em;
  font-size: 11pt;
  background: #fff;
  border-radius: 0.375rem;
  border: 1px solid #c7c7c7;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
  width: 100%;
  padding: 0.6rem 0;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  transition: all 0.2s ease;
}
select::placeholder {
  color: #8e8e93;
}
select:disabled {
  background-color: #f2f2f7;
  color: #8e8e93;
  cursor: not-allowed;
}
select:hover {
  border-color: #a1a1a6;
}
select:focus {
  outline: none;
  border-color: #007aff;
  box-shadow: 0 0 0.25rem 0.15rem rgba(0, 122, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

select[multiple],
select[size]:not([size="0"]):not([size="1"]) {
  height: auto;
  font-family: "Source Code Pro", Courier, monospace;
}

input {
  -webkit-appearance: none;
  appearance: none;
  font-size: 11pt;
  width: 100%;
  padding: 0.6rem 0;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid #c7c7c7;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
  transition: all 0.2s ease;
}
input::placeholder {
  color: #8e8e93;
}
input:disabled {
  background-color: #f2f2f7;
  color: #8e8e93;
  cursor: not-allowed;
}
input:hover {
  border-color: #a1a1a6;
}
input:focus {
  outline: none;
  border-color: #007aff;
  box-shadow: 0 0 0.25rem 0.15rem rgba(0, 122, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
input:indeterminate {
  accent-color: #aaa;
  vertical-align: middle;
}
input:indeterminate::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 2px;
  background: #aaa;
  transform: translate(-50%, -50%);
}

button {
  padding: 0.75rem;
}

a {
  color: oklch(40% 0.258 276.94deg);
}

textarea {
  font-size: 11pt;
  width: 100%;
}

.form-row {
  display: flex;
  justify-content: space-between;
}

.form-group-with-btn {
  display: flex;
  flex-direction: row;
  border-radius: 0.375rem;
}
.form-group-with-btn input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0 !important;
}
.form-group-with-btn input:focus {
  border-color: 7aff;
  box-shadow: none;
}
.form-group-with-btn button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0 !important;
}
.form-group-with-btn:focus-within {
  box-shadow: 0 0 0.25rem 0.25rem rgba(0, 122, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn {
  background: oklch(50% 0.258 276.94deg);
  color: #eee;
  border: 0;
  border-radius: 0.3rem;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  flex-direction: row;
}
.btn:hover {
  background: oklch(40% 0.258 276.94deg);
  color: #eee;
  transition: background 0.3s ease-in-out;
}
.btn:disabled {
  background: oklch(50% 0.05 276.94deg);
  pointer-events: none;
}
.btn svg {
  margin-top: 2px;
}

.btn-delete {
  background: #dc3545;
}
.btn-delete:hover, .btn-delete:focus {
  background: #b82c3a;
}

.btn-success {
  background: #198754;
}
.btn-success:hover, .btn-success:focus {
  background: #157347;
}

form:invalid .btn {
  background: oklch(50% 0.05 276.94deg);
  pointer-events: none;
}

.btn-sm {
  padding: 0.45rem;
  font-size: 10pt;
  margin-top: -0.45rem;
}

.btn-md {
  font-size: 11pt;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.input-sm {
  height: 2em;
}

.alert {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #cf495c;
  border: 1px solid #d14a5d;
  color: #fff;
  padding: 1rem;
  border-radius: 0.5em;
}
.alert svg {
  float: left;
  margin-right: 0.65em;
}
.alert a {
  color: #fff;
  margin-left: 3pt;
  font-weight: bolder;
  text-decoration: none;
}

.alert-success {
  background: #198754;
  border-color: #a3cfbb;
}

.alert-warning {
  background: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}

.symbol-wrapper {
  position: absolute;
}

.tree-panel {
  width: 100%;
}
.tree-panel .header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5em;
  padding: 0.5em;
  border-top: 2px solid oklch(95% 0.01 285deg);
  border-bottom: 2px solid oklch(90% 0.01 285deg);
  flex-wrap: wrap;
}
.tree-panel .header .btn {
  margin: 0;
}
.tree-panel .icon {
  width: 16px;
  height: 16px;
}
.tree-panel .caret {
  display: grid;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: none;
  color: #667382;
  cursor: pointer;
}
.tree-panel .caret svg {
  width: 14px;
  height: 14px;
  stroke-width: 1.7;
}
@media (prefers-reduced-motion: no-preference) {
  .tree-panel .caret svg {
    transform: transform 0.12s;
  }
}
.tree-panel .tree {
  border-bottom: 2px solid oklch(90% 0.01 285deg);
}
.tree-panel .tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tree-panel .tree li:not(.collapsed) > .row .caret svg {
  transform: rotate(90deg);
}
.tree-panel .tree li.collapsed > ul {
  display: none;
}
.tree-panel .tree .caret.spacer {
  cursor: inherit;
}
.tree-panel .tree .rename {
  font: inherit;
  padding: 1px 4px;
  border: 1px solid oklch(95% 0.01 285deg);
  color: #1c2530;
  background: #fff;
  min-width: 0;
  width: 14em;
  user-select: text;
}
.tree-panel .row {
  --depth: 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px 5px calc(var(--depth) * 20px + 4px);
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  cursor: pointer;
  font-size: 11pt;
  color: #555;
}
.tree-panel .row .name {
  cursor: grab;
}
.tree-panel .row:hover {
  background: #f0f3f6;
}
.tree-panel .row.selected {
  background: oklch(99% 0.258 276.94deg);
}
.tree-panel .row:focus-visible {
  outline: 2px solid oklch(95% 0.01 285deg);
  outline-offset: -2px;
}
.tree-panel .row.dragging {
  opacity: 0.4;
}
.tree-panel .row.drop-inside {
  background: #efedfc;
  outline: 2px solid oklch(95% 0.01 285deg);
  outline-offset: -2px;
}
.tree-panel .row.drop-before::after, .tree-panel .row.drop-after::after, .tree-panel .row.drop-first::after {
  content: "";
  position: absolute;
  right: 6px;
  height: 2px;
  background: oklch(95% 0.01 285deg);
  left: calc(var(--depth) * 20px + 4px);
  pointer-events: none;
}
.tree-panel .row.drop-before::after {
  top: -1px;
}
.tree-panel .row.drop-after::after {
  bottom: -1px;
}
.tree-panel .row.drop-first::after {
  bottom: -1px;
  left: calc((var(--depth) + 1) * 20px + 4px);
}
.tree-panel .row[data-type=node] .icon {
  color: #b3771a;
}
.tree-panel .row[data-type=node] .name {
  font-weight: bold;
}
.tree-panel .row[data-type=element] .icon {
  color: #5f7081;
}
.tree-panel .row[data-type=element].selected::after {
  display: block;
  margin-left: auto;
  content: "»";
  color: #666;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #dee2e6;
}
.tabs li {
  display: flex;
  margin-left: -1px;
}
.tabs a, .tabs button {
  background: transparent;
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  padding: 12px 8px;
  text-decoration: none;
  font-size: 10.5pt;
  color: #555;
  cursor: pointer;
}
.tabs a.active, .tabs button.active {
  color: #000;
  background: #fff;
  border-color: #dee2e6;
  margin-bottom: -1px;
  border-bottom: none;
  cursor: default;
}
.tabs a:focus, .tabs a:hover, .tabs button:focus, .tabs button:hover {
  border-color: #e9ecef;
}

@media screen and (max-width: 992px) {
  .layout-single .container {
    min-width: 100% !important;
    padding: 0;
  }
}
.mt-1 {
  margin-top: 1em;
}

.mt-05 {
  margin-top: 0.5em;
}

.mr-05 {
  margin-right: 0.5em;
}

.mb-1 {
  margin-bottom: 1em;
}

.mt-2 {
  margin-top: 2em;
}

.monospace {
  font-family: "Source Code Pro", Courier, monospace;
}

.text-r {
  text-align: right !important;
}

.bg-star-tile {
  min-width: 100vw;
  background-color: #e5e5f7;
  background-image: url("star-tile.svg");
  background-repeat: repeat;
  background-size: 50px 50px;
}

.layout-single-dark main {
  background: oklch(98% 0.01 285deg) !important;
}

.layout-single {
  min-height: 100vh;
  display: flex;
}
.layout-single .topbar {
  width: 100% !important;
  position: fixed;
  margin: 0.25em;
}
.layout-single .topbar .logo img {
  margin: 0.25em;
  transition: all 0.5s ease;
}
.layout-single .topbar .logo img:hover, .layout-single .topbar .logo img:focus {
  rotate: 90deg;
}
.layout-single .container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100vh;
  min-width: 100%;
  padding: 1rem;
  background: #fff;
}
.layout-single .container article {
  flex-grow: 1;
  margin: 0 5%;
  line-height: 1.4;
}
.layout-single .container article h1, .layout-single .container article h2, .layout-single .container article h3, .layout-single .container article h4, .layout-single .container article h5 {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
.layout-single .container article p {
  margin-top: 0.75em;
}
.layout-single .footer {
  padding-bottom: 0.5em;
}
.layout-single .footer ul {
  display: flex;
  justify-content: end;
  list-style: none;
  padding: 0.5rem 0;
  padding-top: 1rem;
}
.layout-single .footer ul li {
  margin-right: 0.25rem;
}
.layout-single .footer ul li a {
  padding: 0.5rem 0.35rem;
  text-decoration: none;
  font-size: 11pt;
}
.layout-single .footer ul li a:hover {
  border-radius: 0.5em;
  background: #eee;
  transition: background 0.3s ease-in-out;
}

.loginbox-wide form, .loginbox-wide p {
  width: 30rem !important;
}
.loginbox-wide .alert {
  width: 30rem !important;
}

.reset-icon-sent {
  margin-bottom: 1em;
  color: #323e8a;
}

.loginbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
  height: 100%;
}
.loginbox .loginblock {
  display: flex;
  flex-direction: column;
  padding-bottom: 15%;
}
.loginbox p {
  padding: 0.5rem 0;
  padding-top: 0.25rem;
  padding-bottom: 0.75rem;
  color: #555;
  text-align: center;
  line-height: 1.3;
}
.loginbox input, .loginbox button, .loginbox .form-group-with-btn, .loginbox .alert {
  margin: 0.5rem 0;
}
.loginbox .lost-account {
  color: #555;
  text-decoration: none;
  font-size: 11pt;
  width: fit-content;
  height: fit-content;
  margin-top: 1.2rem;
}
.loginbox .lost-account:hover {
  text-decoration: underline;
  color: #343434;
  transition: all 0.3s ease-in-out;
}
.loginbox button {
  cursor: pointer;
}
.loginbox form, .loginbox p {
  width: 21rem;
}
.loginbox .alert {
  width: 21rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.onboarding {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  margin-bottom: 15%;
  margin-top: 4em;
}
.onboarding .confirm-box .leak-spec {
  text-align: left;
  width: 100%;
  border-top: 2px solid #eee;
}
.onboarding .confirm-box .leak-spec tr {
  border-bottom: 2px solid #eee;
}
.onboarding .confirm-box .leak-spec tr td, .onboarding .confirm-box .leak-spec tr th {
  padding: 0.25em;
}
.onboarding .confirm-box .btn {
  margin-top: 2em !important;
  float: none !important;
}
.onboarding .wizard {
  width: 85%;
  max-width: 978px;
  height: 100%;
  min-height: 50vh;
  border: 1px solid oklch(95% 0.01 285deg);
  background: #fff;
  border-radius: 0.75em;
  padding: 1em;
}
.onboarding .wizard p {
  margin-top: 0.75em;
  margin-bottom: 2em;
  font-size: 11pt;
  line-height: 1.25;
  text-wrap: pretty;
}
.onboarding .wizard img {
  margin: 0 auto;
  width: 65%;
}
.onboarding .wizard h2 {
  margin-top: 1em;
}
.onboarding .wizard code {
  text-align: center;
  overflow-wrap: break-word;
  font-size: 10pt !important;
  text-wrap: balance;
}
.onboarding .wizard .content-centered {
  justify-content: center !important;
}
.onboarding .wizard .content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  margin: 0.5em 0em;
}
.onboarding .wizard .content .col {
  width: 60%;
  margin: 0.5em;
  margin-top: 0.75em;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.onboarding .wizard .content .full-col {
  margin: 0.5em;
  margin-top: 0.75em;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.onboarding .wizard .content .guide-col {
  width: 40% !important;
  justify-content: center;
}
.onboarding .wizard .content button {
  display: inline-block;
  margin-top: 0.75em;
  float: right;
}
.onboarding .wizard .content label {
  display: inline-block;
  margin-bottom: 0.25em;
}
.onboarding .wizard .content input {
  margin-bottom: 0.75em;
}
.onboarding .alert {
  margin: 1em 0;
}
.onboarding .progress {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: baseline;
  gap: 0.5em;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.onboarding .progress li:first-child {
  margin-left: 0;
  padding-inline-start: 1em;
  border-start-start-radius: 0.75em;
}
.onboarding .progress li:first-child:before {
  border-left: none !important;
}
.onboarding .progress li:last-child {
  padding-inline-start: 2em;
  padding-right: 1.5em;
  border-start-end-radius: 0.75em;
}
.onboarding .progress li:last-child:after {
  right: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
.onboarding .progress li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 25px 5px 25px;
  height: 25px;
  margin-left: 3px;
  width: 100%;
  background: oklch(50% 0.05 276.94deg);
  padding-inline-start: 30px;
  font-size: 11pt;
  font-weight: 500;
  color: #fff;
}
.onboarding .progress li a {
  color: #fff;
  text-decoration: none;
}
.onboarding .progress li a:hover {
  font-weight: 800;
}
.onboarding .progress li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 25px inset transparent;
  border-bottom: 25px inset transparent;
  border-left: 25px solid #fff;
}
.onboarding .progress li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  z-index: 2;
  width: 0;
  height: 0;
  border-top: 25px inset transparent;
  border-bottom: 25px inset transparent;
  border-left: 25px solid oklch(50% 0.05 276.94deg);
}
.onboarding .progress .active {
  background: oklch(50% 0.258 276.94deg);
  font-weight: 800;
}
.onboarding .progress .active:after {
  border-left-color: oklch(50% 0.258 276.94deg);
}
.onboarding .progress .active a {
  font-weight: 800;
}

.layout-grid {
  background: oklch(98% 0.01 285deg);
  min-height: 100vh;
}
.layout-grid .sidebar {
  z-index: 1000;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 5rem;
  height: 100vh;
  padding: 1rem;
  display: flex;
  justify-content: start;
  justify-items: center;
  flex-direction: column;
  background: oklch(99% 0.01 285deg);
  border-right: 1px solid oklch(95% 0.01 285deg);
}
.layout-grid .sidebar * {
  margin: 0 auto;
}
.layout-grid .sidebar nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-inline-start: 0;
}
.layout-grid .sidebar nav ul li {
  display: flex;
  margin: auto auto 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.layout-grid .sidebar nav ul li span {
  display: none;
}
.layout-grid .sidebar nav ul li a {
  color: #666;
  line-height: 1;
  text-decoration: none;
}
.layout-grid .sidebar nav ul li:hover {
  transition: 0.2s;
  transform: scale(1.05);
}
.layout-grid .sidebar nav ul li:active {
  transition: 0.2s;
  transform: scale(0.95);
}
.layout-grid .sidebar nav ul .active {
  background: oklch(90% 0.01 285deg);
}
.layout-grid .sidebar nav ul .active:hover {
  background: oklch(80% 0.01 285deg);
  border-radius: 0.4rem;
}
.layout-grid .sidebar .logo img {
  height: 3rem;
  transition: all 0.5s ease;
}
.layout-grid .sidebar .logo img:hover, .layout-grid .sidebar .logo img:focus {
  rotate: 90deg;
}
.layout-grid .sidebar .logo img {
  margin-bottom: 0.15rem;
}
.layout-grid .sidebar .divider {
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-top: 1px solid oklch(95% 0.01 285deg);
}
.layout-grid .main {
  margin-left: 5rem;
  margin-right: -5.25rem;
  width: calc(100vw - 5.25rem);
  display: flex;
  justify-content: space-around;
}
.layout-grid .main .topbar {
  z-index: 1000;
  position: fixed;
  top: 0;
  width: calc(100vw - 5.25rem);
  height: 5rem;
  padding: 0.5rem 0;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: end;
  align-items: center;
  background: oklch(99% 0.01 285deg);
  border-bottom: 1px solid oklch(95% 0.01 285deg);
}
.layout-grid .main .topbar button {
  margin-left: 1em;
  padding: 0.35em;
  padding-bottom: 0.1em;
  background: none;
  border: 1px solid #eee;
  border-radius: 0.5em;
  cursor: pointer;
}
.layout-grid .main .topbar button:hover, .layout-grid .main .topbar button:focus {
  background: oklch(95% 0.01 285deg);
  transition: background 0.3s ease-in-out;
}
.layout-grid .main .topbar #toggle-sidebar {
  display: none;
}
.layout-grid .main .topbar .account-menu-extensible {
  display: flex;
  flex-direction: column;
  width: fit-content;
  margin: 0 1.5rem;
  margin-left: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  transition: border 0.25s ease-in-out;
  z-index: 1200;
}
.layout-grid .main .topbar .account-menu-extensible .account-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-items: center;
  padding: 0.75rem;
}
.layout-grid .main .topbar .account-menu-extensible .account-menu .label {
  font-size: 11pt;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.layout-grid .main .topbar .account-menu-extensible .account-menu .label .name {
  font-weight: bold;
}
.layout-grid .main .topbar .account-menu-extensible .account-menu .label .role {
  font-size: 10pt;
  line-height: 12pt;
  color: #555;
}
.layout-grid .main .topbar .account-menu-extensible .account-menu .logo {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 20%;
  margin: auto 0;
  margin-left: 0.5rem;
}
.layout-grid .main .topbar .account-menu-extensible .dropdown {
  display: none;
  height: 2.5em;
}
.layout-grid .main .topbar .account-menu-extensible .dropdown .divider {
  width: 100%;
  margin-bottom: 0.5rem;
  border-top: 1px solid oklch(95% 0.01 285deg);
}
.layout-grid .main .topbar .account-menu-extensible .dropdown ul {
  list-style: none;
}
.layout-grid .main .topbar .account-menu-extensible .dropdown ul li {
  padding: 0;
  margin: 0;
}
.layout-grid .main .topbar .account-menu-extensible .dropdown ul li a {
  font-size: 11pt;
  text-decoration: none;
  color: #333;
}
.layout-grid .main .topbar .account-menu-extensible .dropdown ul li a:hover {
  font-weight: 500;
}
.layout-grid .main .topbar .account-menu-extensible:hover, .layout-grid .main .topbar .account-menu-extensible:focus {
  margin-top: 2.5em;
  background: oklch(98.5% 0.01 285deg);
  border: 1px solid oklch(90% 0.01 285deg);
  cursor: default;
}
.layout-grid .main .topbar .account-menu-extensible:hover .dropdown, .layout-grid .main .topbar .account-menu-extensible:focus .dropdown {
  display: block;
}

.table-dropdown {
  position: absolute;
  width: 150px;
  background: oklch(98.5% 0.01 285deg);
  border-radius: 0.25rem;
  border: 1px solid #eee;
  z-index: 501;
  padding-top: 38px;
}
.table-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.table-dropdown ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25em;
  padding: 0;
  margin: 0;
  text-align: left;
  padding: 0.5em;
  border-top: 1px solid oklch(95% 0.01 285deg);
}
.table-dropdown a {
  font-size: 11pt;
  font-weight: 400;
  cursor: pointer;
}
.table-dropdown a:hover {
  font-weight: 500;
}

.layout-explorer {
  z-index: 500;
  margin-top: 5rem;
  padding-top: 0.5rem;
  width: 99%;
  display: flex;
  flex-direction: column;
}
.layout-explorer .table-dropdown-btn {
  float: right;
  height: 32px;
  padding: 0.25em 0.5em;
  line-height: 1.4;
  margin: 0.25em;
  display: block;
  background: none;
  color: #555;
  border: 2px solid #ddd;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 502;
}
.layout-explorer .table-dropdown-btn:hover {
  color: #eee;
  background: oklch(40% 0.258 276.94deg);
  border: 2px solid oklch(40% 0.258 276.94deg);
}
.layout-explorer .filter-btn {
  display: block;
  min-width: 30px;
  padding: 5px;
  font-weight: normal;
  text-align: center;
  padding-inline-start: 12px;
}
.layout-explorer .tertiary-header {
  border-top: 2px solid #eee;
}
.layout-explorer .tertiary-header input[type=search], .layout-explorer .tertiary-header input[type=date] {
  height: 30px;
  width: 90%;
}
.layout-explorer .tertiary-header select {
  height: 30px;
}
.layout-explorer table {
  margin: 0 auto;
  background: oklch(99% 0.01 285deg);
  font-size: 11pt;
  border-top: oklch(90% 0.01 285deg);
  font-family: "Source Code Pro", Courier, monospace;
  color: #555;
  border-collapse: collapse;
  border-top: 2px solid oklch(95% 0.01 285deg);
  border-bottom: 2px solid oklch(95% 0.01 285deg);
  text-align: center;
  font-weight: 500;
}
.layout-explorer table thead th {
  padding: 0.5rem 0;
  font-family: "Ubuntu", sans-serif;
}
.layout-explorer table thead th a {
  color: inherit;
  text-decoration: none;
}
.layout-explorer table thead {
  background: oklch(99.25% 0.01 285deg);
  border-bottom: 2px solid oklch(95% 0.01 285deg);
}
.layout-explorer table tbody td, .layout-explorer table thead th {
  padding: 0.5em 0.25em;
}
.layout-explorer table .nogap-l {
  border-spacing: 0;
}
.layout-explorer table tbody tr {
  cursor: pointer;
}
.layout-explorer table tr:nth-child(2n+1) td {
  background: oklch(98% 0.01 285deg);
}
.layout-explorer table tr:hover td {
  background: oklch(95% 0.01 285deg);
}
.layout-explorer table tr td:first-child, .layout-explorer table tr th:first-child {
  padding-left: 0.5em;
}
.layout-explorer table .primary-header th {
  padding-top: 1em;
}
.layout-explorer table .secondary-header th {
  padding-top: 0.75em;
  padding-bottom: 1em;
}
.layout-explorer table tbody tr {
  height: 45px;
}
.layout-explorer table .data-hit {
  color: #222;
  font-weight: 800;
  font-size: 15pt;
}
.layout-explorer table .data-miss {
  color: #bbb;
  font-size: 12pt;
}
.layout-explorer table tfoot tr td {
  background: oklch(99.25% 0.01 285deg) !important;
  border-top: 2px solid oklch(95% 0.01 285deg);
}
.layout-explorer table tfoot tr td .pagination {
  list-style: none;
  font-family: "Ubuntu", sans-serif;
}
.layout-explorer table tfoot tr td .pagination a {
  text-decoration: none;
}
.layout-explorer table tfoot tr td .pagination li {
  display: inline-block;
  text-align: right;
  padding: 0.5em;
  border: 1px solid #eee;
  border-radius: 0.3rem;
  margin: 0.5em 0;
  color: #555;
  font-size: 10pt;
  cursor: pointer;
}
.layout-explorer table tfoot tr td .pagination li:hover {
  background: oklch(95% 0.01 285deg);
}
.layout-explorer table tfoot tr td .pagination .active {
  font-weight: 600;
}
.layout-explorer table tfoot tr td .pagination .disabled {
  color: #999;
  cursor: default;
}
.layout-explorer table tfoot tr td .pagination .disabled:hover {
  background: oklch(99.25% 0.01 285deg);
}
.layout-explorer table .secondary-header .rotate {
  writing-mode: vertical-lr;
  text-align: left;
}
.layout-explorer .heavier-weight {
  font-weight: 700;
}
.layout-explorer .font-smaller {
  font-size: 10.5pt;
}
.layout-explorer .timeline {
  display: none;
  max-width: 100%;
  background: oklch(99% 0.01 285deg);
  margin-bottom: 0.5em;
}

.tag {
  display: inline-block;
  font-size: 10pt;
  padding: 0.5em 0.75em;
  border-radius: 0.25rem;
  font-weight: bold;
  font-family: "Ubuntu", sans-serif;
}
.tag:hover {
  transition: all 0.3s ease-in-out;
}

.tag-new {
  background: oklch(40% 0.3 270deg / 0.75);
  color: #fff;
}
.tag-new:hover {
  background: oklch(30% 0.3 270deg / 0.75);
}

.tag-seen, .tag-unknown {
  background: oklch(40% 0.5 270deg / 0.25);
}
.tag-seen:hover, .tag-unknown:hover {
  background: oklch(30% 0.5 270deg / 0.25);
}

.tag-notified {
  background: oklch(40% 0.4 270deg / 0.75);
  color: #fff;
}
.tag-notified:hover {
  background: oklch(30% 0.4 270deg / 0.75);
}

.tag-resolved {
  background: oklch(40% 0.4 270deg / 0.5);
  color: #fff;
}
.tag-resolved:hover {
  background: oklch(30% 0.4 270deg / 0.5);
}

.leak-label {
  display: inline-flex;
  flex-direction: row;
  width: fit-content;
  gap: 0.5em;
  align-items: center;
  border-radius: 0.3rem;
  background: #eee;
  padding: 0.5em 0.75em;
  font-size: 9pt;
  transition: all 0.3s ease-in-out;
  font-family: "Ubuntu", sans-serif;
  color: #fff;
}

#detail-overlay {
  z-index: 800;
  position: fixed;
  left: 0;
  top: 5rem;
  width: 100vw;
  height: 100vh;
  backdrop-filter: grayscale(80%) blur(1px);
  display: none;
  transform: opacity(0%);
}

#detail-pane {
  z-index: 800;
  background: oklch(99.25% 0.01 285deg);
  position: fixed;
  top: 5rem;
  right: 0;
  height: calc(100vh - 5rem);
  width: 25%;
  min-width: 300px;
  max-width: 400px;
  border-left: 3px solid oklch(95% 0.01 285deg);
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  overflow-y: scroll;
}

#detail-pane-content {
  padding: 1em;
  padding-top: 0;
}
#detail-pane-content h2 {
  text-align: center;
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 12pt;
  font-weight: 800;
}
#detail-pane-content h3 {
  font-size: 10pt;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
#detail-pane-content .detail-pane-operations {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex: 1;
  gap: 0.5em;
  margin: 1em 0;
}
#detail-pane-content button, #detail-pane-content select {
  font-size: 9pt;
  display: block;
  width: fit-content;
}
#detail-pane-content button {
  padding: 0.75em 1em;
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  align-items: center;
}
#detail-pane-content select {
  text-align-last: center;
  padding: 0.25em 1em;
  font-weight: bold;
}
#detail-pane-content .tag-new:hover {
  background: oklch(40% 0.3 270deg / 0.75);
}
#detail-pane-content .tag-notified:hover {
  background: oklch(40% 0.4 270deg / 0.75);
}
#detail-pane-content .tag-resolved:hover {
  background: oklch(40% 0.4 270deg / 0.5);
}
#detail-pane-content textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  field-sizing: content;
  min-height: 4em;
  padding-inline-start: 0.25em;
  padding-block-start: 0.25em;
  font-size: 9pt;
  font-family: "Source Code Pro", Courier, monospace;
}
#detail-pane-content .last-annotation {
  font-size: 8pt;
}
#detail-pane-content table {
  font-size: 9pt;
  width: 100%;
}
#detail-pane-content table tbody {
  border-top: 2px solid oklch(95% 0.01 285deg);
  border-bottom: 2px solid oklch(95% 0.01 285deg);
}
#detail-pane-content table tbody tr:hover {
  background: oklch(95% 0.01 285deg);
}
#detail-pane-content table th {
  text-align: left;
  font-weight: 500;
}
#detail-pane-content table td {
  text-align: right;
  height: 1.75em;
}
#detail-pane-content table tr td:first-child, #detail-pane-content table tr th:first-child {
  padding-left: 0.2em;
}
#detail-pane-content table tr td:last-child, #detail-pane-content table tr th:last-child {
  padding-right: 0.2em;
}
#detail-pane-content table .leak-label-row, #detail-pane-content table .leak-desc-row {
  text-align: center;
}
#detail-pane-content table .leak-label-row {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  /*.leak-label {
  	background: #444;
  	&:hover {
  		background: #555;
  	}
  }*/
}
#detail-pane-content table .leak-desc-row {
  padding-bottom: 1em;
  font-size: 9pt;
}

.pane-slide-in {
  animation: slide-in 0.25s forwards;
  -webkit-animation: slide-in 0.25s forwards;
}

.pane-slide-out {
  animation: slide-out 0.25s forwards;
  -webkit-animation: slide-out 0.25s forwards;
}

@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
.btn-opaque {
  margin: 0.25em;
  padding: 0.25em 0.15em 0.1em 0.15em;
  border: none;
  cursor: pointer;
  background: transparent;
  border-radius: 25%;
}
.btn-opaque:hover {
  background: #eee;
}

.leak-label-gaming {
  background: oklch(67.9% 0.1545 0deg);
}
.leak-label-gaming:hover {
  background: oklch(57.9% 0.1545 0deg);
}

.leak-label-streaming {
  background: oklch(67.9% 0.1545 5deg);
}
.leak-label-streaming:hover {
  background: oklch(57.9% 0.1545 5deg);
}

.leak-label-technology {
  background: oklch(67.9% 0.1545 10deg);
}
.leak-label-technology:hover {
  background: oklch(57.9% 0.1545 10deg);
}

.leak-label-software-hardware {
  background: oklch(67.9% 0.1545 15deg);
}
.leak-label-software-hardware:hover {
  background: oklch(57.9% 0.1545 15deg);
}

.leak-label-dating {
  background: oklch(67.9% 0.1545 20deg);
}
.leak-label-dating:hover {
  background: oklch(57.9% 0.1545 20deg);
}

.leak-label-music {
  background: oklch(67.9% 0.1545 25deg);
}
.leak-label-music:hover {
  background: oklch(57.9% 0.1545 25deg);
}

.leak-label-anime_comics {
  background: oklch(67.9% 0.1545 30deg);
}
.leak-label-anime_comics:hover {
  background: oklch(57.9% 0.1545 30deg);
}

.leak-label-porn {
  background: oklch(67.9% 0.1545 35deg);
}
.leak-label-porn:hover {
  background: oklch(57.9% 0.1545 35deg);
}

.leak-label-education {
  background: oklch(67.9% 0.1545 40deg);
}
.leak-label-education:hover {
  background: oklch(57.9% 0.1545 40deg);
}

.leak-label-social-media {
  background: oklch(67.9% 0.1545 45deg);
}
.leak-label-social-media:hover {
  background: oklch(57.9% 0.1545 45deg);
}

.leak-label-business {
  background: oklch(67.9% 0.1545 50deg);
}
.leak-label-business:hover {
  background: oklch(57.9% 0.1545 50deg);
}

.leak-label-community {
  background: oklch(67.9% 0.1545 55deg);
}
.leak-label-community:hover {
  background: oklch(57.9% 0.1545 55deg);
}

.leak-label-hosting {
  background: oklch(67.9% 0.1545 60deg);
}
.leak-label-hosting:hover {
  background: oklch(57.9% 0.1545 60deg);
}

.leak-label-fashion {
  background: oklch(67.9% 0.1545 65deg);
}
.leak-label-fashion:hover {
  background: oklch(57.9% 0.1545 65deg);
}

.leak-label-finance {
  background: oklch(67.9% 0.1545 70deg);
}
.leak-label-finance:hover {
  background: oklch(57.9% 0.1545 70deg);
}

.leak-label-shopping {
  background: oklch(67.9% 0.1545 75deg);
}
.leak-label-shopping:hover {
  background: oklch(57.9% 0.1545 75deg);
}

.leak-label-chat {
  background: oklch(67.9% 0.1545 80deg);
}
.leak-label-chat:hover {
  background: oklch(57.9% 0.1545 80deg);
}

.leak-label-anti-virus {
  background: oklch(67.9% 0.1545 85deg);
}
.leak-label-anti-virus:hover {
  background: oklch(57.9% 0.1545 85deg);
}

.leak-label-email-provider {
  background: oklch(67.9% 0.1545 90deg);
}
.leak-label-email-provider:hover {
  background: oklch(57.9% 0.1545 90deg);
}

.leak-label-news {
  background: oklch(67.9% 0.1545 95deg);
}
.leak-label-news:hover {
  background: oklch(57.9% 0.1545 95deg);
}

.leak-label-file-sharing {
  background: oklch(67.9% 0.1545 100deg);
}
.leak-label-file-sharing:hover {
  background: oklch(57.9% 0.1545 100deg);
}

.leak-label-telecommunication {
  background: oklch(67.9% 0.1545 105deg);
}
.leak-label-telecommunication:hover {
  background: oklch(57.9% 0.1545 105deg);
}

.leak-label-sports {
  background: oklch(67.9% 0.1545 110deg);
}
.leak-label-sports:hover {
  background: oklch(57.9% 0.1545 110deg);
}

.leak-label-gambling {
  background: oklch(67.9% 0.1545 115deg);
}
.leak-label-gambling:hover {
  background: oklch(57.9% 0.1545 115deg);
}

.leak-label-carding {
  background: oklch(67.9% 0.1545 120deg);
}
.leak-label-carding:hover {
  background: oklch(57.9% 0.1545 120deg);
}

.leak-label-health {
  background: oklch(67.9% 0.1545 125deg);
}
.leak-label-health:hover {
  background: oklch(57.9% 0.1545 125deg);
}

.leak-label-vpn {
  background: oklch(67.9% 0.1545 130deg);
}
.leak-label-vpn:hover {
  background: oklch(57.9% 0.1545 130deg);
}

.leak-label-vehicles {
  background: oklch(67.9% 0.1545 135deg);
}
.leak-label-vehicles:hover {
  background: oklch(57.9% 0.1545 135deg);
}

.leak-label-hacking {
  background: oklch(67.9% 0.1545 140deg);
}
.leak-label-hacking:hover {
  background: oklch(57.9% 0.1545 140deg);
}

.leak-label-employment {
  background: oklch(67.9% 0.1545 145deg);
}
.leak-label-employment:hover {
  background: oklch(57.9% 0.1545 145deg);
}

.leak-label-entertainment {
  background: oklch(67.9% 0.1545 150deg);
}
.leak-label-entertainment:hover {
  background: oklch(57.9% 0.1545 150deg);
}

.leak-label-drugs {
  background: oklch(67.9% 0.1545 155deg);
}
.leak-label-drugs:hover {
  background: oklch(57.9% 0.1545 155deg);
}

.leak-label-cracking {
  background: oklch(67.9% 0.1545 160deg);
}
.leak-label-cracking:hover {
  background: oklch(57.9% 0.1545 160deg);
}

.leak-label-publishing {
  background: oklch(67.9% 0.1545 165deg);
}
.leak-label-publishing:hover {
  background: oklch(57.9% 0.1545 165deg);
}

.leak-label-software {
  background: oklch(67.9% 0.1545 170deg);
}
.leak-label-software:hover {
  background: oklch(57.9% 0.1545 170deg);
}

.leak-label-scam {
  background: oklch(67.9% 0.1545 175deg);
}
.leak-label-scam:hover {
  background: oklch(57.9% 0.1545 175deg);
}

.leak-label-darknet-forum {
  background: oklch(67.9% 0.1545 180deg);
}
.leak-label-darknet-forum:hover {
  background: oklch(57.9% 0.1545 180deg);
}

.leak-label-paid-to-click {
  background: oklch(67.9% 0.1545 185deg);
}
.leak-label-paid-to-click:hover {
  background: oklch(57.9% 0.1545 185deg);
}

.leak-label-travel {
  background: oklch(67.9% 0.1545 190deg);
}
.leak-label-travel:hover {
  background: oklch(57.9% 0.1545 190deg);
}

.leak-label-cryptocurrency {
  background: oklch(67.9% 0.1545 195deg);
}
.leak-label-cryptocurrency:hover {
  background: oklch(57.9% 0.1545 195deg);
}

.leak-label-politics {
  background: oklch(67.9% 0.1545 200deg);
}
.leak-label-politics:hover {
  background: oklch(57.9% 0.1545 200deg);
}

.leak-label-books {
  background: oklch(67.9% 0.1545 205deg);
}
.leak-label-books:hover {
  background: oklch(57.9% 0.1545 205deg);
}

.leak-label-television {
  background: oklch(67.9% 0.1545 210deg);
}
.leak-label-television:hover {
  background: oklch(57.9% 0.1545 210deg);
}

.leak-label-food-drink {
  background: oklch(67.9% 0.1545 215deg);
}
.leak-label-food-drink:hover {
  background: oklch(57.9% 0.1545 215deg);
}

.leak-label-darknet-market {
  background: oklch(67.9% 0.1545 220deg);
}
.leak-label-darknet-market:hover {
  background: oklch(57.9% 0.1545 220deg);
}

.leak-label-gore {
  background: oklch(67.9% 0.1545 225deg);
}
.leak-label-gore:hover {
  background: oklch(57.9% 0.1545 225deg);
}

.leak-label-government {
  background: oklch(67.9% 0.1545 230deg);
}
.leak-label-government:hover {
  background: oklch(57.9% 0.1545 230deg);
}

.leak-label-blog {
  background: oklch(67.9% 0.1545 235deg);
}
.leak-label-blog:hover {
  background: oklch(57.9% 0.1545 235deg);
}

.leak-label-animals {
  background: oklch(67.9% 0.1545 240deg);
}
.leak-label-animals:hover {
  background: oklch(57.9% 0.1545 240deg);
}

.leak-label-advertising {
  background: oklch(67.9% 0.1545 245deg);
}
.leak-label-advertising:hover {
  background: oklch(57.9% 0.1545 245deg);
}

.leak-label-coding {
  background: oklch(67.9% 0.1545 250deg);
}
.leak-label-coding:hover {
  background: oklch(57.9% 0.1545 250deg);
}

.leak-label-art-design {
  background: oklch(67.9% 0.1545 255deg);
}
.leak-label-art-design:hover {
  background: oklch(57.9% 0.1545 255deg);
}

.leak-label-movies {
  background: oklch(67.9% 0.1545 260deg);
}
.leak-label-movies:hover {
  background: oklch(57.9% 0.1545 260deg);
}

.leak-label-construction {
  background: oklch(67.9% 0.1545 265deg);
}
.leak-label-construction:hover {
  background: oklch(57.9% 0.1545 265deg);
}

.leak-label-booter {
  background: oklch(67.9% 0.1545 270deg);
}
.leak-label-booter:hover {
  background: oklch(57.9% 0.1545 270deg);
}

.leak-label-spam-list {
  background: oklch(67.9% 0.1545 275deg);
}
.leak-label-spam-list:hover {
  background: oklch(57.9% 0.1545 275deg);
}

.leak-label-family {
  background: oklch(67.9% 0.1545 280deg);
}
.leak-label-family:hover {
  background: oklch(57.9% 0.1545 280deg);
}

.leak-label-municipality {
  background: oklch(67.9% 0.1545 285deg);
}
.leak-label-municipality:hover {
  background: oklch(57.9% 0.1545 285deg);
}

.leak-label-nature {
  background: oklch(67.9% 0.1545 290deg);
}
.leak-label-nature:hover {
  background: oklch(57.9% 0.1545 290deg);
}

.leak-label-homeowner-association {
  background: oklch(67.9% 0.1545 295deg);
}
.leak-label-homeowner-association:hover {
  background: oklch(57.9% 0.1545 295deg);
}

.leak-label-logistics {
  background: oklch(67.9% 0.1545 300deg);
}
.leak-label-logistics:hover {
  background: oklch(57.9% 0.1545 300deg);
}

.leak-label-database-lookup-tool {
  background: oklch(67.9% 0.1545 305deg);
}
.leak-label-database-lookup-tool:hover {
  background: oklch(57.9% 0.1545 305deg);
}

.leak-label-religion {
  background: oklch(67.9% 0.1545 310deg);
}
.leak-label-religion:hover {
  background: oklch(57.9% 0.1545 310deg);
}

.leak-label-military {
  background: oklch(67.9% 0.1545 315deg);
}
.leak-label-military:hover {
  background: oklch(57.9% 0.1545 315deg);
}

.leak-label-charity {
  background: oklch(67.9% 0.1545 320deg);
}
.leak-label-charity:hover {
  background: oklch(57.9% 0.1545 320deg);
}

.leak-label-radio {
  background: oklch(67.9% 0.1545 325deg);
}
.leak-label-radio:hover {
  background: oklch(57.9% 0.1545 325deg);
}

.leak-label-domains {
  background: oklch(67.9% 0.1545 330deg);
}
.leak-label-domains:hover {
  background: oklch(57.9% 0.1545 330deg);
}

.leak-label-science {
  background: oklch(67.9% 0.1545 335deg);
}
.leak-label-science:hover {
  background: oklch(57.9% 0.1545 335deg);
}

.leak-label-real-estate {
  background: oklch(67.9% 0.1545 340deg);
}
.leak-label-real-estate:hover {
  background: oklch(57.9% 0.1545 340deg);
}

.leak-label-cybersecurity {
  background: oklch(67.9% 0.1545 345deg);
}
.leak-label-cybersecurity:hover {
  background: oklch(57.9% 0.1545 345deg);
}

.timeline {
  margin-top: 0.75em;
  font-size: 10pt;
}
.timeline .events::before {
  z-index: -10;
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background: #999;
}
.timeline .events {
  margin: 0.5em;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}
.timeline .event {
  display: flex;
  align-items: baseline;
}
.timeline .event .marker {
  position: relative;
  left: -5px;
  top: 4px;
}
.timeline .event .context {
  padding-inline: 0.5em;
  font-size: 9pt;
}
.timeline .event .context time {
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 0.25em;
}

.donut-chart {
  width: 120px;
  height: 120px;
}
.donut-chart path {
  stroke: #fff;
  stroke-width: 1;
}
.donut-chart path:hover {
  stroke: #eee;
}
.donut-chart path {
  transform-origin: center;
}
.donut-chart .tag-new {
  fill: oklch(40% 0.3 270deg / 0.75);
}
.donut-chart .tag-new:hover {
  fill: oklch(30% 0.3 270deg / 0.75);
}
.donut-chart .tag-notified {
  fill: oklch(40% 0.4 270deg / 0.75);
}
.donut-chart .tag-notified:hover {
  fill: oklch(30% 0.4 270deg / 0.75);
}
.donut-chart .tag-seen {
  fill: oklch(40% 0.5 270deg / 0.25);
}
.donut-chart .tag-seen:hover {
  fill: oklch(30% 0.5 270deg / 0.25);
}
.donut-chart .tag-resolved {
  fill: oklch(40% 0.4 270deg / 0.5);
}
.donut-chart .tag-resolved:hover {
  fill: oklch(30% 0.4 270deg / 0.5);
}
.donut-chart .value {
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 2pt;
  font-weight: bolder;
  padding-top: 1px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.clearfix {
  clear: both;
}

.widget-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-content: start;
  justify-items: stretch;
  height: fit-content;
  margin: 5rem 1em 1em 1em;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  gap: 1em;
  width: 100%;
}
.widget-grid .widget {
  display: flex;
  flex-direction: column;
  position: relative;
  background: oklch(99% 0.01 285deg);
  border: 1px solid oklch(95% 0.01 285deg);
  border-radius: 0.5rem;
  padding: 1rem;
  min-width: 300px;
}
.widget-grid .widget h2 {
  font-size: 12pt;
  font-weight: bold;
  padding: 0;
  margin: 0;
  margin-bottom: 0.5em;
}
.widget-grid .widget .widget-btn {
  display: block;
  position: absolute;
  right: 1em;
  top: 1em;
  background: oklch(50% 0.258 276.94deg);
  color: #eee;
  font-size: 10pt;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.3rem;
  padding: 0.45rem;
  border: 0;
  magin-top: -0.45rem;
}
.widget-grid .widget .widget-btn:hover {
  background: oklch(40% 0.258 276.94deg);
  transition: background 0.3s ease-in-out;
  color: #eee;
}
.widget-grid .widget-small {
  height: 180px;
}
.widget-grid .widget-scale {
  align-self: stretch;
  height: 100%;
}
.widget-grid .widget-h2 {
  grid-row: span 2;
}
.widget-grid .widget-w2 {
  grid-column: span 2;
}
.widget-grid .widget-w3 {
  grid-column: span 3;
}
.widget-grid .widget-system-message {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  align-items: center;
}
.widget-grid .widget-empty {
  font-family: "Source Code Pro", Courier, monospace;
}
.widget-grid .widget-donut-chart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.widget-grid .widget-donut-chart .legend {
  font-family: "Source Code Pro", Courier, monospace;
  font-weight: 600;
  color: #666;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
}
.widget-grid .widget-donut-chart .legend li {
  display: flex;
  align-items: center;
  font-size: 10pt;
  margin-bottom: 0.75em;
}
.widget-grid .widget-donut-chart .legend li .indicator {
  display: block;
  width: 3em;
  height: 1.25em;
  margin-right: 0.5em;
}
.widget-grid .widget-donut-chart .legend li span {
  display: block;
}
.widget-grid .widget-big-number .big-number {
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 38pt;
  font-weight: 400;
  color: #333;
  text-align: center;
  justify-self: center;
  margin-top: 1.75rem;
}
.widget-grid .widget-ratio-progress .big-number {
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 38pt;
  font-weight: 400;
  color: #333;
  text-align: center;
  justify-self: center;
  margin-top: 1.25rem;
}
.widget-grid .widget-ratio-progress .big-number .infinity {
  font-family: "Ubuntu", sans-serif;
  position: relative;
  top: 3.5pt;
  left: -1pt;
}
.widget-grid .widget-ratio-progress .progress-bar {
  display: flex;
  margin-top: 1.75rem;
  height: 0.5em;
  width: 100%;
  background: oklch(95% 0.01 285deg);
  border-radius: 1em;
}
.widget-grid .widget-ratio-progress .progress-bar .progress {
  border-radius: inherit;
  background-color: oklch(51% 0.258 276.94deg);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  background-size: 0.5em;
  background-repeat: repeat;
}
.widget-grid .widget-bubble-chart svg {
  width: 100%;
  height: 675px;
  margin: 0;
}
.widget-grid .widget-bubble-chart svg text {
  dominant-baseline: middle;
  text-anchor: center;
  font-size: 10pt;
  font-weight: bold;
  fill: #555;
}
.widget-grid .widget-bubble-chart svg circle {
  fill: oklch(40% 0.5 270deg / 0.6);
}
.widget-grid .widget-bubble-chart svg circle:hover {
  fill: oklch(30% 0.3 270deg / 0.75);
  transition: fill 0.3s ease;
}
.widget-grid .widget-table table {
  margin-top: 1rem;
  width: 100%;
  text-align: left;
  font-size: 11pt;
  color: #555;
  border-collapse: collapse;
  border-top: 2px solid oklch(95% 0.01 285deg);
  border-bottom: 2px solid oklch(95% 0.01 285deg);
}
.widget-grid .widget-table table thead th {
  padding: 0.5rem 0;
  border-bottom: 2px solid oklch(90% 0.01 285deg);
}
.widget-grid .widget-table table tbody tr {
  font-family: "Source Code Pro", Courier, monospace;
  height: 32px;
}
.widget-grid .widget-table table tbody tr:nth-child(odd) {
  background-color: oklch(96% 0.01 285deg);
}
.widget-grid .widget-table table tbody tr:hover {
  background-color: oklch(90% 0.01 285deg);
}
.widget-grid .widget-table .btn {
  margin-top: 1rem;
  float: right;
  padding: 0.75rem;
  font-size: 10pt;
  font-weight: 600;
}
.widget-grid .widget .bar {
  position: absolute;
  height: 1.75rem;
  border-start-end-radius: 0.2rem;
  border-end-end-radius: 0.2rem;
}
.widget-grid .widget .bar-0 {
  background: oklch(40% 0.5 290deg);
}
.widget-grid .widget .bar-0:hover {
  background: oklch(30% 0.5 290deg);
}
.widget-grid .widget .bar-1 {
  background: oklch(40% 0.45 290deg);
}
.widget-grid .widget .bar-1:hover {
  background: oklch(30% 0.45 290deg);
}
.widget-grid .widget .bar-2 {
  background: oklch(40% 0.4 290deg);
}
.widget-grid .widget .bar-2:hover {
  background: oklch(30% 0.4 290deg);
}
.widget-grid .widget .bar-3 {
  background: oklch(40% 0.35 290deg);
}
.widget-grid .widget .bar-3:hover {
  background: oklch(30% 0.35 290deg);
}
.widget-grid .widget .bar-4 {
  background: oklch(40% 0.3 290deg);
}
.widget-grid .widget .bar-4:hover {
  background: oklch(30% 0.3 290deg);
}
.widget-grid .widget .bar-5 {
  background: oklch(40% 0.25 290deg);
}
.widget-grid .widget .bar-5:hover {
  background: oklch(30% 0.25 290deg);
}
.widget-grid .widget .bar-6 {
  background: oklch(40% 0.2 290deg);
}
.widget-grid .widget .bar-6:hover {
  background: oklch(30% 0.2 290deg);
}
.widget-grid .widget .bar-7 {
  background: oklch(40% 0.15 290deg);
}
.widget-grid .widget .bar-7:hover {
  background: oklch(30% 0.15 290deg);
}
.widget-grid .widget-horizontal-bar-chart {
  margin-top: 2em;
}
.widget-grid .widget-horizontal-bar-chart .chart {
  padding: 0.5rem;
  padding-left: 0;
  font-size: 10pt;
  letter-spacing: 0rem;
  border-left: 2px solid oklch(90% 0.01 285deg);
  font-family: "Source Code Pro", Courier, monospace;
}
.widget-grid .widget-horizontal-bar-chart .chart .pair {
  display: flex;
  height: 1.75rem;
  line-height: 1.75rem;
  justify-content: space-between;
  container-type: inline-size;
  padding-bottom: 0.2rem;
}
.widget-grid .widget-horizontal-bar-chart .chart .pair dt {
  display: block;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  margin-right: 0.2rem;
  z-index: 2;
  text-align: left;
  color: #fff;
  font-weight: 800;
  pointer-events: none;
  background: oklch(30% 0.15 290deg);
  opacity: 0.9;
  margin-top: 1pt;
  margin-bottom: -1pt;
  border-radius: 0.25em;
}
.widget-grid .widget-horizontal-bar-chart .chart .pair dd {
  margin-right: 0.5rem;
  z-index: 2;
  text-align: right;
  font-weight: 500;
  pointer-events: none;
}
.widget-grid .widget-horizontal-bar-chart .chart .pair .white {
  color: #fff;
}
.widget-grid .widget-vertical-bar-chart {
  margin-top: 2em;
}
.widget-grid .widget-vertical-bar-chart svg {
  width: 100%;
  height: 260px;
  margin: 0;
}
.widget-grid .widget-vertical-bar-chart svg text {
  dominant-baseline: middle;
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 9pt;
  font-weight: 800;
  fill: #fff;
  pointer-events: none;
}
.widget-grid .widget-vertical-bar-chart svg .label {
  alignment-base: central;
  text-anchor: middle;
  fill: #555;
}
.widget-grid .widget-vertical-bar-chart svg .value {
  text-anchor: end;
  font-weight: 500;
}
.widget-grid .widget-vertical-bar-chart svg .bg, .widget-grid .widget-vertical-bar-chart svg .bg:hover {
  fill: oklch(10% 0.4 270deg / 0.25);
}
.widget-grid .widget-vertical-bar-chart svg .name {
  font-family: "Source Code Pro", Courier, monospace;
  font-size: 9pt;
  fill: oklch(30% 0.25 280deg);
  opacity: 0.9;
  border-radius: 0.25em;
}
.widget-grid .widget-vertical-bar-chart svg .name:hover {
  fill: oklch(30% 0.25 280deg);
}
.widget-grid .widget-vertical-bar-chart svg line {
  stroke: #eee;
  stroke-width: 2;
}
.widget-grid .widget-vertical-bar-chart svg rect {
  fill: oklch(50% 0.4 285deg);
}
.widget-grid .widget-vertical-bar-chart svg rect:hover {
  fill: oklch(40% 0.4 285deg);
}

.layout-report {
  margin-top: 5rem;
  padding-top: 0.5rem;
  padding-bottom: 2em;
  width: 100%;
}
.layout-report .row {
  width: 75%;
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 1em;
}
.layout-report .row .tile {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.layout-report h1, .layout-report h2 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.layout-report .wide-row {
  width: 90%;
}
.layout-report .wrap-row {
  background: oklch(99.5% 0.01 285deg);
  padding: 0.5em 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.layout-report .row-3 .tile {
  width: 33.3333%;
}
.layout-report .row-2 .tile {
  width: 50%;
}
.layout-report h1 {
  z-index: 510;
  position: relative;
  display: block;
  background: oklch(40% 0.3 270deg / 0.75);
  color: #fff;
  padding: 0.15em 0.5em;
  margin-left: -0.5em;
  border-end-end-radius: 0.5em;
}
.layout-report h2 {
  position: relative;
}
.layout-report h2::before {
  position: absolute;
  left: -17px;
  display: block;
  content: "";
  width: 12px;
  height: 100%;
  background: oklch(40% 0.3 270deg / 0.75);
}
.layout-report {
  /*h1::after {
  	z-index: -1;
  	display: block;
  	content: "";
  	position: absolute;
  	bottom: 3px;
  	left: 0px;
  	width: calc(100% - 1em);
  	height: 2px;
  	background: #eee;
  	margin: 0 .5em;
  }*/
}
.layout-report h3 {
  font-size: 12pt;
}
.layout-report .tile table {
  margin-top: 1rem;
  width: 100%;
  font-size: 11pt;
  color: #555;
  border-collapse: collapse;
  border-top: 2px solid oklch(95% 0.01 285deg);
  border-bottom: 2px solid oklch(95% 0.01 285deg);
  text-align: left;
  font-family: "Source Code Pro", Courier, monospace;
  background: oklch(99.5% 0.01 285deg);
}
.layout-report .tile table th, .layout-report .tile table td {
  padding: 0.5rem 0;
}
.layout-report .tile table thead {
  border-bottom: 2px solid oklch(90% 0.01 285deg);
  font-family: "Ubuntu", sans-serif;
}
.layout-report .tile table thead .rotate th {
  writing-mode: vertical-lr;
  text-align: left;
}
.layout-report .tile table tbody tr:nth-child(2n+1) {
  background: oklch(98% 0.01 285deg);
}
.layout-report .tile table tbody tr:hover {
  background: oklch(95% 0.01 285deg);
}
.layout-report .tile table tr td:first-child, .layout-report .tile table tr th:first-child {
  padding-left: 0.5em;
}
.layout-report .tile table .data-miss {
  color: #bbb;
}
.layout-report .tile .donut-chart {
  width: 65%;
  height: 65%;
  justify-self: center;
  margin: auto auto;
}
.layout-report .tile .donut-chart .tag {
  stroke-width: 0.25;
}
.layout-report .tile .donut-chart .tag:hover {
  stroke: #eee;
}
.layout-report table td, .layout-report table th {
  padding: 0.5em !important;
}

.table-scroll-wrapper {
  width: 100%;
  overflow-x: scroll !important;
}

.layout-settings {
  display: flex;
  flex-direction: row;
  margin-top: 5rem;
  padding-top: 0.5rem;
  height: 100%;
  width: 100%;
}
.layout-settings nav {
  width: 27%;
  font-size: 10pt;
  margin: 0 0.75em;
  height: calc(100vh - 6.5em);
  font-size: 10pt;
}
.layout-settings nav ul {
  list-style: none;
  padding: 0;
}
.layout-settings nav ul a {
  text-decoration: none;
}
.layout-settings nav ul li {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.75em 0.75em;
  border-start-end-radius: 0.25em;
  border-end-end-radius: 0.25em;
  color: #333;
  cursor: pointer;
}
.layout-settings nav ul li:hover {
  background: oklch(95% 0.01 285deg);
}
.layout-settings nav ul li svg {
  color: #555;
}
.layout-settings nav ul .active {
  background: oklch(92% 0.01 285deg);
  color: #000;
  font-weight: 600;
}
.layout-settings nav ul .active:hover {
  background: oklch(90% 0.01 285deg);
}
.layout-settings nav h1 {
  margin-top: 1em !important;
  margin-left: 0.25em;
  font-size: 14pt;
}
.layout-settings .content {
  width: 70%;
  background: oklch(99.5% 0.01 285deg);
  border-left: 2px solid oklch(95% 0.01 285deg);
  border-top: 1px solid oklch(95% 0.01 285deg);
  border-start-start-radius: 0.75em;
  padding: 1em;
}
.layout-settings .content p {
  font-size: 10pt;
}
.layout-settings .content small code {
  font-size: 9pt;
}
.layout-settings .content .alert {
  margin-top: 1em;
  font-size: 10pt;
  padding: 0.75em;
}
.layout-settings .content .full-pane .alert {
  width: 100%;
}
.layout-settings .content .log {
  padding: 0.75em;
  white-space: pre-wrap;
}
.layout-settings .content .log span {
  display: block;
  margin-bottom: -0.75em;
  font-size: 9pt;
}
.layout-settings .content .email-box {
  margin-top: 1em;
}
.layout-settings .content .email-box #subject-line {
  font-family: "Source Code Pro", Courier, monospace;
  border: 1px solid #eee;
  padding: 0.75em;
  margin: 1em;
  font-size: 10pt;
}
.layout-settings .content .email-box #message-html, .layout-settings .content .email-box #message-text {
  display: flex;
  margin: 1em;
  border: 1px solid #eee;
  padding: 0.75em;
}
.layout-settings .content .email-box #message-html {
  padding: 0;
}
.layout-settings .content .email-box #message-html iframe {
  width: 100%;
}
.layout-settings .content .email-box #message-text pre {
  font-size: 10pt;
  width: 100%;
  text-wrap: pretty;
}
.layout-settings .content .tox-tinymce {
  margin-top: 2px;
  border-radius: 0.375rem;
}
.layout-settings .content .totp-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.layout-settings .content .totp-box img {
  width: 300px;
  height: 300px;
}
.layout-settings .content .pane {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: 1em;
  font-size: 11pt;
  width: 100%;
}
.layout-settings .content .pane form {
  width: 60%;
}
.layout-settings .content .pane form p {
  margin-bottom: 0.75em;
}
.layout-settings .content .pane .aside {
  /*padding: 1.25em;
  color: #666;
  width: 40%;
  font-size: 10pt;*/
}
.layout-settings .content .pane .aside button {
  display: block;
  margin-bottom: 0.5em;
  padding: 0.65em 0.75em;
  font-size: 11pt;
}
.layout-settings .content h2 {
  font-size: 17pt;
  margin-bottom: 1em;
}
.layout-settings .content form {
  font-size: 10pt;
}
.layout-settings .content form label {
  display: inline-block;
  margin-top: 0.25em;
}
.layout-settings .content form input, .layout-settings .content form select {
  margin-top: 0.15em;
  margin-bottom: 0.5em;
  font-size: 10pt;
}
.layout-settings .content .btn {
  font-size: 10pt;
}
.layout-settings .content table .btn {
  display: block;
  padding: 0.3em 0.6em;
  margin-top: 0.25em;
  float: right;
}
.layout-settings .content table {
  width: 100%;
  font-size: 11pt;
  color: #555;
  border-collapse: collapse;
  border-top: 2px solid oklch(95% 0.01 285deg);
  border-bottom: 2px solid oklch(95% 0.01 285deg);
  text-align: left;
  font-family: "Source Code Pro", Courier, monospace;
  background: oklch(99.5% 0.01 285deg);
}
.layout-settings .content table th, .layout-settings .content table td {
  padding: 0.5rem 0.5rem;
}
.layout-settings .content table thead {
  border-bottom: 2px solid oklch(90% 0.01 285deg);
  font-family: "Ubuntu", sans-serif;
}
.layout-settings .content table thead .rotate th {
  writing-mode: vertical-lr;
  text-align: left;
}
.layout-settings .content table tbody tr:nth-child(2n+1) {
  background: oklch(98% 0.01 285deg);
}
.layout-settings .content table tbody tr:hover {
  background: oklch(95% 0.01 285deg);
}
.layout-settings .content table tr td:first-child, .layout-settings .content table tr th:first-child {
  padding-left: 0.5em;
}
.layout-settings .session-list {
  padding-inline-start: 0;
  border-top: 3px solid #eee;
  border-bottom: 2px solid #eee;
}
.layout-settings .session-list dt {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 0.25em;
}
.layout-settings .session-list dd {
  font-family: "Source Code Pro", Courier, monospace;
}
.layout-settings .session-list .session-entry {
  padding: 0.75em 0.5em;
  border-bottom: 1px solid #eee;
}
.layout-settings .session-list .session-entry svg {
  float: left;
  color: #666;
  margin-right: 0.75em;
}
.layout-settings .session-list .session-entry .tag-active {
  background: #ebf4ef;
  color: #336d4e;
  border-radius: 0.75em;
  padding: 0.5em;
  font-size: 10pt;
  margin-left: 0.25em;
}

.settings-table {
  margin-bottom: 1rem;
  width: 100%;
  font-size: 11pt;
  color: #555;
  border-collapse: collapse;
  border-top: 2px solid oklch(95% 0.01 285deg);
  border-bottom: 2px solid oklch(95% 0.01 285deg);
  text-align: left;
  font-family: "Source Code Pro", Courier, monospace;
  background: oklch(99.5% 0.01 285deg);
}
.settings-table .caret {
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
}
.settings-table .caret.collapsed {
  transform: rotate(90deg);
}
.settings-table .action-col {
  padding: 0.75em;
  text-align: right;
}
.settings-table .action-col form {
  width: 100% !important;
}
.settings-table .domain-row, .settings-table .locale-row {
  cursor: pointer;
}
.settings-table a {
  color: #555;
  text-decoration: none;
}
.settings-table th, .settings-table td {
  padding: 0.5rem 0.5rem;
}
.settings-table thead {
  border-bottom: 2px solid oklch(90% 0.01 285deg);
  font-family: "Ubuntu", sans-serif;
}
.settings-table tbody tr:nth-child(2n+1) {
  background: oklch(98% 0.01 285deg);
}
.settings-table tbody tr:hover {
  background: oklch(95% 0.01 285deg);
}
.settings-table tr td:first-child, .settings-table tr th:first-child {
  padding-left: 0.5em;
}
.settings-table tfoot {
  border-top: 2px solid oklch(90% 0.01 285deg);
}
.settings-table tfoot .form-group-with-btn {
  width: 100%;
}
.settings-table .btn-delete, .settings-table .btn-success {
  margin: 0 !important;
  padding: 0.5em;
  padding-bottom: 0.35em;
  font-size: 10pt;
  padding-inline-start: 0.6em;
  padding-inline-end: 0.6em;
}
.settings-table .add-footer input, .settings-table .add-footer button {
  font-size: 11pt;
  height: 32px;
}
.settings-table .add-footer button {
  line-height: 0.9;
}

.tfoot-form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  width: 100% !important;
}
.tfoot-form input, .tfoot-form button {
  margin: 0 !important;
  font-size: 10pt;
}
.tfoot-form input {
  padding: 0.4rem;
  height: 2.25rem;
}
.tfoot-form button {
  padding: 0.65rem;
  font-family: "Ubuntu", sans-serif;
}

.line-chart {
  display: table-cell;
  width: 100%;
  height: auto;
  margin: 1em 0;
}
.line-chart .axis {
  stroke: #eee;
  stroke-width: 2;
}
.line-chart .label-y {
  dominant-baseline: middle;
  text-anchor: right;
  font-size: 9pt;
  fill: #555;
  font-weight: bold;
}
.line-chart .tick-y {
  dominant-baseline: middle;
  text-anchor: right;
  font-size: 9pt;
  fill: #777;
}
.line-chart .tick-x {
  dominant-baseline: middle;
  text-anchor: center;
  font-size: 9pt;
  fill: #777;
}
.line-chart circle {
  fill: oklch(50% 0.4 270deg);
}
.line-chart line {
  stroke: oklch(50% 0.4 270deg);
  stroke-width: 3;
}

@media screen and (min-width: 1200px) {
  .widget-grid, .layout-report, .layout-settings {
    max-width: 1200px;
  }
  .layout-settings .content {
    border-start-end-radius: 0.75em;
    border-right: 1.5px solid #eee;
  }
  .layout-settings .content .alert {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .show-sm {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .layout-settings .content {
    padding: 2em 2%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .widget-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .widget-grid .widget:nth-child(1) {
    order: 1;
  }
  .widget-grid .widget:nth-child(2) {
    order: 2;
  }
  .widget-grid .widget:nth-child(3) {
    order: 4;
  }
  .widget-grid .widget:nth-child(4) {
    order: 3;
  }
  .widget-grid .widget:nth-child(5) {
    order: 6;
  }
  .widget-grid .widget:nth-child(6) {
    order: 7;
  }
  .widget-grid .widget:nth-child(7) {
    order: 5;
  }
  .widget-grid.with-notification .widget:nth-child(1) {
    order: 1 !important;
  }
  .widget-grid.with-notification .widget:nth-child(2) {
    order: 1 !important;
  }
  .widget-grid.with-notification .widget:nth-child(3) {
    order: 2 !important;
  }
  .widget-grid.with-notification .widget:nth-child(4) {
    order: 4 !important;
  }
  .widget-grid.with-notification .widget:nth-child(5) {
    order: 3 !important;
  }
  .widget-grid.with-notification .widget:nth-child(6) {
    order: 6 !important;
  }
  .widget-grid.with-notification .widget:nth-child(7) {
    order: 7 !important;
  }
  .widget-grid.with-notification .widget:nth-child(8) {
    order: 5 !important;
  }
  .widget-grid.with-notification .widget-w3 {
    grid-column: span 2;
  }
  .widget-hide-sm {
    display: none;
  }
  .hide-sm {
    display: none !important;
  }
  .onboarding .wizard .content .col {
    width: 100%;
  }
  .row-3 .tile {
    width: 50% !important;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  .layout-settings .pane {
    flex-direction: column !important;
  }
  .layout-settings form, .layout-settings .aside {
    width: 100% !important;
  }
  .layout-settings table td, .layout-settings table th {
    padding: 0.5em !important;
  }
}
@media screen and (max-width: 768px) {
  .onboarding .wizard .content {
    flex-direction: column;
  }
  .onboarding .wizard .content .totp-code {
    width: 250px;
  }
  .onboarding .wizard .content .col {
    width: 100% !important;
  }
  .loginbox-wide p, .loginbox-wide form {
    width: 100% !important;
  }
  .widget-grid {
    display: block;
  }
  .widget {
    width: 100%;
    margin: 1em 0;
  }
  .widget-scale {
    height: auto;
  }
  .widget-table .hide-xs {
    display: none;
  }
  .layout-explorer table {
    font-size: 10pt;
  }
  .hide-sm, .hide-xs {
    display: none !important;
  }
  .row-2 {
    display: block !important;
  }
  .row-2 .tile {
    width: 100% !important;
    margin-bottom: 2em;
  }
  .row-3 .tile {
    width: 50% !important;
    text-align: center;
  }
  #detail-pane {
    width: 100% !important;
    max-width: calc(100vw - 5rem) !important;
    border-left: none !important;
  }
  .layout-settings {
    flex-direction: column;
  }
  .layout-settings nav {
    height: auto;
    width: auto;
    margin-bottom: 1.5em;
  }
  .layout-settings nav h1 {
    margin-top: 2em;
  }
  .layout-settings nav ul {
    display: flex;
    justify-content: space-around;
  }
  .layout-settings nav ul li {
    border-radius: 0.25em;
  }
  .layout-settings .content {
    width: 100%;
    border-start-start-radius: 0;
    border: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .hide-xxs {
    display: none;
  }
  .topbar {
    justify-content: space-between !important;
    position: fixed;
    z-index: 900 !important;
    left: 0;
    top: 0;
    margin: 0;
    width: 100% !important;
  }
  .topbar #toggle-sidebar {
    display: block !important;
  }
  .main {
    margin-top: 5em;
    padding-top: 1em;
  }
  .sidebar {
    flex-direction: row !important;
    justify-content: space-around !important;
    width: 100vw !important;
    height: 5rem !important;
    top: 5rem !important;
    left: 0;
  }
  .sidebar .logo {
    display: none;
  }
  .sidebar .divider {
    display: none;
  }
  .sidebar nav {
    margin: 0 0 !important;
  }
  .sidebar ul {
    display: flex;
    flex-direction: row;
  }
  .sidebar ul a {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .sidebar ul a span {
    display: block !important;
    padding-left: 0.25em;
    font-size: 11pt;
  }
  .sidebar {
    /*.logo {
    	position: fixed;
    	z-index: 1000;
    	top: 1em;
    	left: 2em;
    }*/
  }
  .sidebar-hidden {
    display: none !important;
  }
  .layout-grid .main {
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 100vw !important;
  }
  .layout-settings, .layout-report, .layout-grid {
    margin-top: 2rem !important;
    padding-top: 0;
  }
  #detail-pane {
    width: 100% !important;
    max-width: 100vw !important;
    border-left: none !important;
  }
  #detail-pane-content h2 {
    font-size: 14pt !important;
  }
  #detail-pane-content h3 {
    font-size: 12pt !important;
  }
  #detail-pane-content table {
    font-size: 11pt !important;
  }
  #detail-pane-content textarea {
    font-size: 12pt !important;
  }
  #detail-pane-content .last-annotation {
    font-size: 11pt !important;
  }
  #detail-pane-content .timeline {
    font-size: 12pt !important;
  }
  #detail-pane-content .timeline .context {
    font-size: 11pt !important;
  }
  #detail-pane-content .leak-label {
    font-size: 12pt !important;
  }
  #detail-pane-content .leak-desc-row {
    font-size: 11pt !important;
  }
  .line-chart .axis {
    stroke-width: 4;
  }
  .line-chart .label-y {
    font-size: 12pt;
  }
  .line-chart .tick-y {
    font-size: 10pt;
  }
  .line-chart .tick-x {
    font-size: 10pt;
  }
  .line-chart circle {
    stroke: oklch(50% 0.4 270deg);
    stroke-width: 3;
  }
  .line-chart line {
    stroke-width: 5;
  }
  .row-3 .tile, .row-2 .tile {
    width: 100% !important;
    text-align: center;
  }
}
@media print {
  .sidebar, .topbar {
    display: none !important;
  }
  .layout-grid {
    background: none !important;
  }
  .main {
    max-width: 100% !important;
    margin: 0 !important;
  }
  table {
    height: fit-content !important;
  }
  table tr {
    background: none !important;
    height: fit-content !important;
    padding: 0 !important;
  }
  table td, table th {
    padding: fit-content !important;
    height: 0 !important;
  }
}
.hidden-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*# sourceMappingURL=main.css.map */