.a {
  place-content: center;
  display: grid;
  flex: 1;
}

.b {
  box-sizing: border-box;
  position: relative;
}

.b svg {
  height: var(--a-a);
  width: var(--a-b);
}

.c {
  border: var(--b-a);
  background: var(--b-b);
  font-size: var(--b-c);
  font-family: IBM Plex Sans;
  color: #FFF;
  padding: var(--b-d);
  border-radius: var(--b-e);
  outline: none;
}

.c:focus-visible {
  outline: var(--c-a);
  outline-offset: var(--c-b);
  background: var(--c-c);
  border-color: var(--c-d);
  color: var(--c-e);
}

.d {
  grid-template-columns: var(--d-a);
  gap: var(--d-b);
  display: grid;
}

.e {
  --tabler-stroke-width: var(--e-a);
  height: var(--e-b);
  width: var(--e-c);
  box-sizing: border-box;
  opacity: var(--e-d);
  flex: 0 0  auto;
  display: grid;
  cursor: var(--e-e);
  top: var(--e-f);
  position: var(--e-g);
}

.e svg {
  height: inherit;
  width: inherit;
}

.f {
  grid-gap: 20px;
  display: grid;
  height: 100%;
  flex: 1;
}

.g {
  flex: var(--f-a);
  box-sizing: border-box;
  align-self: stretch;
}

.h {
  border-top-width: var(--h-a);
  border-top-color: var(--h-b);
  border-top-style: var(--h-c);
  border-left-width: var(--h-d);
  border-left-color: var(--h-e);
  border-left-style: var(--h-f);
}

.i {
  gap: var(--g-a);
  align-items: center;
  display: flex;
  flex-direction: var(--g-b);
}

.i > *:not(:nth-child(2)) {
  flex: 1;
}

.j {
  box-sizing: border-box;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
  border: var(--i-a);
  background: var(--i-b);
  border-radius: var(--i-c);
  padding: var(--i-d);
  height: var(--i-e);
  gap: var(--i-f);
  min-width: 0;
  width: 100%;
}

.k {
  border-radius: var(--j-a);
  height: 100%;
  width: 100%;
  background: var(--j-b);
}

.l {
  display: grid;
  flex: 1;
}

.m {
  border-radius: var(--k-a);
  width: 100%;
}

.n {
  flex: var(--l-a);
  position: relative;
  display: flex;
  min-height: 0;
  min-width: 0;
}

.o {
  overflow: auto;
  outline: none;
  flex: 1;
}

.o::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

.o::-webkit-scrollbar-track {
  background: #111;
}

.o::-webkit-scrollbar-track:vertical {
  border-left: var(--m-a);
}

.o::-webkit-scrollbar-track:horizontal {
  border-top: var(--n-a);
}

.o::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  background-clip: padding-box;
  background-color: #333;
  border-radius: 3px;
}

.o::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
  background-color: #444;
}

.p {
  flex: var(--o-a);
  font-size: var(--o-b);
  color: var(--o-c);
  cursor: var(--o-d);
  text-align: var(--o-e);
  font-weight: var(--o-f);
  font-family: var(--o-g);
  text-transform: var(--o-h);
  word-break: var(--o-i);
  word-wrap: var(--o-j);
  -webkit-line-clamp: var(--o-k);
  -webkit-box-orient: var(--o-l);
  display: var(--o-m);
  overflow: var(--o-n);
  white-space: var(--o-o);
  line-height: var(--o-p);
  min-height: var(--o-q);
}

.p b {
  font-weight: 500;
}

.p em {
  color: hsl(208, 100%, 60%);
  font-style: normal;
  font-weight: 400;
}

.p *:first-child {
  margin-top: 0;
}

.p *:last-child {
  margin: 0;
}

.p a:not([class]) {
  color: inherit;
}

.p a:not([class])[href] {
  text-decoration: underline;
  color: var(--p-a);
}

.p a:not([class])[href]:has(svg) > *:first-child {
  vertical-align: middle;
  margin-right: 0.15em;
  position: relative;
  display: inline;
  top: 0.1em;
}

.p:hover {
  text-decoration: var(--q-a);
}

.q {
  display: block;
  flex: none;
}

.r {
  font-size: var(--r-a);
  text-transform: uppercase;
  font-family: Iosevka;
  font-weight: 400;
  padding: var(--r-b);
  border-radius: var(--r-c);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  width: var(--r-d);
  border: var(--r-e);
  background: var(--r-f);
  color: var(--r-g);
}

.r:hover:not(:disabled) {
  outline-offset: var(--s-a);
  outline: var(--s-b);
}

.r:focus-visible:not(:disabled) {
  outline-offset: var(--s-a);
  outline: var(--s-b);
}

.r:disabled {
  border: var(--t-a);
  background: var(--t-b);
  color: var(--t-c);
  cursor: not-allowed;
}

.s {
  white-space: nowrap;
}

.t {
  display: var(--u-a);
}

.u {
  background-image: var(--v-a);
  background-position: center;
  background-size: cover;
  border-left: 1px solid #1B1B1B;
  aspect-ratio: var(--v-b);
  align-self: stretch;
  flex: 0 0 auto;
}

.v {
  flex: var(--w-a);
  box-sizing: border-box;
  display: flex;
  max-height: var(--w-b);
  min-height: var(--w-c);
  max-width: var(--w-d);
  min-width: var(--w-e);
  margin: var(--w-f);
  height: var(--w-g);
  width: var(--w-h);
}

.w {
  text-decoration: none;
}

.x {
  cursor: pointer;
}

.x > * {
  pointer-events: none;
}

.x:hover {
  filter: brightness(1.2) saturate(0.6);
}

.y {
  padding: var(--x-a);
  gap: var(--x-b);
  border: var(--x-c);
  position: var(--x-d);
  top: var(--x-e);
  border-radius: var(--x-f);
  background: var(--x-g);
  color: var(--x-h);
  justify-content: var(--x-i);
  align-items: var(--x-j);
  flex-direction: var(--x-k);
}

.z {
  position: relative;
  overflow: auto;
  min-height: 0;
  min-width: 0;
  flex: var(--y-a);
  flex-direction: column;
  display: flex;
}

.z::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

.z::-webkit-scrollbar-track {
  background: #111;
}

.z::-webkit-scrollbar-track:vertical {
  border-left: var(--z-a);
}

.z::-webkit-scrollbar-track:horizontal {
  border-top: var(--aa-a);
}

.z::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  background-clip: padding-box;
  background-color: #333;
  border-radius: 3px;
}

.z::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
  background-color: #444;
}

.aa {
  margin-block: auto;
  flex-shrink: 0;
}

.ab {
  position: relative;
  overflow: auto;
  min-height: 0;
  min-width: 0;
  flex: var(--ab-a);
  flex-direction: column;
  display: flex;
}

.ab::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

.ab::-webkit-scrollbar-track {
  background: #111;
}

.ab::-webkit-scrollbar-track:vertical {
  border-left: var(--ac-a);
}

.ab::-webkit-scrollbar-track:horizontal {
  border-top: var(--ad-a);
}

.ab::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  background-clip: padding-box;
  background-color: #333;
  border-radius: 3px;
}

.ab::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
  background-color: #444;
}

.ac {
  flex: 1 0 auto;
  display: flex;
}

.ad {
  flex-direction: column;
  height: 100dvh;
  display: flex;
  width: 100%;
}

.ae {
  transition: var(--ae-a);
  min-height: 0;
  display: grid;
  flex: 1;
}

.af {
  transition: var(--af-a);
  background: rgba(0, 0, 0, 0.7);
  place-content: center;
  position: absolute;
  display: grid;
  inset: 0;
  opacity: var(--af-b);
  pointer-events: var(--af-c);
}

.ag {
  padding: var(--ag-a);
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  border: 0;
  margin: 0;
  max-height: 100dvh;
  max-width: 100dvw;
  height: 100dvh;
  width: 100dvw;
  backdrop-filter: blur(5px);
  transition: 320ms;
  overflow: hidden;
  opacity: var(--ag-b);
}

.ag[open] {
  display: grid;
  place-content: var(--ai-a);
}

.ah {
  max-height: var(--ah-a);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
  display: flex;
  transition: 320ms;
  transform: var(--ah-b);
}