/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
@font-face {
  font-family: Roboto;
  font-weight: 100;
  font-style: normal;
  src: url("./Roboto-Thin-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 300;
  font-style: normal;
  src: url("./Roboto-Light-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  src: url("./Roboto-Regular-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
  src: url("./Roboto-Medium-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 600;
  font-style: normal;
  src: url("./Roboto-SemiBold-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  src: url("./Roboto-Bold-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 900;
  font-style: normal;
  src: url("./Roboto-Black-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 100;
  font-style: italic;
  src: url("./Roboto-ThinItalic-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 300;
  font-style: italic;
  src: url("./Roboto-LightItalic-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  src: url("./Roboto-RegularItalic-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: italic;
  src: url("./Roboto-MediumItalic-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 600;
  font-style: italic;
  src: url("./Roboto-SemiBoldItalic-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  src: url("./Roboto-BoldItalic-Mi4wLjg=.woff2") format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 900;
  font-style: italic;
  src: url("./Roboto-BlackItalic-Mi4wLjg=.woff2") format("woff2");
}
html {
  height: 100%;
  --mantine-scale: 1;
}

body {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  background-color: white;
  min-width: 320px;
  color: var(--basic-on-bg-primary);
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
button {
  appearance: none;
  text-overflow: inherit;
}

a:focus,
button:focus {
  outline: none;
}

a,
a:hover {
  text-decoration: none;
}

button,
input,
select,
textarea {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

table {
  border-collapse: collapse;
}

svg {
  display: block;
}

.app {
  min-height: 100vh;
  background-color: var(--basic-bg-primary);
  display: flex;
  flex-direction: column;
}

.app::before {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 50%;
    background-color: var(--header-bg-primary);
    top: 0;
    left: 0;
    z-index: -1;
  }

.app::after {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 50%;
    background-color: var(--basic-bg-primary);
    bottom: 0;
    left: 0;
    z-index: -1;
  }
.header--0bdMJ {
  background: var(--header-bg-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  position: sticky;
  top: 0;
  z-index: 2000;
  user-select: none;
  box-shadow: 0px 0px 15px -2px rgba(9, 7, 20, 0.15);
}

  @media (min-width: 1440px) and (max-width: 10000px) {.header--0bdMJ {
    padding: 0 calc((100% - 1440px + 48px) / 2);
    padding: 0 round(up, calc((100% - 1440px + 48px) / 2), 1px) 0 round(down, calc((100% - 1440px + 48px) / 2), 1px)
}
  }

  @media (min-width: 1280px) and (max-width: 1439px) {.header--0bdMJ {
    padding: 0 24px
}
  }

  @media (max-width: 1279px) {.header--0bdMJ {
    padding: 0 16px
}
  }

  @media (min-width: 1280px) and (max-width: 10000px) {.header--0bdMJ {
    gap: 52px
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.header--0bdMJ {
    gap: 24px
}
  }

  @media (max-width: 767px) {.header--0bdMJ {
    gap: 20px
}
  }

.left-section--bXF-s {
  display: flex;
  align-items: center;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.left-section--bXF-s {
    gap: 52px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.left-section--bXF-s {
    gap: 24px
}
  }

@media (max-width: 767px) {

.left-section--bXF-s {
    gap: 20px
}
  }

.right-section--nHF7L {
  display: flex;
  align-items: center;
}
.main--sS2CO {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-grow: 1;
}

  @media (min-width: 1440px) and (max-width: 10000px) {.main--sS2CO {
    padding: 24px calc((100% - 1440px + 48px) / 2);
    padding: 24px round(up, calc((100% - 1440px + 48px) / 2), 1px) 32px
      round(down, calc((100% - 1440px + 48px) / 2), 1px)
}
  }

  @media (min-width: 1280px) and (max-width: 1439px) {.main--sS2CO {
    padding: 24px
}
  }

  @media (max-width: 1279px) {.main--sS2CO {
    padding: 24px 16px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.main--sS2CO[data-variant="cropped"] {
    height: calc(100vh - 64px);
    overflow: hidden
}
  }
.main-actions--jcrdl {
  display: flex;
  align-items: center;
}

  @media (min-width: 768px) and (max-width: 10000px) {.main-actions--jcrdl {
    flex-direction: row-reverse;
    gap: 24px 16px
}
  }

  @media (max-width: 767px) {.main-actions--jcrdl {
    flex-direction: column;
    width: 100%;
    align-items: stretch;
    gap: 16px
}
  }
.title--tbnaE {
  color: var(--basic-on-bg-primary);
  word-break: break-word;
  margin: 0;
}

h1.title--tbnaE {
  font-weight: 600;
}

@media (min-width: 768px) and (max-width: 10000px) {

h1.title--tbnaE {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.25px
}
  }

@media (max-width: 767px) {

h1.title--tbnaE {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.1px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

h2.title--tbnaE {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1px
}
  }

@media (max-width: 767px) {

h2.title--tbnaE {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}
  }

h3.title--tbnaE {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
.item--MtQDl {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
}

.actions--ehJQO {
  margin-right: 16px;
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  flex-shrink: 0;
}

.control--GKFKJ {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  border: none;
  padding: 24px 16px;
  cursor: pointer;
  background-color: transparent;
}

.control--GKFKJ[data-chevron-position="left"] {
  flex-direction: row;
}

.label--ysAJD {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.title--el1DD {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.title--el1DD {
    -webkit-line-clamp: 1
}
  }

@media (max-width: 1279px) {

.title--el1DD {
    -webkit-line-clamp: 2
}
  }

.item--MtQDl[data-size="sm"] .title--el1DD {
  line-height: 32px;
}

.item--MtQDl[data-size="md"] .title--el1DD {
  line-height: 40px;
}

.chevron--4ImQ- {
  fill: var(--basic-on-bg-secondary);
}

.chevron--4ImQ-[data-position="left"] {
  margin-inline-end: 1rem;
  margin-inline-start: 1rem;
}

.chevron--4ImQ-[data-rotate="true"] {
  transform: rotate(180deg);
}

.content--yNNjr {
  padding: 0 16px 24px;
}
@keyframes spinner--CHiEM {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-180deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.spinner--CHiEM {
  margin: auto;
  display: block;
  animation: spinner--CHiEM 1s linear infinite;
  filter: grayscale(1);
}
.button--XZIpX {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  position: relative;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, fill 0.3s;
}

.button--XZIpX[disabled] {
  cursor: default;
}

.button--XZIpX[data-size="sm"] {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.25px;
}

.button--XZIpX[data-size="md"] {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.1px;
}

.button--XZIpX[data-size="lg"] {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.1px;
}

:is(
    .button--XZIpX[data-variant="filled"],
    .button--XZIpX[data-variant="outline"],
    .button--XZIpX[data-variant="transparent"],
    .button--XZIpX[data-variant="subtle"]
  )[data-size="sm"] {
    padding: 5px 12px;
  }

:is(
    .button--XZIpX[data-variant="filled"],
    .button--XZIpX[data-variant="outline"],
    .button--XZIpX[data-variant="transparent"],
    .button--XZIpX[data-variant="subtle"]
  )[data-size="md"] {
    padding: 9px 14px;
  }

:is(
    .button--XZIpX[data-variant="filled"],
    .button--XZIpX[data-variant="outline"],
    .button--XZIpX[data-variant="transparent"],
    .button--XZIpX[data-variant="subtle"]
  )[data-size="lg"] {
    padding: 13px 21px;
  }

:is(
    .button--XZIpX[data-variant="filled"],
    .button--XZIpX[data-variant="outline"],
    .button--XZIpX[data-variant="transparent"],
    .button--XZIpX[data-variant="subtle"]
  )[data-size="sm"]:has(.section--1VOyf):not(:has(.text--qBdjl)) {
    padding: 5px;
  }

:is(
    .button--XZIpX[data-variant="filled"],
    .button--XZIpX[data-variant="outline"],
    .button--XZIpX[data-variant="transparent"],
    .button--XZIpX[data-variant="subtle"]
  )[data-size="md"]:has(.section--1VOyf):not(:has(.text--qBdjl)) {
    padding: 9px;
  }

:is(
    .button--XZIpX[data-variant="filled"],
    .button--XZIpX[data-variant="outline"],
    .button--XZIpX[data-variant="transparent"],
    .button--XZIpX[data-variant="subtle"]
  )[data-size="lg"]:has(.section--1VOyf):not(:has(.text--qBdjl)) {
    padding: 13px;
  }

.button--XZIpX[data-variant="text"] {
  padding: 0;
  border: 0 !important;
}

.button--XZIpX[data-variant="filled"][data-color="green"] {
    background-color: var(--button-primary-bg-active);
    border: 1px solid transparent;
    color: var(--button-primary-on-bg-active);
    fill: var(--button-primary-on-bg-active);
  }

.button--XZIpX[data-variant="filled"][data-color="green"]:hover {
      background-color: var(--button-primary-bg-hover);
    }

.button--XZIpX[data-variant="filled"][data-color="green"]:active {
      background-color: var(--button-primary-bg-pressed);
      color: var(--button-primary-on-bg-pressed);
    }

.button--XZIpX[data-variant="filled"][data-color="red"] {
    background-color: var(--basic-on-bg-alert);
    border: 1px solid transparent;
    color: var(--button-primary-on-bg-active);
    fill: var(--button-primary-on-bg-active);
  }

.button--XZIpX[data-variant="filled"][data-color="red"]:hover {
      background-color: var(--basic-on-bg-alert-hover);
    }

.button--XZIpX[data-variant="filled"][data-color="red"]:active {
      background-color: var(--basic-on-bg-alert-pressed);
    }

.button--XZIpX[data-variant="filled"][data-color="gray"] {
    background-color: var(--basic-on-bg-grey-03);
    border: 1px solid transparent;
    color: var(--basic-on-bg-primary);
    fill: var(--basic-on-bg-secondary);
  }

.button--XZIpX[data-variant="filled"][data-color="gray"]:hover {
      background-color: var(--basic-on-bg-grey-02);
    }

.button--XZIpX[data-variant="filled"][data-color="gray"]:active {
      background-color: var(--basic-on-bg-grey-02);
    }

.button--XZIpX[data-variant="filled"][data-color]:disabled {
    background-color: var(--button-primary-bg-disabled);
    border: 1px solid transparent;
    color: var(--button-primary-on-bg-active);
    fill: var(--button-primary-on-bg-active);
  }

.button--XZIpX[data-variant="outline"][data-color="green"] {
    background-color: transparent;
    border: 1px solid var(--button-secondary-border-active);
    color: var(--button-secondary-on-bg-active);
    fill: var(--button-secondary-on-bg-active);
  }

.button--XZIpX[data-variant="outline"][data-color="green"]:hover {
      background-color: var(--button-secondary-bg-pressed);
      border-color: var(--button-secondary-border-hover);
      color: var(--button-secondary-on-bg-hover);
      fill: var(--button-secondary-on-bg-hover);
    }

.button--XZIpX[data-variant="outline"][data-color="green"]:active {
      background-color: var(--button-secondary-bg-pressed);
      border-color: var(--button-secondary-border-pressed);
      color: var(--button-secondary-on-bg-pressed);
      fill: var(--button-secondary-on-bg-pressed);
    }

.button--XZIpX[data-variant="outline"][data-color="red"] {
    background-color: transparent;
    border: 1px solid var(--basic-on-bg-alert);
    color: var(--basic-on-bg-alert);
    fill: var(--basic-on-bg-alert);
  }

.button--XZIpX[data-variant="outline"][data-color="red"]:hover {
      border-color: var(--basic-on-bg-alert-hover);
      color: var(--basic-on-bg-alert-hover);
      fill: var(--basic-on-bg-alert-hover);
    }

.button--XZIpX[data-variant="outline"][data-color="red"]:active {
      border-color: var(--basic-on-bg-alert-pressed);
      color: var(--basic-on-bg-alert-pressed);
      fill: var(--basic-on-bg-alert-pressed);
    }

.button--XZIpX[data-variant="outline"][data-color="gray"] {
    background-color: transparent;
    border: 1px solid var(--basic-on-bg-secondary);
    color: var(--basic-on-bg-secondary);
    fill: var(--basic-on-bg-secondary);
  }

.button--XZIpX[data-variant="outline"][data-color="gray"]:hover {
      border-color: var(--basic-on-bg-grey-01);
      color: var(--basic-on-bg-grey-01);
      fill: var(--basic-on-bg-grey-01);
    }

.button--XZIpX[data-variant="outline"][data-color="gray"]:active {
      border-color: var(--basic-on-bg-grey-01);
      color: var(--basic-on-bg-grey-01);
      fill: var(--basic-on-bg-grey-01);
    }

.button--XZIpX[data-variant="outline"][data-color]:disabled {
    background-color: transparent;
    border-color: var(--button-primary-bg-disabled);
    color: var(--button-primary-bg-disabled);
    fill: var(--button-primary-bg-disabled);
  }

.button--XZIpX[data-variant="transparent"][data-color="green"], .button--XZIpX[data-variant="text"][data-color="green"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-tertiary-on-bg-active);
    fill: var(--button-tertiary-on-bg-active);
  }

.button--XZIpX[data-variant="transparent"][data-color="green"]:hover, .button--XZIpX[data-variant="text"][data-color="green"]:hover {
      color: var(--button-tertiary-on-bg-hover);
      fill: var(--button-tertiary-on-bg-hover);
    }

.button--XZIpX[data-variant="transparent"][data-color="green"]:active, .button--XZIpX[data-variant="text"][data-color="green"]:active {
      color: var(--button-tertiary-on-bg-pressed);
      fill: var(--button-tertiary-on-bg-pressed);
    }

.button--XZIpX[data-variant="transparent"][data-color="red"], .button--XZIpX[data-variant="text"][data-color="red"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-alert);
    fill: var(--basic-on-bg-alert);
  }

.button--XZIpX[data-variant="transparent"][data-color="red"]:hover, .button--XZIpX[data-variant="text"][data-color="red"]:hover {
      color: var(--basic-on-bg-alert-hover);
      fill: var(--basic-on-bg-alert-hover);
    }

.button--XZIpX[data-variant="transparent"][data-color="red"]:active, .button--XZIpX[data-variant="text"][data-color="red"]:active {
      color: var(--basic-on-bg-alert-pressed);
      fill: var(--basic-on-bg-alert-pressed);
    }

.button--XZIpX[data-variant="transparent"][data-color="gray"], .button--XZIpX[data-variant="text"][data-color="gray"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-grey-01);
    fill: var(--basic-on-bg-grey-01);
  }

.button--XZIpX[data-variant="transparent"][data-color="gray"]:hover, .button--XZIpX[data-variant="text"][data-color="gray"]:hover {
      color: var(--basic-on-bg-secondary);
      fill: var(--basic-on-bg-secondary);
    }

.button--XZIpX[data-variant="transparent"][data-color="gray"]:active, .button--XZIpX[data-variant="text"][data-color="gray"]:active {
      color: var(--basic-on-bg-primary);
      fill: var(--basic-on-bg-primary);
    }

.button--XZIpX[data-variant="transparent"][data-color]:disabled, .button--XZIpX[data-variant="text"][data-color]:disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-primary-bg-disabled);
    fill: var(--button-primary-bg-disabled);
  }

.button--XZIpX[data-variant="subtle"][data-color="green"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-tertiary-on-bg-active);
    fill: var(--button-tertiary-on-bg-active);
  }

.button--XZIpX[data-variant="subtle"][data-color="green"]:hover {
      color: var(--button-tertiary-on-bg-hover);
      fill: var(--button-tertiary-on-bg-hover);
    }

.button--XZIpX[data-variant="subtle"][data-color="green"]:active {
      color: var(--button-tertiary-on-bg-pressed);
      fill: var(--button-tertiary-on-bg-pressed);
    }

.button--XZIpX[data-variant="subtle"][data-color="red"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-alert);
    fill: var(--basic-on-bg-alert);
  }

.button--XZIpX[data-variant="subtle"][data-color="red"]:hover {
      color: var(--basic-on-bg-alert-hover);
      fill: var(--basic-on-bg-alert-hover);
    }

.button--XZIpX[data-variant="subtle"][data-color="red"]:active {
      color: var(--basic-on-bg-alert-pressed);
      fill: var(--basic-on-bg-alert-pressed);
    }

.button--XZIpX[data-variant="subtle"][data-color="gray"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-secondary);
    fill: var(--basic-on-bg-secondary);
  }

.button--XZIpX[data-variant="subtle"][data-color="gray"]:hover {
      background-color: var(--basic-on-bg-grey-03);
      color: var(--basic-on-bg-primary);
      fill: var(--basic-on-bg-primary);
    }

.button--XZIpX[data-variant="subtle"][data-color="gray"]:active {
      background-color: var(--basic-on-bg-grey-02);
      color: var(--basic-on-bg-primary);
      fill: var(--basic-on-bg-primary);
    }

.button--XZIpX[data-variant="subtle"][data-color]:disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-primary-bg-disabled);
    fill: var(--button-primary-bg-disabled);
  }

.inner--K-Ujy {
  display: block;
  line-height: 20px;
  letter-spacing: 0.1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: opacity 0.3s;
}

.section--1VOyf {
  display: flex;
  align-items: center;
  justify-content: center;
}

.label--oPpGO:not(:has(.text--qBdjl)) {
  display: contents;
}

.loader--DVF3v {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, visibility 0.3s;
}

.loader_loading--aZ3XM {
  opacity: 1;
  visibility: visible;
}

.loader_loading--aZ3XM + .text--qBdjl,
.inner--K-Ujy:has(.loader_loading--aZ3XM) .section--1VOyf {
  opacity: 0;
}
.overlay--TlJ4U {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  background-color: var(--basic-bg-overlay);
  top: 0;
  left: 0;
  z-index: calc(4000 + var(--modal-index, 0) * 2);
}

.modal-wrapper--dy-zZ {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: calc(4000 + var(--modal-index, 0) * 2 + 1);
  overflow-y: auto;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.modal-wrapper--dy-zZ {
    padding: 64px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.modal-wrapper--dy-zZ {
    padding: 32px 16px
}
  }

@media (max-width: 767px) {

.modal-wrapper--dy-zZ {
    padding: 0;
    background-color: var(--basic-bg-foreground)
}
  }

.modal-wrapper--dy-zZ .content--Ft-aX {
  background-color: var(--basic-bg-foreground);
  pointer-events: all;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 808px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.modal-wrapper--dy-zZ .content--Ft-aX {
    border-radius: 16px;
    box-shadow: 0 0 16px var(--basic-bg-shadow)
}
  }

@media (max-width: 767px) {

.modal-wrapper--dy-zZ .content--Ft-aX {
    min-height: 100%
}
  }

.header--VTbdm {
  display: flex;
  align-items: flex-start;
  word-break: break-word;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.header--VTbdm {
    justify-content: space-between;
    padding: 32px 32px 20px;
    gap: 32px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.header--VTbdm {
    justify-content: space-between;
    padding: 28px 24px 24px;
    gap: 32px
}
  }

@media (max-width: 767px) {

.header--VTbdm {
    padding: 24px 16px;
    position: sticky;
    top: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 12px;
    z-index: 10;
    background-color: var(--basic-bg-foreground)
}
  }

.header--VTbdm:empty {
  display: none;
}

.title--eSnH- {
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.1px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.title--eSnH- {
    font-size: 24px;
    line-height: 32px
}
  }

@media (max-width: 767px) {

.title--eSnH- {
    font-size: 20px;
    line-height: 24px
}
  }

.close--nKpDy {
  fill: var(--basic-on-bg-primary) !important;
}

.close--nKpDy:hover,
.close--nKpDy:active {
  fill: var(--basic-on-bg-secondary) !important;
}

.body--UtH9M {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.body--UtH9M {
    padding: 0 32px 32px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.body--UtH9M {
    padding: 0 24px 24px;
    height: 100%
}
  }

@media (max-width: 767px) {

.body--UtH9M {
    padding: 0
}
  }
.main-column--AHJtg {
  display: flex;
  flex-direction: column;
  background-color: var(--basic-bg-foreground);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  flex-grow: 1;
}

.main-title--ttDkk {
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.main-title--ttDkk {
    padding: 24px
}
  }

@media (max-width: 1279px) {

.main-title--ttDkk {
    padding: 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.main-title_without-content--aNSc9 {
    border: 0
}
  }

.body--D36P- {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-grow: 1;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.body--D36P- {
    padding: 24px !important
}
  }

@media (max-width: 1279px) {

.body--D36P- {
    padding: 16px !important
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.body--D36P-:has(.main-title--ttDkk) {
    padding: 16px 24px 24px !important
}
  }

.header--bhihG {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 24px;
}

.header--bhihG:empty {
    display: none;
  }

.title--HBjxF {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 10000px) {

.title--HBjxF {
    -webkit-line-clamp: 1
}
  }

@media (max-width: 767px) {

.title--HBjxF {
    -webkit-line-clamp: 2
}
  }

.header--bhihG[data-size="sm"] .title--HBjxF {
  line-height: 32px;
}

.header--bhihG[data-size="md"] .title--HBjxF {
  line-height: 40px;
}

.actions--QgFYO {
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  flex-shrink: 0;
}

.content--OYFAe {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-overlay--EnVmx {
  pointer-events: none;
  background-color: transparent;
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    transparent calc(100% - 32px),
    var(--basic-bg-primary) calc(100% - 32px),
    var(--basic-bg-primary) 100%
  );
}

.modal-wrapper--VIqwK {
  padding: 88px 0 24px;
  pointer-events: none;
  background-color: transparent;
}

.modal-wrapper--VIqwK .modal-content--RELa4 {
  border-radius: 16px;
  pointer-events: all;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.modal-main-title--sfDAR {
  position: static;
  background-color: transparent;
}

.modal-body--exC7v {
  border-top: 1px solid var(--basic-on-bg-stroke);
}
.container--LreFA {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.main-columns--NcL8s[data-variant="explicit"],
.main-columns--NcL8s[data-variant="modal"] {
  flex-grow: 1;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.main-columns--NcL8s[data-variant="explicit"],
.main-columns--NcL8s[data-variant="modal"] {
    display: grid;
    grid-template-areas: "left-column right-column";
    grid-template-columns: 448px calc(100% - 24px - 448px);
    gap: 24px
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.main-columns--NcL8s[data-variant="explicit"],
.main-columns--NcL8s[data-variant="modal"] {
    display: grid;
    grid-template-areas: "left-column right-column";
    grid-template-columns: calc((100% - 16px) / 3) calc(100% - 16px - (100% - 16px) / 3);
    gap: 16px
}
  }

  @media (max-width: 767px) {.main-columns--NcL8s[data-variant="explicit"],
.main-columns--NcL8s[data-variant="modal"] {
    display: flex;
    gap: 16px;
    width: calc(100% + 32px);
    margin: 0 -16px
}
  }

@media (max-width: 767px) {

.main-columns--NcL8s[data-variant="explicit"] {
    flex-direction: column
}
  }

.main-columns--NcL8s[data-variant="accordion"] {
  gap: 24px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.main-columns--NcL8s[data-variant="accordion"] {
    display: grid;
    grid-template-areas: "left-column right-column";
    grid-template-columns: calc(50% - 12px) calc(50% - 12px)
}
  }

@media (max-width: 1279px) {

.main-columns--NcL8s[data-variant="accordion"] {
    display: flex;
    flex-direction: column
}
  }

@media (max-width: 767px) {

.main-columns--NcL8s[data-variant="accordion"] {
    width: calc(100% + 32px) !important;
    margin: 0 -16px
}
  }
.main-content--GoWQo {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

  @media (max-width: 767px) {.main-content--GoWQo {
    margin: 0 -16px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.main-content--GoWQo[data-variant="paddings"] {
    padding: 24px
}
  }

@media (max-width: 1279px) {

.main-content--GoWQo[data-variant="paddings"] {
    padding: 16px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.main-content--GoWQo[data-variant="hidden"] {
    overflow: hidden
}
  }
.main-header--Svr9Z {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

  @media (min-width: 1200px) and (max-width: 10000px) {.main-header--Svr9Z {
    gap: 24px 40px
}
  }

  @media (min-width: 768px) and (max-width: 1199px) {.main-header--Svr9Z {
    gap: 24px
}
  }

  @media (max-width: 767px) {.main-header--Svr9Z {
    gap: 24px 16px
}
  }
.main-login--GB2SS {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min-content;
  min-height: 100vh;
}

  .main-login--GB2SS[data-color="transparent"] {
    background-color: transparent;
  }

  .main-login--GB2SS[data-color="green"] {
    background-color: var(--common_accent);
  }

.main-login-container--iLw5E {
  width: 100%;
  max-width: 464px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding: 32px 16px;
}
.root--6R5r- {
  display: flex;
  width: 100%;
}

.root--6R5r-[data-variant="filled"] {
  font-weight: 400;
  color: var(--basic-on-bg-primary);
  fill: var(--basic-on-bg-primary);
}

.root--6R5r-[data-variant="filled"][data-color="red"] {
    background-color: var(--status-hint-alert);
  }

.root--6R5r-[data-variant="filled"][data-color="blue"] {
    background-color: var(--status-tint-new);
  }

.root--6R5r-[data-variant="filled"][data-color="green"] {
    background-color: var(--status-tint-success);
  }

.root--6R5r-[data-variant="filled"] .message--mIG-z {
    color: var(--basic-on-bg-primary);
  }

.root--6R5r-[data-variant="outline"] {
  color: var(--basic-on-bg-primary);
  fill: var(--basic-on-bg-primary);
}

.root--6R5r-[data-variant="outline"][data-color="red"] {
    border: 3px solid var(--status-hint-alert);
  }

.root--6R5r-[data-variant="outline"][data-color="blue"] {
    border: 3px solid var(--status-tint-new);
  }

.root--6R5r-[data-variant="outline"][data-color="green"] {
    background-color: var(--status-tint-success);
  }

.root--6R5r-[data-variant="outline"] .message--mIG-z {
    color: var(--basic-on-bg-secondary);
  }

.root--6R5r-[data-variant="transparent"] {
  color: var(--basic-on-bg-primary);
  fill: var(--basic-on-bg-primary);
}

.root--6R5r-[data-variant="transparent"] .message--mIG-z {
    color: var(--basic-on-bg-secondary);
  }

.root--6R5r-[data-size="md"] {
  padding: 12px 16px;
  border-radius: 8px;
}

.root--6R5r-[data-size="lg"] {
  padding: 12px 16px;
  border-radius: 16px;
}

.wrapper--zKQPG {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.body--KregI {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.title--rSkQC {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.root--6R5r-[data-size="md"] .message--mIG-z {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.root--6R5r-[data-size="lg"] .message--mIG-z {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.close-button--cU1qZ {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: inherit;
  margin-left: auto;
}

.root--6R5r-[data-color="red"] .icon--DTfC7 {
  fill: var(--status-primary-alert);
}

.root--6R5r-[data-color="blue"] .icon--DTfC7 {
  fill: var(--status-primary-new);
}

.root--6R5r-[data-color="green"] .icon--DTfC7 {
  fill: var(--status-primary-success);
}

.root--6R5r-[data-color="gray"] .icon--DTfC7 {
  fill: var(--basic-on-bg-grey-01);
}
.modal-actions--Ig6TW {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.modal-actions--Ig6TW[data-position="left"] {
  justify-content: flex-start;
}

.modal-actions--Ig6TW[data-position="center"] {
  justify-content: center;
}

.modal-actions--Ig6TW[data-position="right"] {
  justify-content: flex-end;
}
.error--TGqIq {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-alert);
  padding-left: 40px;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1280px) and (max-width: 10000px) {.modal-wrapper--IWoNX {
    padding: 160px 64px 64px
}
  }
  @media (min-width: 768px) and (max-width: 1279px) {.modal-wrapper--IWoNX {
    padding: 160px 32px 16px
}
  }
  @media (max-width: 767px) {.modal-wrapper--IWoNX {
    padding: 16px;
    align-items: center;
    background-color: transparent
}
  }

.modal-wrapper--IWoNX .content---quIe {
  width: 100%;
  max-width: 570px;
  border-radius: 16px;
  box-shadow: 0 0 16px var(--basic-bg-shadow);
  min-height: auto;
}

.body--TVXp6 {
  padding: 32px;
}

.alert---vR71 {
  padding: 0 !important;
}

@media (min-width: 768px) and (max-width: 10000px) {

.buttons--Dn9FG {
    margin-top: 32px
}
  }

@media (max-width: 767px) {

.buttons--Dn9FG {
    margin-top: 24px
}
  }
.modal-wrapper--w-cIw {
  justify-content: flex-end;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.modal-wrapper--w-cIw {
    padding: 52px 82px 64px 32px
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.modal-wrapper--w-cIw {
    padding: 52px 82px 16px 32px
}
  }

  @media (max-width: 767px) {.modal-wrapper--w-cIw {
    padding: 32px 16px;
    background-color: transparent
}
  }

.modal-wrapper--w-cIw .content--c5W3l {
  width: 100%;
  max-width: 392px;
  border-radius: 16px;
  box-shadow: 0 0 16px var(--basic-bg-shadow);
  min-height: auto;
}

.header--J4-zA {
  padding: 24px 24px 16px;
  gap: 24px;
}

@media (max-width: 767px) {

.header--J4-zA {
    position: static;
    background-color: transparent;
    flex-direction: row;
    justify-content: space-between
}
  }

.body--zHtJk {
  padding: 0 24px 24px;
}

.body--zHtJk:empty {
  display: none;
}

.description--MtYcR {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

.actions--3S9eX {
  margin-top: 16px;
  gap: 8px;
}
.not-found--C4KcN {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 34px 0;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.not-found--C4KcN {
    padding: 160px 0
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.not-found--C4KcN {
    padding: 140px 0
}
  }

  @media (max-width: 767px) {.not-found--C4KcN {
    padding: 120px 0
}
  }

.graphic--2Duql {
  max-width: 100%;
  user-select: none;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.graphic--2Duql {
    margin-bottom: 74px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.graphic--2Duql {
    margin-bottom: 37px
}
  }

.inner--vJeG3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px 0;
}

.title--YdPLe {
  margin: 0;
  text-align: center;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.title--YdPLe {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.title--YdPLe {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.1px
}
  }

@media (max-width: 767px) {

.title--YdPLe {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0
}
  }

.description--oOqxl {
  margin: 0;
  font-weight: 400;
  color: var(--basic-on-bg-secondary);
  text-align: center;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.description--oOqxl {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.description--oOqxl {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.4px
}
  }

@media (max-width: 767px) {

.description--oOqxl {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }
.categories--jKbLf {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.indicator--MVN20 {
  position: absolute;
}

.control--dWZkn {
  display: flex;
  cursor: pointer;
  padding: 12px 16px;
  background: var(--basic-bg-emphasis);
  font-size: 16px;
  border-radius: 12px;
  font-weight: 500;
  line-height: 24px;
  white-space: normal;
  word-break: break-all;
}

.control--dWZkn[data-active] {
  background: var(--basic-on-bg-grey-03);
}

.control--dWZkn[data-disabled] {
  cursor: default;
  background: var(--basic-bg-emphasis);
  color: var(--button-primary-bg-disabled);
  fill: var(--button-primary-bg-disabled);
}

.input--L9Z0G {
  display: none;
  margin: 0;
}

.categories--jKbLf[data-orientation="horizontal"] {
  flex-direction: row;
}
.text-input--ryGWK {
  position: relative;
}

.text-input--ryGWK[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "wrapper"
    "description"
    "error";
}

.text-input--ryGWK[data-variant="string"] .read-only-value--1IQC1 {
    display: flex;
    align-items: center;
  }

.text-input--ryGWK[data-variant="string"]:has(.label--nHpiW) {
  grid-template-areas:
    "label wrapper"
    "label description"
    "label error";
  grid-template-rows: auto auto 1fr;
}

.text-input--ryGWK[data-variant="string"]:has(.label--nHpiW) .label--nHpiW {
    color: var(--basic-on-bg-secondary);
    grid-area: label;
    margin-right: 16px;
    align-self: flex-start;
    word-break: break-word;
    display: flex;
    align-items: center;
  }

.text-input--ryGWK[data-variant="string"]:has(.label--nHpiW)[data-size="sm"] .label--nHpiW {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 32px;
  }

.text-input--ryGWK[data-variant="string"]:has(.label--nHpiW)[data-size="md"] .label--nHpiW {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 40px;
  }

.text-input--ryGWK[data-variant="string"]:has(.label--nHpiW)[data-size="lg"] .label--nHpiW {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    min-height: 48px;
  }

.text-input--ryGWK[data-variant="column"] {
  display: flex;
  flex-direction: column;
}

.text-input--ryGWK[data-variant="column"] .label--nHpiW {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.text-input--ryGWK[data-variant="column"] .read-only-value--1IQC1 {
    display: flex;
    align-items: center;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"])[data-size="sm"] .input--9zRw2 {
    padding: 5px 33px 5px 12px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"])[data-size="sm"] .input--9zRw2:focus-within {
    padding: 4px 32px 4px 11px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"])[data-size="md"] .input--9zRw2 {
    padding: 9px 39px 9px 15px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"])[data-size="md"] .input--9zRw2:focus-within {
    padding: 8px 38px 8px 14px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"])[data-size="lg"] .input--9zRw2 {
    padding: 11px 47px 11px 15px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"])[data-size="lg"] .input--9zRw2:focus-within {
    padding: 10px 46px 10px 14px;
  }

.text-input--ryGWK[data-variant="string"][data-size="sm"] .read-only-value--1IQC1 {
    padding: 0 13px;
    min-height: 32px;
  }

.text-input--ryGWK[data-variant="string"][data-size="md"] .read-only-value--1IQC1 {
    padding: 0 16px;
    min-height: 40px;
  }

.text-input--ryGWK[data-variant="string"][data-size="lg"] .read-only-value--1IQC1 {
    padding: 0 16px;
    min-height: 48px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"]):not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="sm"] .input--9zRw2 {
    padding-right: 12px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"]):not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="sm"] .input--9zRw2:focus-within {
    padding-right: 11px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"]):not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="md"] .input--9zRw2,
  :is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"]):not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="lg"] .input--9zRw2 {
    padding-right: 15px;
  }

:is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"]):not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="md"] .input--9zRw2:focus-within,
  :is(.text-input--ryGWK[data-variant="string"], .text-input--ryGWK[data-variant="column"]):not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="lg"] .input--9zRw2:focus-within {
    padding-right: 14px;
  }

.text-input--ryGWK[data-variant="minimized"] {
  display: flex;
  flex-direction: column;
}

.text-input--ryGWK[data-variant="minimized"] .label--nHpiW {
    color: var(--basic-on-bg-grey-01);
    position: absolute;
    z-index: 1;
    transition: font-size 0.3s, line-height 0.3s, letter-spacing 0.3s, top 0.3s, width 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="sm"] .label--nHpiW {
    font-size: 14px;
    line-height: 20px;
    top: 6px;
    left: 13px;
    width: calc(100% - 45px);
  }

.text-input--ryGWK[data-variant="minimized"][data-size="md"] .label--nHpiW {
    font-size: 15px;
    line-height: 22px;
    top: 10px;
    left: 16px;
    width: calc(100% - 54px);
  }

.text-input--ryGWK[data-variant="minimized"][data-size="lg"] .label--nHpiW {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    top: 12px;
    left: 16px;
    width: calc(100% - 62px);
  }

.text-input--ryGWK[data-variant="minimized"][data-size="sm"]:focus-within .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="sm"]:has([data-filled]) .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="sm"]:has(.input--9zRw2:autofill) .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="sm"]:has(.read-only-value--1IQC1) .label--nHpiW {
    font-size: 10px;
    line-height: 18px;
    top: 0px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="md"]:focus-within .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="md"]:has([data-filled]) .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="md"]:has(.input--9zRw2:autofill) .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="md"]:has(.read-only-value--1IQC1) .label--nHpiW {
    font-size: 11px;
    line-height: 17px;
    top: 2px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="lg"]:focus-within .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="lg"]:has([data-filled]) .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="lg"]:has(.input--9zRw2:autofill) .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"][data-size="lg"]:has(.read-only-value--1IQC1) .label--nHpiW {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    top: 4px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="sm"] .input--9zRw2 {
    padding: 6px 33px 6px 12px;
    line-height: 18px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="sm"] .input--9zRw2[data-filled],
  .text-input--ryGWK[data-variant="minimized"][data-size="sm"] .input--9zRw2:autofill {
    padding: 11px 33px 1px 12px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="sm"] .input--9zRw2:focus {
    padding: 10px 32px 0px 11px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="md"] .input--9zRw2 {
    padding: 9px 39px 9px 15px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="md"] .input--9zRw2[data-filled],
  .text-input--ryGWK[data-variant="minimized"][data-size="md"] .input--9zRw2:autofill {
    padding: 16px 39px 2px 15px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="md"] .input--9zRw2:focus {
    padding: 15px 38px 1px 14px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="lg"] .input--9zRw2 {
    padding: 11px 47px 11px 15px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="lg"] .input--9zRw2[data-filled],
  .text-input--ryGWK[data-variant="minimized"][data-size="lg"] .input--9zRw2:autofill {
    padding: 20px 47px 2px 15px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="lg"] .input--9zRw2:focus {
    padding: 19px 46px 1px 14px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="sm"] .read-only-value--1IQC1 {
    padding: 6px 13px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="sm"] .read-only-value--1IQC1 {
    padding: 11px 13px 1px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="md"] .read-only-value--1IQC1 {
    padding: 17px 16px 3px;
  }

.text-input--ryGWK[data-variant="minimized"][data-size="lg"] .read-only-value--1IQC1 {
    padding: 21px 16px 3px;
  }

.text-input--ryGWK[data-variant="minimized"] .input--9zRw2::placeholder {
    opacity: 0;
  }

.text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="sm"] .input--9zRw2,
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="sm"] .input--9zRw2[data-filled],
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="sm"] .input--9zRw2:autofill {
    padding-right: 12px;
  }

.text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="sm"] .input--9zRw2:focus {
    padding-right: 11px;
  }

.text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="md"] .input--9zRw2,
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="md"] .input--9zRw2[data-filled],
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="md"] .input--9zRw2:autofill,
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="lg"] .input--9zRw2,
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="lg"] .input--9zRw2[data-filled],
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="lg"] .input--9zRw2:autofill {
    padding-right: 15px;
  }

.text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="md"] .input--9zRw2:focus,
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="lg"] .input--9zRw2:focus {
    padding-right: 14px;
  }

.text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="sm"] .label--nHpiW {
    width: calc(100% - 24px);
  }

.text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="md"] .label--nHpiW,
  .text-input--ryGWK[data-variant="minimized"]:not(:has(.icons--jsi08 [class*="icon_active"]))[data-size="lg"] .label--nHpiW {
    width: calc(100% - 30px);
  }

.required--oOmdN {
  color: var(--basic-on-bg-alert);
  padding-left: 2px;
}

.wrapper--i2Jw- {
  grid-area: wrapper;
  position: relative;
}

.input--9zRw2 {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  transition: border-color 0.3s;
  width: 100%;
  border-radius: 8px;
}

.input--9zRw2[data-readonly] {
  background-color: transparent;
  border: none;
}

.input--9zRw2::placeholder {
  color: var(--basic-on-bg-grey-01);
}

.input--9zRw2:hover,
.wrapper--i2Jw-:has(.icon---v75P:hover) .input--9zRw2,
.wrapper--i2Jw-:has(.visibility-toggle--nhbIX:hover) .input--9zRw2 {
  border-color: var(--basic-on-bg-input);
}

.input--9zRw2:focus,
.input--9zRw2:focus-within {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
  outline: none;
}

.text-input--ryGWK[data-size="sm"] .input--9zRw2,
.text-input--ryGWK[data-size="sm"] .read-only-value--1IQC1 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

.text-input--ryGWK[data-size="md"] .input--9zRw2,
.text-input--ryGWK[data-size="md"] .read-only-value--1IQC1 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
}

.text-input--ryGWK[data-size="lg"] .input--9zRw2,
.text-input--ryGWK[data-size="lg"] .read-only-value--1IQC1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.input--9zRw2[data-error],
.input--9zRw2[data-invalid] {
  border-color: var(--basic-on-bg-alert);
}

.input--9zRw2[data-error]:hover,
.input--9zRw2[data-invalid]:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.input--9zRw2[data-error]:focus,
.input--9zRw2[data-invalid]:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.input--9zRw2[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.read-only-value--1IQC1 {
  word-break: break-word;
}

.description--tdUws {
  grid-area: description;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--basic-on-bg-grey-01);
  margin: 4px 0 0;
}

.error--nC3PT {
  grid-area: error;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--basic-on-bg-alert);
  margin: 4px 0 0;
  display: flex;
  flex-direction: column;
}

.error--nC3PT[data-variant="simple"] {
  margin-top: 16px;
  text-align: center;
}

.icons--jsi08 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.icon---v75P {
  position: absolute !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s !important;
}

.icon_active--e66BW {
  opacity: 1;
  visibility: visible;
}

.visibility-toggle--nhbIX {
  position: absolute;
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  fill: var(--basic-on-bg-grey-01);
}

.visibility-toggle--nhbIX:hover {
  fill: var(--basic-on-bg-secondary);
}

.visibility-toggle--nhbIX:active {
  fill: var(--basic-on-bg-primary);
}

.unit--MkRyo {
  min-width: 24px;
  height: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
  position: absolute;
  text-align: center;
}

.text-input--ryGWK[data-size="sm"] .icon---v75P,
.text-input--ryGWK[data-size="sm"] .visibility-toggle--nhbIX,
.text-input--ryGWK[data-size="sm"] .unit--MkRyo {
  top: 8px;
  right: 8px;
}

.text-input--ryGWK[data-size="md"] .icon---v75P,
.text-input--ryGWK[data-size="md"] .visibility-toggle--nhbIX,
.text-input--ryGWK[data-size="md"] .unit--MkRyo {
  top: 10px;
  right: 10px;
}

.text-input--ryGWK[data-size="lg"] .icon---v75P,
.text-input--ryGWK[data-size="lg"] .visibility-toggle--nhbIX,
.text-input--ryGWK[data-size="lg"] .unit--MkRyo {
  top: 12px;
  right: 12px;
}

.text-input--ryGWK .arrow--rIVQS {
  position: absolute;
}

.text-input--ryGWK .arrow-up--2oci9 {
  top: 0;
  right: 0;
  transform: rotate(180deg) translateX(-100%);
  transform-origin: 0 0;
}

.text-input--ryGWK[data-size="sm"] .arrow--rIVQS {
  top: 16px;
  right: 6px;
  padding: 1px 5px !important;
}

.text-input--ryGWK[data-size="md"] .arrow--rIVQS {
  top: 20px;
  right: 9px;
  padding-top: 2px !important;
}

.text-input--ryGWK[data-size="lg"] .arrow--rIVQS {
  top: 24px;
  right: 13px;
  padding-top: 2px !important;
}
.checkbox--tDv5p[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "label inner description"
    "label inner error";
  grid-template-columns: auto 18px auto;
  align-items: flex-start;
}

  .checkbox--tDv5p[data-variant="string"] .label--Y0ebb {
    margin-right: 16px;
    color: var(--basic-on-bg-secondary);
  }

  .checkbox--tDv5p[data-variant="string"][data-size="sm"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="string"][data-size="sm"] .error--Rjap- {
      margin-left: 6px;
    }

  .checkbox--tDv5p[data-variant="string"][data-size="md"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="string"][data-size="md"] .error--Rjap- {
      margin-left: 8px;
    }

  .checkbox--tDv5p[data-variant="string"][data-size="lg"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="string"][data-size="lg"] .error--Rjap- {
      margin-left: 10px;
    }

.checkbox--tDv5p[data-variant="content-left"] {
  display: grid;
  grid-template-areas:
    "label inner"
    "description inner"
    "error inner";
  grid-template-columns: auto 18px;
}

.checkbox--tDv5p[data-variant="content-left"] .label--Y0ebb {
    color: var(--basic-on-bg-primary);
  }

.checkbox--tDv5p[data-variant="content-left"][data-size="sm"] .label--Y0ebb,
    .checkbox--tDv5p[data-variant="content-left"][data-size="sm"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="content-left"][data-size="sm"] .error--Rjap- {
      margin-right: 6px;
    }

.checkbox--tDv5p[data-variant="content-left"][data-size="md"] .label--Y0ebb,
    .checkbox--tDv5p[data-variant="content-left"][data-size="md"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="content-left"][data-size="md"] .error--Rjap- {
      margin-right: 8px;
    }

.checkbox--tDv5p[data-variant="content-left"][data-size="lg"] .label--Y0ebb,
    .checkbox--tDv5p[data-variant="content-left"][data-size="lg"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="content-left"][data-size="lg"] .error--Rjap- {
      margin-right: 10px;
    }

.checkbox--tDv5p[data-variant="content-right"] {
  display: grid;
  grid-template-areas:
    "inner label"
    "inner description"
    "inner error";
  grid-template-columns: 18px auto;
}

.checkbox--tDv5p[data-variant="content-right"] .label--Y0ebb {
    color: var(--basic-on-bg-primary);
  }

.checkbox--tDv5p[data-variant="content-right"][data-size="sm"] .label--Y0ebb,
    .checkbox--tDv5p[data-variant="content-right"][data-size="sm"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="content-right"][data-size="sm"] .error--Rjap- {
      margin-left: 6px;
    }

.checkbox--tDv5p[data-variant="content-right"][data-size="md"] .label--Y0ebb,
    .checkbox--tDv5p[data-variant="content-right"][data-size="md"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="content-right"][data-size="md"] .error--Rjap- {
      margin-left: 8px;
    }

.checkbox--tDv5p[data-variant="content-right"][data-size="lg"] .label--Y0ebb,
    .checkbox--tDv5p[data-variant="content-right"][data-size="lg"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="content-right"][data-size="lg"] .error--Rjap- {
      margin-left: 10px;
    }

:is(.checkbox--tDv5p[data-variant="string"], .checkbox--tDv5p[data-variant="content-left"], .checkbox--tDv5p[data-variant="content-right"])[data-size="sm"] .label--Y0ebb {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.checkbox--tDv5p[data-variant="string"], .checkbox--tDv5p[data-variant="content-left"], .checkbox--tDv5p[data-variant="content-right"])[data-size="md"] .label--Y0ebb {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.checkbox--tDv5p[data-variant="string"], .checkbox--tDv5p[data-variant="content-left"], .checkbox--tDv5p[data-variant="content-right"])[data-size="lg"] .label--Y0ebb {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

.checkbox--tDv5p[data-variant="column"] {
  display: grid;
  grid-template-areas:
    "label label"
    "inner description"
    "inner error";
}

.checkbox--tDv5p[data-variant="column"] .label--Y0ebb {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.checkbox--tDv5p[data-variant="column"][data-size="sm"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="column"][data-size="sm"] .error--Rjap- {
      margin-left: 6px;
    }

.checkbox--tDv5p[data-variant="column"][data-size="md"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="column"][data-size="md"] .error--Rjap- {
      margin-left: 8px;
    }

.checkbox--tDv5p[data-variant="column"][data-size="lg"] .description--FcrvF,
    .checkbox--tDv5p[data-variant="column"][data-size="lg"] .error--Rjap- {
      margin-left: 10px;
    }

.checkbox--tDv5p[data-color="white"] {
  background-color: var(--basic-bg-foreground);
  border-radius: 4px;
  padding: 4px 8px;
}

.inner--Xqek2 {
  grid-area: inner;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
  margin: 3px 0;
}

.input--Oc0Ck {
  appearance: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 3;
}

.inner--Xqek2::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  border: 2px solid var(--basic-on-bg-grey-01);
  transition: border-color 0.3s;
}

.inner--Xqek2:not(:has(.input--Oc0Ck:disabled)):hover::after {
  border-color: var(--button-secondary-border-hover);
}

.checkbox--tDv5p[data-error] .inner--Xqek2::after {
  border-color: var(--basic-on-bg-alert);
}

.checkbox--tDv5p[data-error] .inner--Xqek2:hover::after {
  border-color: var(--basic-on-bg-alert-hover);
}

.icon--tNU1C {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s, fill 0.3s;
  z-index: 2;
  fill: var(--button-secondary-border-active);
}

.checkbox--tDv5p[data-checked] .inner--Xqek2 .icon--tNU1C {
  opacity: 1;
}

.checkbox--tDv5p[data-checked] .inner--Xqek2:hover .icon--tNU1C {
  fill: var(--button-secondary-border-hover);
}

.checkbox--tDv5p[data-checked][data-error] .inner--Xqek2 .icon--tNU1C {
  fill: var(--basic-on-bg-alert);
}

.checkbox--tDv5p[data-checked][data-error]:hover .inner--Xqek2 .icon--tNU1C {
  fill: var(--basic-on-bg-alert-hover);
}

.checkbox--tDv5p .inner--Xqek2 .input--Oc0Ck:disabled {
  cursor: default;
}

.checkbox--tDv5p .inner--Xqek2:has(.input--Oc0Ck:disabled) .icon--tNU1C,
.checkbox--tDv5p .inner--Xqek2:has(.input--Oc0Ck:disabled):hover .icon--tNU1C {
  fill: var(--button-primary-bg-disabled);
}

.body--RRkL5,
.label-wrapper--VvOjB {
  display: contents;
}

.label--Y0ebb {
  grid-area: label;
}

.description--FcrvF {
  grid-area: description;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-grey-01);
  margin: 3px 0;
}

.error--Rjap- {
  grid-area: error;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-alert);
  margin: 3px 0;
  display: flex;
  flex-direction: column;
}
.checkbox--txHc4[data-variant="string"] {
    grid-template-columns: 196px 18px 1fr !important;
  }

    @media (min-width: 768px) and (max-width: 10000px) {

    .checkbox--txHc4[data-variant="string"] .label--VbUuu {
        width: 180px
    }
      }
  @media (min-width: 768px) and (max-width: 10000px) {
  .checkbox--txHc4[data-variant="content-right"] {
      margin-left: 196px
  }
    }

.checkbox_readonly--0pXaY[data-variant="string"] {
    grid-template-columns: 196px 34px 1fr !important;
  }

@media (min-width: 768px) and (max-width: 10000px) {

.checkbox_readonly--0pXaY[data-variant="content-right"] {
      grid-template-columns: 34px calc(100% - 34px)
  }
    }

.checkbox-track--FI-wH {
  margin-left: 16px;
}
.checkbox-group--IvhjJ[data-variant="string"] {
  display: flex;
  flex-direction: row;
}

  .checkbox-group--IvhjJ[data-variant="string"] .label--OxNEk {
    color: var(--basic-on-bg-secondary);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-right: 16px;
  }

  .checkbox-group--IvhjJ[data-variant="string"][data-readonly="true"] .options--9xvRy {
    padding: 0 16px;
  }

.checkbox-group--IvhjJ[data-variant="column"] .options--9xvRy,
.checkbox-group--IvhjJ[data-variant="string"] .options--9xvRy {
  display: grid;
  gap: 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.checkbox-group--IvhjJ[data-variant="column"] .options--9xvRy,
.checkbox-group--IvhjJ[data-variant="string"] .options--9xvRy {
    grid-template-columns: repeat(var(--columns-amount), 1fr)
}
  }

@media (max-width: 767px) {

.checkbox-group--IvhjJ[data-variant="column"] .options--9xvRy,
.checkbox-group--IvhjJ[data-variant="string"] .options--9xvRy {
    grid-template-columns: repeat(var(--columns-amount), minmax(auto, 226px))
}
  }

.checkbox-group--IvhjJ[data-variant="column"] {
  display: flex;
  flex-direction: column;
}

.checkbox-group--IvhjJ[data-variant="column"] .label--OxNEk {
    color: var(--basic-on-bg-secondary);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }

.checkbox-group--IvhjJ[data-variant="column"] .options_max-height--Vnl9N {
    max-height: calc(42px * 3 + 16px * 2);
    overflow: auto;
  }

.error--gfkU6 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-alert);
  margin: 8px 0 0;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  flex-direction: column;
}
.group--GztwY {
  width: 100%;
  padding: 12px 0;
}

.group--GztwY[data-variant="string"] .label--s4mUh {
    width: 180px;
  }

.group--GztwY[data-variant="string"] .wrapper--BqlUW {
    width: calc(100% - 196px);
  }

.group--GztwY[data-variant="string"] .wrapper--BqlUW:first-child {
    width: 100%;
  }

.group--GztwY[data-variant="string"] .checkbox--8SF1A {
    width: 100%;
  }

.group--GztwY[data-variant="column"] .checkbox--8SF1A {
  width: 100%;
}
.pill--Z8UG4 {
  appearance: none;
  border: 0;
  cursor: default;
  display: flex;
  align-items: center;
  transition: background-color 0.3s, color 0.3s;
}

.pill--Z8UG4[color="gray"] {
  color: var(--basic-on-bg-primary);
  background-color: var(--status-tint-hold);
}

.pill--Z8UG4[color="gray"] .remove--EqSTB {
    fill: var(--basic-on-bg-grey-01);
  }

.pill--Z8UG4[color="gray"] .remove--EqSTB:hover {
    fill: var(--basic-on-bg-secondary);
  }

.pill--Z8UG4[color="gray"] .remove--EqSTB:active {
    fill: var(--basic-on-bg-primary);
  }

.pill--Z8UG4[color="red"] {
  color: var(--basic-bg-foreground);
  background-color: var(--basic-on-bg-alert);
}

.pill--Z8UG4[color="red"] .remove--EqSTB {
    fill: var(--basic-bg-foreground);
  }

.pill--Z8UG4[color="red"] .remove--EqSTB:hover,
  .pill--Z8UG4[color="red"] .remove--EqSTB:active {
    fill: var(--basic-bg-hover);
  }

.pill--Z8UG4[data-size="xs"] {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 4px;
  letter-spacing: 0.4px;
}

.pill--Z8UG4[data-size="sm"] {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 4px;
  letter-spacing: 0.5px;
}

.pill--Z8UG4[data-size="md"] {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  padding: 4px 8px;
  letter-spacing: 0.4px;
}

.pill--Z8UG4[data-size="lg"] {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  letter-spacing: 0.25px;
}

.pill--Z8UG4[data-variant="squared"][data-size="xs"] {
    border-radius: 4px;
  }

.pill--Z8UG4[data-variant="squared"][data-size="sm"] {
    border-radius: 4px;
  }

.pill--Z8UG4[data-variant="squared"][data-size="md"] {
    border-radius: 6px;
  }

.pill--Z8UG4[data-variant="squared"][data-size="lg"] {
    border-radius: 8px;
  }

.pill--Z8UG4[data-variant="rounded"][data-size="xs"] {
    border-radius: 20px;
  }

.pill--Z8UG4[data-variant="rounded"][data-size="sm"] {
    border-radius: 20px;
  }

.pill--Z8UG4[data-variant="rounded"][data-size="md"] {
    border-radius: 20px;
  }

.pill--Z8UG4[data-variant="rounded"][data-size="lg"] {
    border-radius: 20px;
  }

.pill--Z8UG4[hidden] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.label--ipSqA {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pill--Z8UG4[data-size="xs"] .label--ipSqA {
  gap: 0;
}

.label-inner--WB7i6 {
  display: flex;
  justify-content: center;
}

.pill--Z8UG4[data-variant="rounded"] .label-inner--WB7i6 {
  min-width: 12px;
}

.pill--Z8UG4[data-variant="rounded"] .label-inner--WB7i6:not(.pill--Z8UG4[data-variant="rounded"] .label-inner--WB7i6:only-child) {
    flex-shrink: 0;
  }

.remove--EqSTB {
  cursor: pointer;
}
.tooltip--BpbG- {
  position: absolute;
  background-color: var(--basic-on-bg-secondary);
  color: var(--basic-on-bg-on-accent);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding: 4px 8px;
  border-radius: 4px;
  max-width: 328px;
  word-break: break-word;
  transform: translateY(calc(100% + 16px));
  z-index: 5000 !important;
}
.pills--h9jI- {
  display: flex;
  align-items: center;
  position: relative;
}

.pills--h9jI-[data-variant="string"] {
  flex-wrap: nowrap;
}

.pills--h9jI-[data-variant="column"] {
  flex-wrap: wrap;
}

.pills--h9jI-[data-size="sm"] {
  gap: 4px;
}

.pills--h9jI-[data-size="md"] {
  gap: 6px;
}

.pills--h9jI-[data-size="lg"] {
  gap: 8px;
}

.more-column--FXriT {
  width: 100%;
  justify-content: flex-start !important;
}

.pills--h9jI-[data-size="sm"] .more-column--FXriT {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pills--h9jI-[data-size="md"] .more-column--FXriT {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.pills--h9jI-[data-size="lg"] .more-column--FXriT {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.more-column-label--2QDh4 {
  font-weight: 400;
}

.more-string--g9YDl {
  opacity: 0;
  visibility: hidden;
}

.more-string_visible--rPNL9 {
  opacity: 1;
  visibility: visible;
}
.dropdown--KYr-s {
  z-index: 5000 !important;
  opacity: 0;
  visibility: hidden;
  display: block !important;
}

  @media not ((max-width: 767px)) {.dropdown--KYr-s {
    position: absolute;
    transition: opacity 0.3s, visibility 0.3s
}
  }

  @media (max-width: 767px) {.dropdown--KYr-s {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s
}
  }

.dropdown--KYr-s[data-opened] {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {

.dropdown--KYr-s[data-opened] {
    transition: opacity 0.3s, visibility 0.3s
}
  }

.overlay--SaiJo {
  background-color: var(--basic-bg-overlay);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content--jsuHf {
  background-color: var(--basic-bg-foreground);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  overflow: auto;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.content--jsuHf {
    border-radius: 8px;
    max-height: 264px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.content--jsuHf {
    border-radius: 8px;
    max-height: 264px
}
  }

@media (max-width: 767px) {

.content--jsuHf {
    border-radius: 8px 8px 0 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: calc(100% - 20px);
    z-index: 2;
    transform: translateY(100%);
    transition: transform 0.4s
}
  }

@media (max-width: 767px) {

.content_full-height--EqmRo {
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column
}
  }

@media (max-width: 767px) {

.dropdown--KYr-s[data-opened] .content--jsuHf {
    transform: translateY(0);
    transition: transform 0.4s 0.1s
}
  }

.title-wrapper--aL00o {
  display: flex;
  gap: 44px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 16px;
  position: sticky;
  top: 0;
  background-color: var(--basic-bg-foreground);
  z-index: 5;
}

.title--vDfei {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

.close-button--Hx6la {
  margin-top: 4px;
}

.search--MLPgt {
  padding: 8px 16px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.options--z0THi {
    padding: 0
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.options--z0THi {
    padding: 8px
}
  }

@media (max-width: 767px) {

.options--z0THi {
    padding: 8px 8px 32px
}
  }

.option--Elbzj {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  white-space: normal;
  border: 0;
  background-color: transparent;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--basic-on-bg-primary);
  cursor: pointer;
  gap: 8px;
  transition: background-color 0.3s;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.option--Elbzj {
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.option--Elbzj {
    border-radius: 8px;
    padding: 10px 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.option--Elbzj:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.option--Elbzj:hover {
    background-color: var(--basic-bg-hover)
}
  }

.option--Elbzj[data-checked] {
  color: var(--basic-on-bg-link);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.option--Elbzj[data-checked] {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.option--Elbzj[data-checked] {
    background-color: var(--basic-bg-hover)
}
  }

.loader--U4eOq {
  width: 100%;
  height: 0;
}
.gray--v9MDY {
  color: var(--basic-on-bg-grey-01);
}
@media (min-width: 1280px) and (max-width: 10000px) {.options--Dmtd8 {
    padding: 0
}
  }
  @media (max-width: 1279px) {.options--Dmtd8 {
    padding: 0 8px
}
  }

.top-actions--vRgdm {
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 768px) and (max-width: 10000px) {

.top-actions--vRgdm {
    padding: 17px 16px 10px
}
  }

@media (max-width: 767px) {

.top-actions--vRgdm {
    position: relative;
    z-index: auto;
    padding: 10px 16px
}
  }

.top-actions--vRgdm:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8px;
    width: calc(100% - 16px);
    border-bottom: 1px solid var(--basic-on-bg-stroke);
  }

@media (max-width: 767px) {

.inner-content--h58tK {
    flex-grow: 1;
    align-content: flex-start;
    display: flex;
    flex-direction: column
}
  }

.bottom-actions--XK-cp {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 768px) and (max-width: 10000px) {

.bottom-actions--XK-cp {
    padding: 10px 16px 17px
}
  }

@media (max-width: 767px) {

.bottom-actions--XK-cp {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.inner-content--h58tK:empty + .bottom-actions--XK-cp {
    padding: 17px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.inner-content--h58tK:not(:has(.top-actions--vRgdm)) .options--Dmtd8 {
    padding-top: 8px
}
  }

.select-all-text--6y8uc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-primary) !important;
}

.group--MX5wT {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.group--MX5wT:empty {
  display: none;
}
.select--nsw7Y {
  position: relative;
}

.input--WFrP6 {
  cursor: pointer;
}

.input_searchable--IAzTC {
  cursor: text;
}

.arrow--logNe {
  position: absolute !important;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s !important;
}

.arrow_active--NHuzB {
  opacity: 1;
  visibility: visible;
}

.select--nsw7Y[data-size="sm"] .arrow--logNe {
  top: 12px;
  right: 11px;
}

.select--nsw7Y[data-size="md"] .arrow--logNe {
  top: 16px;
  right: 15px;
}

.select--nsw7Y[data-size="lg"] .arrow--logNe {
  top: 20px;
  right: 19px;
}

.spinner--VoHZH {
  position: absolute !important;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.spinner_active--3Byb2 {
  opacity: 1;
  visibility: visible;
}

.select--nsw7Y[data-size="sm"] .spinner--VoHZH {
  top: 9px;
  right: 9px;
}

.select--nsw7Y[data-size="md"] .spinner--VoHZH {
  top: 12px;
  right: 12px;
}

.select--nsw7Y[data-size="lg"] .spinner--VoHZH {
  top: 15px;
  right: 15px;
}

.select--nsw7Y:has([data-expanded]) .arrow--logNe {
  transform: rotate(180deg);
}
.select--ho8dI[data-variant][data-size="sm"] .input--b-qpW[data-variant] {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .select--ho8dI[data-variant][data-size="sm"] .input--b-qpW[data-variant]:focus-within {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .select--ho8dI[data-variant][data-size="md"] .input--b-qpW[data-variant] {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .select--ho8dI[data-variant][data-size="md"] .input--b-qpW[data-variant]:focus-within {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .select--ho8dI[data-variant][data-size="lg"] .input--b-qpW[data-variant] {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .select--ho8dI[data-variant][data-size="lg"] .input--b-qpW[data-variant]:focus-within {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .select--ho8dI[data-variant][data-size="sm"] .pills--c5ZNa {
    min-height: 26px;
  }
  .select--ho8dI[data-variant][data-size="md"] .pills--c5ZNa {
    min-height: 28px;
  }
  .select--ho8dI[data-variant][data-size="lg"] .pills--c5ZNa {
    min-height: 32px;
  }
  .select--ho8dI[data-variant][data-variant="column"] .input--b-qpW[data-readonly] {
    padding: 0;
  }

.inner-input--XIHM2,
.inner-input--XIHM2:focus {
  background-color: transparent;
  padding: 0;
  border: 0;
  outline: none;
  display: block;
}

.inner-input_read-only--rBafT {
  width: 0px;
}

.select--ho8dI[data-size="sm"] .inner-input--XIHM2 {
  height: 24px;
}

.select--ho8dI[data-size="md"] .inner-input--XIHM2 {
  height: 28px;
}

.select--ho8dI[data-size="lg"] .inner-input--XIHM2 {
  height: 32px;
}
.container--Je--U {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.search-container--bvjXO {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 767px) {

.search-container--bvjXO {
    flex-direction: column;
    gap: 16px
}
  }

.search-input-container--HXDgm {
  width: 100%;
}

.search-input--Bx5ux {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {

.search-input--Bx5ux {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
  }

.search-button--fUes9 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  position: relative;
  transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s, color 0.3s, fill 0.3s;
  background-color: transparent;
  border-style: solid;
  border-color: var(--basic-on-bg-stroke);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  flex-shrink: 0;
  text-align: left;
  justify-content: flex-start;
}

@media (min-width: 768px) and (max-width: 10000px) {

.search-button--fUes9 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 1px 1px 1px 0;
    width: 200px;
    padding: 9px 16px 9px 10px
}
  }

@media (max-width: 767px) {

.search-button--fUes9 {
    border-width: 1px;
    width: 100%;
    padding: 9px 16px 9px 10px
}
  }

.search-button--fUes9:hover:not(.search-button-active--BIDNe) {
    border-color: var(--basic-on-bg-input);
  }

@media (min-width: 768px) and (max-width: 10000px) {

.search-button--fUes9:hover:not(.search-button-active--BIDNe) {
      box-shadow: -1px 0px 0px 0px var(--basic-on-bg-input)
  }
    }

@media (max-width: 767px) {

.search-button--fUes9:hover:not(.search-button-active--BIDNe) {
      border-width: 1px
  }
    }

.search-button--fUes9.search-button-active--BIDNe,
  .search-button--fUes9:active {
    border-color: var(--basic-on-bg-input);
  }

@media (min-width: 768px) and (max-width: 10000px) {

.search-button--fUes9.search-button-active--BIDNe,
  .search-button--fUes9:active {
      box-shadow:
        inset 0px -1px 0px 0px var(--basic-on-bg-input), inset 0px 1px 0px 0px var(--basic-on-bg-input), inset -1px 0px 0px 0px var(
          --basic-on-bg-input
        ), -2px 0px 0px 0px var(--basic-on-bg-input)
  }
    }

@media (max-width: 767px) {

.search-button--fUes9.search-button-active--BIDNe,
  .search-button--fUes9:active {
      box-shadow: inset 0px 0px 0px 1px var(--basic-on-bg-input)
  }
    }

.search-button-active--BIDNe .search-button-section--dEpKZ[data-position="right"] {
  transform: rotate(180deg);
}

.search-button-inner--lLwx7 {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  letter-spacing: 0.1px;
  gap: 8px;
  transition: opacity 0.3s;
  width: 100%;
}

.search-button-section--dEpKZ {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s;
}

.search-button-section--dEpKZ[data-position="right"] {
    margin-left: auto;
    color: var(--basic-on-bg-grey-01);
    fill: var(--basic-on-bg-grey-01);
  }

.popover-container--ynJF3 {
  position: absolute;
  z-index: 3000;
}

@media (max-width: 767px) {

.multiselect-value---EHd6 {
    display: none !important
}
  }
.copyright--vWAnr {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .1px;
  word-break: break-word;
}

  .copyright--vWAnr[data-color="gray"] {
    color: var(--basic-on-bg-secondary);
  }

  .copyright--vWAnr[data-color="white"] {
    color: var(--common_white);
    opacity: 0.6;
  }

  .copyright--vWAnr span {
    margin: 0 8px;
  }
.datepicker--BAYOF {
  user-select: none;
}

.header--N3Qvi {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-control--wGldP {
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: var(--basic-on-bg-primary);
  margin: 4px;
}

.header-control--wGldP:first-child {
    transform: rotate(90deg);
  }

.header-control--wGldP:last-child {
    transform: rotate(-90deg);
  }

.header-level--Vzbul {
  appearance: none;
  background-color: transparent;
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.1px;
  color: var(--button-tertiary-on-bg-active);
  flex-grow: 1;
  text-align: center;
  height: 32px;
  margin: 4px;
}

.header-level--Vzbul[tabindex="0"] {
  cursor: pointer;
}

.years-list--ox3Gx,
.months-list--IwMat,
.month---h8nc {
  margin-top: 8px;
}

.weekday--uVKgq {
  font-weight: 500;
  font-size: 12px;
  line-height: 32px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
  text-transform: uppercase;
  padding: 0;
  width: 32px;
  height: 32px;
  padding: 4px;
}

.cell--y5izb {
  padding: 4px;
}

.control--S9tF3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0.25px;
  border: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  color: var(--basic-on-bg-primary);
  transition: color 0.2s;
  position: relative;
  background-origin: padding-box;
}

.control--S9tF3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: background-color 0.3s;
    border-radius: 16px;
  }

.control--S9tF3::after {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    right: -4px;
    height: 32px;
    z-index: -2;
    opacity: 0;
    background-color: var(--basic-bg-hover);
  }

.control--S9tF3[data-in-range]::after {
    opacity: 1;
  }

.control--S9tF3[data-first-in-range]::after {
    left: 0;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }

.control--S9tF3[data-last-in-range]::after {
    right: 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
  }

.control--S9tF3[data-first-in-range][data-last-in-range]::after {
    opacity: 0;
  }

.control--S9tF3[data-outside] {
    color: var(--basic-on-bg-grey-02);
  }

.control--S9tF3[data-today] {
    color: var(--basic-bg-accent);
  }

.control--S9tF3[data-selected] {
    color: var(--basic-on-bg-on-accent);
  }

.control--S9tF3[data-selected]::before {
      background-color: var(--button-primary-bg-active);
    }

.control--S9tF3:hover {
    color: var(--basic-on-bg-on-accent);
  }

.control--S9tF3:hover::before {
      background-color: var(--button-primary-bg-hover);
    }

.month---h8nc:has([data-in-range])
  .cell--y5izb:has(.control--S9tF3[data-in-range]):not(:has(+ .cell--y5izb .control--S9tF3[data-in-range]))
  .control--S9tF3::after,
.cell--y5izb:last-child .control--S9tF3::after,
.cell--y5izb:has(+ .cell--y5izb .control--S9tF3[data-hidden]) .control--S9tF3::after {
  right: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.month---h8nc:has([data-in-range])
  .cell--y5izb:not(:has(.control--S9tF3[data-in-range])):has(+ .cell--y5izb .control--S9tF3[data-in-range])
  + .cell--y5izb
  .control--S9tF3::after,
.cell--y5izb:first-child .control--S9tF3::after,
.cell--y5izb:has(.control--S9tF3[data-hidden]) + .cell--y5izb .control--S9tF3::after {
  left: 0;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.year-control--Njhe6,
.month-control--gjTTh {
  width: calc(256px / 3);
  height: 32px;
}

.day-control--Bfcug {
  width: 32px;
  height: 32px;
}
.detail--gjX7Y {
  display: flex;
  overflow: inherit;
  align-items: center;
  gap: 8px;
}

.detail--gjX7Y[data-disabled="true"] {
  color: var(--basic-on-bg-grey-01);
}

.detail-content--NgylN {
  overflow: inherit;
  padding: 1px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.title--T78hq {
  font-size: 14px;
  line-height: 24px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.title--T78hq {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
  }

.title-link--I6y0Z {
  display: block;
}

.title-button-link--NXRpF {
  display: block;
  border: 0;
  color: var(--basic-on-bg-link);
  transition: color 0.3s;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  padding: 0;
}

.description--Gq3JK {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
}

.tags--KN9EC {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}
.tag--LqMi5 {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.tag--LqMi5[data-color="gray"] {
  color: var(--basic-on-bg-grey-01);
}

.tag--LqMi5[data-color="red"] {
  color: var(--status-primary-alert);
}
.root--B3E3j {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 3000;
}

.inner--afqbH {
  display: flex;
  position: absolute;
  justify-content: flex-end;
  inset: 0;
  overflow: hidden;
  z-index: 300;
}

.content--mWmeX {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: var(--basic-bg-foreground);
  pointer-events: auto;
  height: calc(100vh - 85px);
}

.overlay--f8y12 {
  position: absolute;
  inset: 0;
  background-color: var(--basic-bg-overlay);
  pointer-events: auto;
  z-index: 100;
}

.root--B3E3j[data-position="left"] .inner--afqbH {
  justify-content: flex-start;
}

.root--B3E3j[data-position="right"] .inner--afqbH {
  justify-content: flex-end;
}

.root--B3E3j[data-position="top"] .inner--afqbH {
  flex-direction: column;
  justify-content: flex-start;
}

.root--B3E3j[data-position="bottom"] .inner--afqbH {
  flex-direction: column;
}

.root--B3E3j[data-position="right"] .content--mWmeX {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.root--B3E3j[data-position="left"] .content--mWmeX {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.root--B3E3j[data-position="top"] .content--mWmeX {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.root--B3E3j[data-position="bottom"] .content--mWmeX {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.header--NBqV8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px 0;
}

.title--6a6VM {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
}

.body--eBbnQ {
  height: 100%;
}

.close--lcITi {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--basic-on-bg-primary);
  font-size: 1.5rem;
  line-height: 1;
  padding: 0;
}

.close--lcITi:hover {
  color: var(--basic-on-bg-primary);
}
.dropzone---x-xA {
  cursor: pointer;
  grid-area: wrapper;
}

  .dropzone---x-xA input {
    display: none;
  }

.dropzone---x-xA[data-variant="string"],
.dropzone---x-xA[data-variant="column"] {
  min-height: 56px;
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  padding: 15px 45px;
  transition: border-color 0.3s;
  background-color: var(--common_white);
}

.dropzone---x-xA[data-variant="string"]:hover, .dropzone---x-xA[data-variant="column"]:hover {
    border-color: var(--basic-on-bg-input);
  }

.dropzone---x-xA[data-error="true"] {
  border-color: var(--basic-on-bg-alert);
}

.dropzone---x-xA[data-error="true"]:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.dropzone---x-xA[data-error="true"]:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.label--smO00[data-variant="string"] {
  min-height: 56px !important;
}

.content--fV0nq {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.dropzone---x-xA[data-variant="string"] .content--fV0nq,
.dropzone---x-xA[data-variant="column"] .content--fV0nq {
  color: var(--basic-on-bg-secondary);
}

.dropzone---x-xA[data-variant="simple"] .content--fV0nq {
  gap: 16px;
}
.preview-wrapper--eMoBS {
  grid-area: description;
  display: grid;
  grid-template-columns: repeat(auto-fit, 70px);
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.preview-wrapper--eMoBS {
    margin-top: 8px
}
  }

  @media (max-width: 767px) {.preview-wrapper--eMoBS {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 12px
}
  }

.no-dropzone-margin--VIqTg {
  margin-top: 0;
}

.preview-file--Azjks {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  text-decoration: auto;
}

@media (max-width: 767px) {

.preview-file--Azjks {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--basic-on-bg-stroke);
    background-color: var(--basic-bg-foreground)
}
  }

@media (max-width: 767px) {

.preview-file-read-only--rlIoi {
    width: 100%;
    height: 46px;
    padding: 0;
    background-color: transparent;
    border: 0
}
  }

.preview-image-wrapper--mQIyN {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 10000px) {

.preview-image-wrapper--mQIyN {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    border: 1px solid var(--basic-on-bg-stroke);
    background-color: var(--basic-bg-foreground)
}
  }

@media (max-width: 767px) {

.preview-image-wrapper--mQIyN {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--basic-bg-emphasis)
}
  }

.preview-image--Kz5eT {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 2;
}

.preview-file-ext--8fY2T {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--basic-on-bg-secondary);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.preview-image--Kz5eT + .preview-file-ext--8fY2T {
  opacity: 0;
}

.preview-file-name--EOpod {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 10000px) {

.preview-file-name--EOpod {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    color: var(--basic-on-bg-link)
}
  }

@media (max-width: 767px) {

.preview-file-name--EOpod {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--basic-on-bg-link)
}
  }

.preview-remove--d22EI {
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}

@media (min-width: 768px) and (max-width: 10000px) {

.preview-remove--d22EI {
    background-color: var(--basic-on-bg-primary) !important;
    top: -3px !important;
    right: -5px !important
}
  }

@media (max-width: 767px) {

.preview-remove--d22EI {
    border: 0 !important;
    right: 10px !important
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.preview-remove-icon--hbjkk {
    fill: var(--basic-on-bg-on-accent)
}
  }

@media (max-width: 767px) {

.preview-remove-icon--hbjkk {
    fill: var(--basic-on-bg-alert)
}
  }

.empty--xLKhn {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.empty--xLKhn[data-variant="string"] {
  padding-left: 16px;
  line-height: 56px;
}

.preview-wrapper--eMoBS[data-read-only="true"][data-variant="string"],
.empty--xLKhn[data-read-only="true"][data-variant="string"] {
  padding: 0 16px;
}
.controls--D7gQG {
  display: flex;
  gap: 8px;
  max-height: 32px;
}

  .controls--D7gQG[data-editing="true"] {
    margin-left: 16px;
  }

  @media (max-width: 767px) {

  .controls--D7gQG[data-editing="true"] {
      margin-left: auto
  }
    }

  .controls--D7gQG[data-editing="false"] {
    margin-left: auto;
  }

  @media (min-width: 768px) and (max-width: 10000px) {.controls--D7gQG {
    margin-top: 8px
}
  }
.field-drawer--9yWl0 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.field-drawer-content--7kVtj {
  flex-grow: 1;
  padding: 0 16px;
}

.field-drawer-button--EmKIf {
  border-top: 1px solid var(--basic-on-bg-stroke);
}

.drawer-button--9jH9z {
  font-size: 15px !important;
  font-weight: 400 !important;
  margin-left: auto;
}
.text-input--I4aE7 {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {

.text-input--I4aE7:has(.label--NPKcn) {
    grid-template-columns: 196px calc(100% - 196px)
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--NPKcn[data-variant="string"] {
    width: 180px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--NPKcn + .wrapper--HkefO {
    max-width: 100%
}
  }

.wrapper--HkefO {
  width: 100%;
}

.field-container--0bsbQ {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.dropzone--7nUfb {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {

.dropzone--7nUfb:has(.label--aU2LC) {
    grid-template-columns: 196px calc(100% - 196px)
}
  }
.root--64Mgs {
  position: relative;
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  grid-area: wrapper;
}

.toolbar--yHyvB {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 0 3px;
  background: linear-gradient(
    to bottom,
    var(--basic-on-bg-grey-03) 0%,
    var(--basic-on-bg-grey-03) calc(100% - 1px),
    var(--basic-on-bg-stroke) calc(100% - 1px),
    var(--basic-on-bg-stroke) 100%
  );
  background-size: 100% 35px;
  background-repeat: repeat-y;
}

.toolbar--yHyvB[data-sticky] {
    position: sticky;
  }

.controls-group--mlaPV {
  display: flex;
  align-items: center;
  position: relative;
}

.controls-group--mlaPV::after {
    content: " ";
    display: block;
    width: 1px;
    height: 25px;
    background: var(--basic-on-bg-stroke);
    margin: 5px;
  }

.control--GVSPR {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: default;
  outline: none;
  border: none;
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-on-bg-grey-03);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, fill 0.3s;
  padding: 0;
  margin: 0 4px;
  min-width: 26px;
  height: 26px;
}

.control--GVSPR[data-disabled] {
    cursor: not-allowed;
    color: var(--basic-on-bg-primary);
    background-color: var(--basic-on-bg-grey-03);
  }

.control--GVSPR[data-interactive]:not([data-disabled]) {
    cursor: pointer;
  }

.control--GVSPR[data-active] {
    background-color: var(--basic-on-bg-grey-02);
  }

.control--GVSPR:not([data-disabled]):hover {
    background-color: var(--basic-on-bg-grey-02);
  }

.control-icon--SXwOD {
  width: 20px;
  height: 20px;
  color: var(--basic-on-bg-primary);
}

.typography-styles-provider--06g9s,
.read-only--rGIaq {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  padding: 0;
  margin: 0;
}

.typography-styles-provider--06g9s p, .read-only--rGIaq p {
    margin: 0 0 8px;
    min-height: 24px;
    line-height: 24px;
  }

.typography-styles-provider--06g9s ul,
  .typography-styles-provider--06g9s ol,
  .read-only--rGIaq ul,
  .read-only--rGIaq ol {
    margin: 0 0 8px;
  }

.typography-styles-provider--06g9s ul li,
  .typography-styles-provider--06g9s ol li,
  .read-only--rGIaq ul li,
  .read-only--rGIaq ol li {
    margin-top: 2px;
  }

.typography-styles-provider--06g9s li > p, .read-only--rGIaq li > p {
    margin: 0;
  }

.typography-styles-provider--06g9s h1,
  .typography-styles-provider--06g9s h2,
  .typography-styles-provider--06g9s h3,
  .typography-styles-provider--06g9s h4,
  .typography-styles-provider--06g9s h5,
  .typography-styles-provider--06g9s h6,
  .read-only--rGIaq h1,
  .read-only--rGIaq h2,
  .read-only--rGIaq h3,
  .read-only--rGIaq h4,
  .read-only--rGIaq h5,
  .read-only--rGIaq h6 {
    margin-top: 0;
  }

.typography-styles-provider--06g9s h1, .read-only--rGIaq h1 {
    font-size: 32px;
    line-height: 36px;
  }

.typography-styles-provider--06g9s h2, .read-only--rGIaq h2 {
    font-size: 27px;
    line-height: 32px;
  }

.typography-styles-provider--06g9s hr, .read-only--rGIaq hr {
    border-width: 0;
    border-top: 1px solid var(--basic-on-bg-stroke);
    width: 100%;
    height: 0;
  }

.typography-styles-provider--06g9s a, .read-only--rGIaq a {
    color: var(--basic-on-bg-link);
  }

.typography-styles-provider--06g9s a:hover, .read-only--rGIaq a:hover {
    color: var(--basic-on-bg-link-hover);
  }

.typography-styles-provider--06g9s a:active, .read-only--rGIaq a:active {
    color: var(--basic-on-bg-link-focus);
  }

.read-only--rGIaq > :last-child,
.content--v6-ep .ProseMirror > :last-child {
  margin-bottom: 0;
}

.content--v6-ep {
  background-color: var(--common_white);
  font-size: 16px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.content--v6-ep .ProseMirror {
    outline: none;
    padding: 16px;
    min-height: 106px;
  }

.content--v6-ep .ProseMirror p.is-editor-empty--zwJ06:first-of-type::before {
      content: attr(data-placeholder);
      pointer-events: none;
      user-select: none;
      float: left;
      height: 0;
      color: var(--mantine-color-placeholder);
    }

.link-editor--7NPqK {
  display: flex;
}

.link-editor-input--PfuLK {
  border: 1px solid var(--basic-on-bg-stroke);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-inline-end: 0;
  padding: 12px 34px 12px 12px;
}

.link-editor-save--r0AsD.link-editor-save--r0AsD {
    border: 1px solid var(--basic-on-bg-stroke);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    padding: 12px;
  }

.link-editor-external-control--6avUA {
  display: none;
}

.link-editor-dropdown--MRpgG {
  position: absolute;
  border: 1px solid var(--basic-on-bg-stroke);
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--common_white);
}

.editor--pkb7l[data-variant="string"] .read-only--rGIaq {
  padding: 12px 16px;
}
.empty-content--vN5Ny {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  flex-grow: 1;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.empty-content--vN5Ny {
    padding: 24px
}
  }

  @media (max-width: 1279px) {.empty-content--vN5Ny {
    padding: 16px
}
  }

.empty-description--fBpYT {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--basic-on-bg-secondary);
  letter-spacing: 0.5px;
  white-space: pre-wrap;
  word-break: break-word;
}
.fieldset--HdFUS {
  border-radius: 16px;
  border: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.fieldset--HdFUS[data-color="gray"] {
  background-color: var(--basic-bg-emphasis);
}

@media (min-width: 768px) and (max-width: 10000px) {

.fieldset--HdFUS[data-color="gray"] {
    padding: 24px
}
  }

@media (max-width: 767px) {

.fieldset--HdFUS[data-color="gray"] {
    padding: 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.fieldset--HdFUS[data-color="white"] {
    padding: 0 24px
}
  }

@media (max-width: 767px) {

.fieldset--HdFUS[data-color="white"] {
    padding: 0 16px
}
  }

.fieldset_disabled--5rzui {
  pointer-events: none;
}

.wrapper--8wy5x {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.left-section--4sH4p {
  display: flex;
  gap: 8px;
  align-items: center;
}

.title--ckl-w {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}
.section--242Y- {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  align-items: flex-start;
}

.content--kuEFA {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.section--242Y-[data-variant="column"] .content--kuEFA {
  gap: 16px;
}

.section--242Y-[data-variant="column-separated"] .content--kuEFA {
  gap: 12px;
}

.section--242Y-[data-variant="column-separated"] .content--kuEFA > *:not(:last-child) {
  border-bottom: 1px solid var(--basic-on-bg-stroke);
  padding-bottom: 12px;
}

.title--X70Va {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin: 0;
}

.subtitle--USS7i {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  margin-top: -4px;
  color: var(--basic-on-bg-secondary);
}
.overlay--kLXBK {
  inset: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  z-index: 3000;
}

.inner--Nfu8e {
  display: flex;
  justify-content: stretch;
  align-items: stretch;

  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 3000;
}

@media (min-width: 768px) and (max-width: 10000px) {

.inner--Nfu8e {
    width: 400px
}
  }

.inner--Nfu8e .content--HIYHn {
  display: flex;
  flex-direction: column;
  background-color: var(--basic-bg-foreground);
  pointer-events: all;
  height: 100%;
  margin: 0;
  width: 100%;
  overflow-y: auto;
}

@media (min-width: 768px) and (max-width: 10000px) {

.inner--Nfu8e .content--HIYHn {
    width: 400px;
    box-shadow: -4px 0px 24px 0px var(--basic-bg-shadow)
}
  }
@media (min-width: 768px) and (max-width: 10000px) {.close--nfHYz {
    margin-left: auto
}
  }
  @media (max-width: 767px) {.close--nfHYz {
    fill: var(--basic-on-bg-primary) !important;
    margin-right: auto;
    margin-left: -4px
}
  }

.header--VldNr {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.header--VldNr {
    padding: 32px 24px 0px
}
  }

@media (max-width: 767px) {

.header--VldNr {
    padding: 24px 16px 8px
}
  }

.title-container--36l7V {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.title-container--36l7V:empty {
    display: none;
  }

.title---G-Ay {
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.1px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.title---G-Ay {
    font-size: 24px;
    line-height: 32px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.title---G-Ay {
    font-size: 24px;
    line-height: 32px
}
  }

@media (max-width: 767px) {

.title---G-Ay {
    font-size: 24px;
    line-height: 28px
}
  }

.amount--e6MJH {
  margin-left: 8px;
  margin-right: auto;
}
.form--WHy81 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) and (max-width: 10000px) {.actions--7j-SA {
    display: grid;
    grid-template-areas: "clear-button space reset-button close-button secondary-button submit-button";
    grid-template-columns: auto 1fr auto auto;
    padding: 0 24px
}
  }
  @media (max-width: 767px) {.actions--7j-SA {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px;
    gap: 16px
}
  }
  .actions--7j-SA:empty {
    display: none;
  }

@media (min-width: 768px) and (max-width: 10000px) {

.actions_sticky--BTZ-n {
    padding: 0
}
  }

@media (max-width: 767px) {

.actions_sticky--BTZ-n {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 16px !important;
    position: sticky;
    bottom: 0;
    background-color: var(--basic-bg-foreground);
    z-index: 10;
    margin-top: -24px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.actions--7j-SA[data-size="sm"] {
    padding: 24px
}
  }

@media (max-width: 767px) {

.actions--7j-SA[data-size="sm"] {
    padding: 16px
}
  }

.actions--7j-SA [data-type="clear"] {
  grid-area: clear-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--7j-SA [data-type="clear"] {
    margin-right: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--7j-SA [data-type="clear"] {
    width: calc(50% - 8px);
    order: 1
}
  }

@media (max-width: 359px) {

.actions--7j-SA [data-type="clear"] {
    width: 100%;
    order: 2
}
  }

@media (max-width: 767px) {

.actions--7j-SA:has([data-type="reset"]) [data-type="clear"] {
    display: none
}
  }

.actions--7j-SA [data-type="close"] {
  grid-area: close-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--7j-SA [data-type="close"] {
    margin-left: 16px
}
  }

@media (max-width: 767px) {

.actions--7j-SA [data-type="close"] {
    display: none
}
  }

.actions--7j-SA [data-type="reset"] {
  grid-area: reset-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--7j-SA [data-type="reset"] {
    margin-left: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--7j-SA [data-type="reset"] {
    width: calc(50% - 8px);
    order: 1
}
  }

@media (max-width: 359px) {

.actions--7j-SA [data-type="reset"] {
    width: 100%;
    order: 1
}
  }

.actions--7j-SA [data-type="button"] {
  grid-area: secondary-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--7j-SA [data-type="button"] {
    margin-left: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--7j-SA [data-type="button"] {
    width: 100%;
    order: 3
}
  }

@media (max-width: 359px) {

.actions--7j-SA [data-type="button"] {
    width: 100%;
    order: 1
}
  }

.actions--7j-SA [data-type="submit"] {
  grid-area: submit-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--7j-SA [data-type="submit"] {
    margin-left: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--7j-SA [data-type="submit"] {
    width: calc(50% - 8px);
    order: 2
}
  }

@media (max-width: 359px) {

.actions--7j-SA [data-type="submit"] {
    width: 100%;
    order: 1
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--7j-SA:not(:has([data-type="reset"])) [data-type="submit"] {
    width: 100%;
    order: 1
}
  }
.wrapper--1VhhH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 121px 0;
}
.error--dP40O {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-alert);
  display: flex;
  flex-direction: column;
}

  @media (min-width: 768px) and (max-width: 10000px) {.error--dP40O {
    padding: 0 24px
}
  }

  @media (max-width: 767px) {.error--dP40O {
    padding: 0 16px
}
  }

[data-component-class="fieldset"] .error--dP40O,
[data-component-class="fieldset-section"] .error--dP40O {
  padding: 0 !important;
}
.wrapper--jvMpk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 302px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.wrapper--jvMpk {
    padding: 64px 24px
}
  }

  @media (max-width: 767px) {.wrapper--jvMpk {
    padding: 64px 16px
}
  }

.wrapper--jvMpk[data-variant="transparent"] {
  width: 100%;
}

.wrapper--jvMpk[data-variant="outline"] {
  border: 1px solid var(--basic-on-bg-stroke);
}

@media (min-width: 768px) and (max-width: 10000px) {

.wrapper--jvMpk[data-variant="outline"] {
    border-radius: 16px
}
  }

@media (max-width: 767px) {

.wrapper--jvMpk[data-variant="outline"] {
    margin: 0 -8px -8px;
    width: calc(100% + 16px);
    border-radius: 12px
}
  }

.search--i0QDT {
  margin-bottom: 16px;
}

.search-icon--PubZe {
  fill: var(--basic-on-bg-disabled);
}

.title--cckpf {
  color: var(--basic-on-bg-primary);
  text-align: center;
  margin: 0 0 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.title--cckpf {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1px
}
  }

@media (max-width: 767px) {

.title--cckpf {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}
  }

.description--iTEWt {
  color: var(--basic-on-bg-secondary);
  text-align: center;
}

@media (min-width: 768px) and (max-width: 10000px) {

.description--iTEWt {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px
}
  }

@media (max-width: 767px) {

.description--iTEWt {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }

.button--MdEfS {
  margin-top: 16px;
}
.wrapper--KwfVM {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  flex-wrap: wrap;
}

  @media not ((max-width: 359px)) {.wrapper--KwfVM {
    gap: 24px
}
  }

  @media (max-width: 359px) {.wrapper--KwfVM {
    gap: 16px
}
  }

.wrapper--KwfVM[data-variant="transparent"] {
  width: 100%;
}

.wrapper--KwfVM[data-variant="outline"] {
  border-left: 1px solid var(--basic-on-bg-stroke);
  border-right: 1px solid var(--basic-on-bg-stroke);
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

@media (min-width: 768px) and (max-width: 10000px) {

.wrapper--KwfVM[data-variant="outline"] {
    width: 100%;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}
  }

@media (max-width: 767px) {

.wrapper--KwfVM[data-variant="outline"] {
    margin: 0 -8px -8px;
    width: calc(100% + 16px);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}
  }

.root--tnxGS {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 8px;
  user-select: none;
}

.page--DwjnQ,
.page--DwjnQ:focus {
  white-space: nowrap;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  display: block;
  color: var(--basic-on-bg-primary);
  font-size: 14px;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  padding: 0 6px;
  cursor: pointer;
  background-color: transparent;
}

.page--DwjnQ:hover {
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-bg-hover);
}

.page--DwjnQ[data-active],
.page--DwjnQ[data-active]:hover,
.page--DwjnQ[data-active]:focus {
  color: var(--basic-on-bg-on-accent);
  background-color: var(--basic-bg-accent);
  border-color: var(--basic-bg-accent);
}

.page--DwjnQ.more--iH2vu,
.page--DwjnQ.more--iH2vu:focus {
  display: flex;
  align-items: center;
  gap: 17px;
  font-size: 14px;
  line-height: 30px;
  color: var(--basic-on-bg-primary);
  padding: 0 8px;
  border: 0;
  background-color: transparent;
}

@media (max-width: 767px) {

.page--DwjnQ.more--iH2vu,
.page--DwjnQ.more--iH2vu:focus {
    min-width: 0
}
  }

.page--DwjnQ.more--iH2vu:hover {
  color: var(--basic-on-bg-primary);
}

@media (max-width: 767px) {

.text-label--OkUG9 {
    display: none
}
  }

.icon_previous--semhB {
  transform: rotate(90deg);
}

.icon_next--OR3AW {
  transform: rotate(-90deg);
}

.advanced-controls--O7Fdd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

@media not ((max-width: 359px)) {

.advanced-controls--O7Fdd {
    gap: 24px
}
  }

@media (max-width: 359px) {

.advanced-controls--O7Fdd {
    gap: 16px
}
  }

.size--bfMKa {
  width: 110px;
}

.size-label--SGuB8 {
  display: none;
}

.page-input--YYTXI {
  width: 88px;
}
.button--S4w8W {
  width: 100%;
  height: 48px;
  justify-content: flex-start;
  text-align: left;
}

.inner---VXga {
  gap: 4px;
  color: var(--basic-on-bg-secondary);
}

.icon_desc--BRbU4 path:nth-child(1),
.icon_asc--k-zCC path:nth-child(2) {
  opacity: 0;
}
.logotype--BAVgQ {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--basic-on-bg-primary);
  user-select: none;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.logotype--BAVgQ[data-size="sm"] {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.3px;
  gap: 0 12px;
}

.logotype--BAVgQ[data-size="lg"] {
  font-size: 32px;
  line-height: 42px;
  font-weight: 400;
  letter-spacing: 0.5px;
  gap: 0 20px;
}
.dropdown--Q07G8 {
  display: flex;
  max-width: 220px;
  flex-direction: column;
  position: absolute;
  background: var(--basic-bg-foreground);
  box-shadow: 0 0 24px -4px var(--dropdown-shadow);
  border-radius: 8px;
  overflow: auto;
}

  @media (max-width: 1279px) {.dropdown--Q07G8 {
    padding: 8px
}
  }

.item--2Owuo {
  display: flex;
  cursor: pointer;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  font-size: 16px;
  background-color: transparent;
  color: var(--basic-on-bg-primary);
  line-height: 24px;
  border: none;
}

.item--2Owuo:hover {
    background: var(--basic-bg-hover);
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.item--2Owuo {
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.item--2Owuo {
    padding: 10px 8px;
    border-radius: 8px
}
  }
.input--3dCpW:not([data-filled]):not(:focus) {
  color: transparent;
}
.radio--5fpUJ[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "label inner description"
    "label inner error";
  grid-template-columns: auto 20px auto;
  align-items: flex-start;
}

  .radio--5fpUJ[data-variant="string"] .label--SxXzU {
    margin-right: 16px;
    color: var(--basic-on-bg-secondary);
  }

  .radio--5fpUJ[data-variant="string"][data-size="sm"] .description--oHRYD,
    .radio--5fpUJ[data-variant="string"][data-size="sm"] .error--3uRqY {
      margin-left: 6px;
    }

  .radio--5fpUJ[data-variant="string"][data-size="md"] .description--oHRYD,
    .radio--5fpUJ[data-variant="string"][data-size="md"] .error--3uRqY {
      margin-left: 8px;
    }

  .radio--5fpUJ[data-variant="string"][data-size="lg"] .description--oHRYD,
    .radio--5fpUJ[data-variant="string"][data-size="lg"] .error--3uRqY {
      margin-left: 10px;
    }

.radio--5fpUJ[data-variant="content-left"] {
  display: grid;
  grid-template-areas:
    "label inner"
    "description inner"
    "error inner";
  grid-template-columns: auto 20px;
}

.radio--5fpUJ[data-variant="content-left"] .label--SxXzU {
    color: var(--basic-on-bg-primary);
  }

.radio--5fpUJ[data-variant="content-left"][data-size="sm"] .label--SxXzU,
    .radio--5fpUJ[data-variant="content-left"][data-size="sm"] .description--oHRYD,
    .radio--5fpUJ[data-variant="content-left"][data-size="sm"] .error--3uRqY {
      margin-right: 6px;
    }

.radio--5fpUJ[data-variant="content-left"][data-size="md"] .label--SxXzU,
    .radio--5fpUJ[data-variant="content-left"][data-size="md"] .description--oHRYD,
    .radio--5fpUJ[data-variant="content-left"][data-size="md"] .error--3uRqY {
      margin-right: 8px;
    }

.radio--5fpUJ[data-variant="content-left"][data-size="lg"] .label--SxXzU,
    .radio--5fpUJ[data-variant="content-left"][data-size="lg"] .description--oHRYD,
    .radio--5fpUJ[data-variant="content-left"][data-size="lg"] .error--3uRqY {
      margin-right: 10px;
    }

.radio--5fpUJ[data-variant="content-right"] {
  display: grid;
  grid-template-areas:
    "inner label"
    "inner description"
    "inner error";
  grid-template-columns: 20px auto;
}

.radio--5fpUJ[data-variant="content-right"] .label--SxXzU {
    color: var(--basic-on-bg-primary);
  }

.radio--5fpUJ[data-variant="content-right"][data-size="sm"] .label--SxXzU,
    .radio--5fpUJ[data-variant="content-right"][data-size="sm"] .description--oHRYD,
    .radio--5fpUJ[data-variant="content-right"][data-size="sm"] .error--3uRqY {
      margin-left: 6px;
    }

.radio--5fpUJ[data-variant="content-right"][data-size="md"] .label--SxXzU,
    .radio--5fpUJ[data-variant="content-right"][data-size="md"] .description--oHRYD,
    .radio--5fpUJ[data-variant="content-right"][data-size="md"] .error--3uRqY {
      margin-left: 8px;
    }

.radio--5fpUJ[data-variant="content-right"][data-size="lg"] .label--SxXzU,
    .radio--5fpUJ[data-variant="content-right"][data-size="lg"] .description--oHRYD,
    .radio--5fpUJ[data-variant="content-right"][data-size="lg"] .error--3uRqY {
      margin-left: 10px;
    }

:is(.radio--5fpUJ[data-variant="string"], .radio--5fpUJ[data-variant="content-left"], .radio--5fpUJ[data-variant="content-right"])[data-size="sm"] .label--SxXzU {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.radio--5fpUJ[data-variant="string"], .radio--5fpUJ[data-variant="content-left"], .radio--5fpUJ[data-variant="content-right"])[data-size="md"] .label--SxXzU {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.radio--5fpUJ[data-variant="string"], .radio--5fpUJ[data-variant="content-left"], .radio--5fpUJ[data-variant="content-right"])[data-size="lg"] .label--SxXzU {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

.radio--5fpUJ[data-variant="column"] {
  display: grid;
  grid-template-areas:
    "label label"
    "inner description"
    "inner error";
}

.radio--5fpUJ[data-variant="column"] .label--SxXzU {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.radio--5fpUJ[data-variant="column"][data-size="sm"] .description--oHRYD,
    .radio--5fpUJ[data-variant="column"][data-size="sm"] .error--3uRqY {
      margin-left: 6px;
    }

.radio--5fpUJ[data-variant="column"][data-size="md"] .description--oHRYD,
    .radio--5fpUJ[data-variant="column"][data-size="md"] .error--3uRqY {
      margin-left: 8px;
    }

.radio--5fpUJ[data-variant="column"][data-size="lg"] .description--oHRYD,
    .radio--5fpUJ[data-variant="column"][data-size="lg"] .error--3uRqY {
      margin-left: 10px;
    }

.inner--LYxgV {
  grid-area: inner;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
  margin: 2px 0;
}

.input--aNWem {
  appearance: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 3;
}

.inner--LYxgV::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--basic-on-bg-grey-01);
  transition: border-color 0.3s;
}

.radio--5fpUJ[data-checked="false"] .inner--LYxgV:hover::before {
  border-color: var(--button-secondary-border-hover);
}

.radio--5fpUJ[data-checked="true"] .inner--LYxgV:hover::before {
  border-color: var(--button-secondary-border-active);
}

.radio--5fpUJ[data-checked="true"] .inner--LYxgV::before {
  border-color: var(--button-secondary-border-active);
}

.radio--5fpUJ[data-error][data-checked] .inner--LYxgV::before {
  border-color: var(--basic-on-bg-alert);
}

.radio--5fpUJ[data-error][data-checked="false"] .inner--LYxgV:hover::before {
  border-color: var(--basic-on-bg-alert-hover);
}

.inner--LYxgV::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--button-secondary-border-active);
  opacity: 0;
  transition: opacity 0.3s;
}

.radio--5fpUJ[data-checked="true"] .inner--LYxgV::after {
  opacity: 1;
}

.radio--5fpUJ[data-error][data-checked] .inner--LYxgV::after {
  background-color: var(--basic-on-bg-alert);
}

.radio--5fpUJ .inner--LYxgV .input--aNWem:disabled {
  cursor: default;
}

.radio--5fpUJ .inner--LYxgV:has(.input--aNWem:disabled):after {
  background-color: var(--button-primary-bg-disabled);
}

.radio--5fpUJ .inner--LYxgV:has(.input--aNWem:disabled):before {
  border-color: var(--basic-on-bg-grey-01);
}

.icon--Cjgor {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s, fill 0.3s;
  z-index: 2;
  fill: var(--button-secondary-border-active);
}

.radio--5fpUJ[data-checked] .inner--LYxgV .icon--Cjgor {
  opacity: 1;
}

.radio--5fpUJ[data-checked] .inner--LYxgV:hover .icon--Cjgor {
  fill: var(--button-secondary-border-hover);
}

.body--dIkxO,
.label-wrapper--CbYfy {
  display: contents;
}

.label--SxXzU {
  grid-area: label;
}

.sub-label--V8Fft {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
}

.description--oHRYD {
  grid-area: description;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-grey-01);
  margin: 3px 0;
}

.error--3uRqY {
  grid-area: error;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-alert);
  margin: 3px 0;
  display: flex;
  flex-direction: column;
}

.required--9sn04 {
  color: var(--basic-on-bg-alert);
}
.radio-group--XV7fs[data-variant="string"] {
  display: flex;
}

  .radio-group--XV7fs[data-variant="string"] .label--bT-hI {
    color: var(--basic-on-bg-secondary);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-right: 16px;
  }

  .radio-group--XV7fs[data-variant="string"][data-readonly="true"] .options--q6aE4 {
    padding: 0 16px;
  }

.radio-group--XV7fs[data-variant="column"] .label--bT-hI {
    color: var(--basic-on-bg-secondary);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin-bottom: 8px;
  }

.radio-group--XV7fs[data-variant="string"] .options--q6aE4,
.radio-group--XV7fs[data-variant="column"] .options--q6aE4 {
  display: grid;
  gap: 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.radio-group--XV7fs[data-variant="string"] .options--q6aE4,
.radio-group--XV7fs[data-variant="column"] .options--q6aE4 {
    grid-template-columns: repeat(var(--columns-amount), 1fr)
}
  }

@media (max-width: 767px) {

.radio-group--XV7fs[data-variant="string"] .options--q6aE4,
.radio-group--XV7fs[data-variant="column"] .options--q6aE4 {
    grid-template-columns: repeat(var(--columns-amount), minmax(auto, 226px))
}
  }

.radio-group--XV7fs[data-variant="string"] .options_max-height--dGkVd,
.radio-group--XV7fs[data-variant="column"] .options_max-height--dGkVd {
  max-height: calc(42px * 3 + 16px * 2);
  overflow: auto;
}

.nothing-found--g-FWy {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

.error--vYrqW {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--basic-on-bg-alert);
  margin: 3px 0;
  display: flex;
  flex-direction: column;
}

.loader--OAKqU {
  width: 100%;
  height: 0;
}
.group--CdeH5 {
  width: 100%;
  padding: 12px 0;
}

.options--SwNUc {
  width: 100%;
}

.group--CdeH5[data-variant="string"] .label--0CSlH {
    width: 180px;
  }

.group--CdeH5[data-variant="string"] .wrapper--jYxWF {
    width: calc(100% - 196px);
  }

.group--CdeH5[data-variant="string"] .wrapper--jYxWF:first-child {
    width: 100%;
  }
.input--XLp2C:not([data-filled]):not(:focus) {
  color: transparent;
}
.container--fHGmq {
  display: flex;
  max-width: max-content;
  overflow: auto;
}

  .container--fHGmq[data-scrollbar="false"] {
    scrollbar-width: none;
  }

  .container--fHGmq[data-scrollbar="false"]::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

  .container--fHGmq::before,
  .container--fHGmq::after {
    content: "";
    display: block;
    height: 1px;
    flex-shrink: 0;
    align-self: flex-end;
  }

  @media (min-width: 1280px) and (max-width: 10000px) {

  .container--fHGmq[data-indent="lg"] {
      margin-left: -24px;
      margin-right: -24px;
      width: calc(100% + 48px)
  }
    }

  @media (max-width: 1279px) {

  .container--fHGmq[data-indent="lg"] {
      margin-left: -16px;
      margin-right: -16px;
      width: calc(100% + 32px)
  }
    }

  @media (min-width: 1280px) and (max-width: 10000px) {

  .container--fHGmq[data-indent="lg"]::before,
    .container--fHGmq[data-indent="lg"]::after {
        width: 24px
    }
      }

  @media (max-width: 1279px) {

  .container--fHGmq[data-indent="lg"]::before,
    .container--fHGmq[data-indent="lg"]::after {
        width: 16px
    }
      }

  @media (min-width: 1280px) and (max-width: 10000px) {

  .container--fHGmq[data-indent="md"] {
      margin-left: -24px;
      margin-right: -24px;
      width: calc(100% + 48px)
  }
    }

  @media (max-width: 1279px) {

  .container--fHGmq[data-indent="md"] {
      margin-left: -16px;
      margin-right: -16px;
      width: calc(100% + 32px)
  }
    }

  @media (min-width: 1280px) and (max-width: 10000px) {

  .container--fHGmq[data-indent="md"]::before,
    .container--fHGmq[data-indent="md"]::after {
        width: 24px
    }
      }

  @media (min-width: 768px) and (max-width: 1279px) {

  .container--fHGmq[data-indent="md"]::before,
    .container--fHGmq[data-indent="md"]::after {
        width: 16px
    }
      }

  @media (max-width: 767px) {

  .container--fHGmq[data-indent="md"]::before,
    .container--fHGmq[data-indent="md"]::after {
        width: 8px
    }
      }
.root--49qrV {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.control--md100 {
  flex-shrink: 0;
  position: relative;
}

.input--RXFlU {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.label---atHW {
  display: flex;
  appearance: none;
  background-color: var(--basic-bg-emphasis);
  color: var(--basic-on-bg-primary);
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  position: relative;
  user-select: none;
  fill: var(--basic-on-bg-primary);
}

.label---atHW:hover {
    color: var(--basic-on-bg-grey-01);
    fill: var(--basic-on-bg-grey-01);
  }

.label---atHW[data-active] {
    color: var(--button-primary-on-bg-active);
    background-color: var(--button-primary-bg-active);
    fill: var(--button-primary-on-bg-active);
  }

.inner-label--nQGXf {
  display: flex;
  gap: 8px;
  align-items: center;
}

.indicator--h0uxY {
  display: none;
}

.root--49qrV[data-size="sm"] .label---atHW {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding: 7px 12px;
}

.root--49qrV[data-size="md"] .label---atHW {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding: 10px 16px;
}

.root--49qrV[data-variant="string"] .control--md100:first-of-type .label---atHW {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

.root--49qrV[data-variant="string"] .control--md100:not(:first-of-type) .label---atHW {
    border-left: 1px solid var(--basic-on-bg-stroke);
  }

.root--49qrV[data-variant="string"] .control--md100:last-of-type .label---atHW {
    border-left: 1px solid var(--basic-on-bg-stroke);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

.root--49qrV[data-variant="string-separated"][data-size="sm"] {
    gap: 8px;
  }

.root--49qrV[data-variant="string-separated"][data-size="md"] {
    gap: 12px;
  }

.root--49qrV[data-variant="string-separated"] .label---atHW {
    border-radius: 8px;
  }
.overlay--t8760 {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  background-color: var(--basic-bg-overlay);
  top: 0;
  left: 0;
  z-index: 6000;
}

.modal-wrapper--JoJIq {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  justify-content: center;
  z-index: 6001;
  overflow-y: auto;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.modal-wrapper--JoJIq {
    padding: 64px;
    align-items: center
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.modal-wrapper--JoJIq {
    padding: 32px 16px;
    align-items: center
}
  }

@media (max-width: 767px) {

.modal-wrapper--JoJIq {
    padding: 0;
    background-color: var(--basic-bg-foreground)
}
  }

.modal-wrapper--JoJIq .modal--K7WIq {
  background-color: var(--basic-bg-foreground);
  pointer-events: all;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) and (max-width: 10000px) {

.modal-wrapper--JoJIq .modal--K7WIq {
    width: 775px;
    max-width: 100%;
    border-radius: 16px;
    box-shadow: 0 0 16px var(--basic-bg-shadow)
}
  }

@media (max-width: 767px) {

.modal-wrapper--JoJIq .modal--K7WIq {
    width: 100%;
    height: 100%
}
  }

.header--FAcnI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 767px) {

.header--FAcnI {
    padding: 24px 16px
}
  }

@media (max-width: 767px) {

.title--nfoUg {
    font-size: 24px;
    line-height: 28px;
    margin: 0
}
  }

.close--O4rvL {
  fill: var(--basic-on-bg-primary) !important;
}

.close--O4rvL:hover,
.close--O4rvL:active {
  fill: var(--basic-on-bg-secondary) !important;
}

.body--mgpXZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex-grow: 1;
}

@media (min-width: 768px) and (max-width: 10000px) {

.body--mgpXZ {
    padding: 24px
}
  }

@media (max-width: 767px) {

.body--mgpXZ {
    padding: 0 16px
}
  }

.range-input--f6y4M {
  width: 200px;
  flex-shrink: 0;
}

.scrollable-controls--IsO7b {
  margin-right: auto;
}

.controls--VIP78 {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.controls--VIP78 {
    flex-wrap: wrap
}
  }

.calendars--f2BNh {
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) and (max-width: 10000px) {

.calendars--f2BNh {
    gap: 32px;
    align-items: flex-start
}
  }

@media (max-width: 767px) {

.calendars--f2BNh {
    gap: 16px 24px;
    flex-wrap: wrap;
    flex-grow: 1;
    align-content: flex-start
}
  }

@media (max-width: 767px) {

.calendar--6LmYA {
    order: 3;
    margin-right: calc((100% - 280px) / 2);
    margin-left: calc((100% - 280px) / 2)
}
  }

.calendar--6LmYA:has([data-first-in-range]):has(+ .calendar--6LmYA [data-in-range]) .calendar-day-control--tjlbT[data-first-in-range]::after,
.calendar--6LmYA:has([data-first-in-range]):has(+ .calendar--6LmYA [data-in-range])
  .calendar-cell--31vkN:has(.calendar-day-control--tjlbT[data-first-in-range])
  ~ .calendar-cell--31vkN
  .calendar-day-control--tjlbT::after,
.calendar--6LmYA:has([data-first-in-range]):has(+ .calendar--6LmYA [data-in-range])
  .calendar-row--j-vZk:has(.calendar-day-control--tjlbT[data-first-in-range])
  ~ .calendar-row--j-vZk
  .calendar-day-control--tjlbT::after,
.calendar--6LmYA:not(:has([data-first-in-range])):has(+ .calendar--6LmYA [data-in-range]):not(
    :has(+ .calendar--6LmYA [data-first-in-range], + .calendar--6LmYA [data-last-in-range])
  )
  .calendar-day-control--tjlbT::after {
  opacity: 1;
}

.calendar--6LmYA:has([data-in-range]) + .calendar--6LmYA:has([data-first-in-range]) .calendar-day-control--tjlbT[data-first-in-range]::after,
.calendar--6LmYA:has([data-in-range])
  + .calendar--6LmYA:has([data-first-in-range])
  .calendar-cell--31vkN:has(~ .calendar-cell--31vkN .calendar-day-control--tjlbT[data-first-in-range])
  .calendar-day-control--tjlbT::after,
.calendar--6LmYA:has([data-in-range])
  + .calendar--6LmYA:has([data-first-in-range])
  .calendar-row--j-vZk:has(~ .calendar-row--j-vZk .calendar-day-control--tjlbT[data-first-in-range])
  .calendar-day-control--tjlbT::after,
.calendar--6LmYA:has([data-in-range]):not(:has([data-first-in-range], [data-last-in-range]))
  + .calendar--6LmYA:not(:has([data-first-in-range], [data-last-in-range]))
  .calendar-day-control--tjlbT::after {
  opacity: 1;
}

.calendar--6LmYA:has([data-in-range])
  + .calendar--6LmYA:has([data-first-in-range])
  .calendar-day-control--tjlbT[data-first-in-range]::after {
  left: -4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.calendar-header-control--TJvUt {
  display: none;
}

.calendar-header-level--n6E65 {
  pointer-events: none;
}

.calendar-control--AX3-5 {
  border-radius: 50% !important;
  padding: 7px 6px !important;
  flex-shrink: 0;
  flex-grow: 0;
}

.calendar-control--AX3-5:first-child {
    transform: rotate(90deg);
  }

@media (min-width: 768px) and (max-width: 10000px) {

.calendar-control--AX3-5:first-child {
      margin-top: 136px;
      margin-right: -8px
  }
    }

@media (max-width: 767px) {

.calendar-control--AX3-5:first-child {
      order: 1
  }
    }

.calendar-control--AX3-5:last-child {
    transform: rotate(-90deg);
  }

@media (min-width: 768px) and (max-width: 10000px) {

.calendar-control--AX3-5:last-child {
      margin-top: 136px;
      margin-left: -8px
  }
    }

@media (max-width: 767px) {

.calendar-control--AX3-5:last-child {
      order: 2
  }
    }

.calendar-control--AX3-5 svg {
    transform: translateY(0.5px);
  }

.actions--Ig6Nd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--Ig6Nd {
    width: 100%
}
  }

@media (max-width: 767px) {

.actions--Ig6Nd {
    background-color: var(--basic-bg-foreground);
    position: sticky;
    bottom: 0;
    padding: 24px 16px;
    margin: -24px -16px 0;
    width: calc(100% + 32px)
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.clear--ILIHx {
    margin-right: auto
}
  }

@media (max-width: 767px) {

.clear--ILIHx {
    width: calc(50% - 8px)
}
  }

@media (max-width: 767px) {

.apply--uQz7- {
    width: calc(50% - 8px)
}
  }
.inner--0FBLF {
  grid-area: wrapper;
  position: relative;
}

.button--61I3- {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  transition: border-color 0.3s;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.button--61I3-:not([data-filled]) {
  color: var(--basic-on-bg-grey-01);
}

.button--61I3-:hover {
  border-color: var(--basic-on-bg-input);
}

:is(.range--mxz1s[data-variant="string"], .range--mxz1s[data-variant="column"])[data-size="sm"] .button--61I3- {
    padding: 6px 33px 6px 12px;
    min-height: 32px;
  }

:is(.range--mxz1s[data-variant="string"], .range--mxz1s[data-variant="column"])[data-size="md"] .button--61I3- {
    padding: 9px 39px 9px 15px;
    min-height: 40px;
  }

:is(.range--mxz1s[data-variant="string"], .range--mxz1s[data-variant="column"])[data-size="lg"] .button--61I3- {
    padding: 11px 47px 11px 15px;
    min-height: 48px;
  }

.range--mxz1s[data-variant="string"][data-size="sm"] .read-only-value--0zJN- {
    padding: 0 13px;
    min-height: 32px;
  }

.range--mxz1s[data-variant="string"][data-size="md"] .read-only-value--0zJN- {
    padding: 0 16px;
    min-height: 40px;
  }

.range--mxz1s[data-variant="string"][data-size="lg"] .read-only-value--0zJN- {
    padding: 0 16px;
    min-height: 48px;
  }

.range--mxz1s[data-variant="minimized"][data-size="sm"] .button--61I3- {
    padding: 6px 33px 6px 12px;
    min-height: 32px;
  }

.range--mxz1s[data-variant="minimized"][data-size="sm"] .button--61I3-[data-filled] {
    padding: 11px 33px 1px 12px;
  }

.range--mxz1s[data-variant="minimized"][data-size="md"] .button--61I3- {
    padding: 9px 39px 9px 15px;
    min-height: 40px;
  }

.range--mxz1s[data-variant="minimized"][data-size="md"] .button--61I3-[data-filled] {
    padding: 16px 39px 2px 15px;
  }

.range--mxz1s[data-variant="minimized"][data-size="lg"] .button--61I3- {
    padding: 11px 47px 11px 15px;
    min-height: 48px;
  }

.range--mxz1s[data-variant="minimized"][data-size="lg"] .button--61I3-[data-filled] {
    padding: 20px 47px 2px 15px;
  }

.range--mxz1s[data-size="sm"] .button--61I3- {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

.range--mxz1s[data-size="md"] .button--61I3- {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
}

.range--mxz1s[data-size="lg"] .button--61I3- {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.range--mxz1s[data-size="sm"] .icon--XL0A4 {
  top: 9px;
  right: 9px;
}

.range--mxz1s[data-size="md"] .icon--XL0A4 {
  top: 10px;
  right: 10px;
}

.range--mxz1s[data-size="lg"] .icon--XL0A4 {
  top: 12px;
  right: 12px;
}

.icon--XL0A4 {
  position: absolute !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s !important;
}

.icon_active--2jUs0 {
  opacity: 1;
  visibility: visible;
}
.button--ywsXl {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {

.button--ywsXl:has(.label--lglnd) {
    grid-template-columns: 196px calc(100% - 196px)
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--lglnd[data-variant="string"] {
    width: 180px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--lglnd + .wrapper--aaE1j {
    max-width: 100%
}
  }

.wrapper--aaE1j {
  width: 100%;
}

.field-container--nZ5-4 {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.rating--cwq-h {
  display: flex;
  align-items: center;
}

.input--setEp,
.label--l9E5-[style*="z-index"] {
  display: none;
}

.star--j9cG2 {
  flex-shrink: 0;
  display: block;
}

.label--l9E5-:not([data-read-only]) .star--j9cG2 {
  cursor: pointer;
}

.star_inactive--C-yti {
  fill: rgba(208, 211, 218, 1);
}

.star_active--IZKaN {
  fill: rgba(237, 173, 10, 1);
}
.list--4PFUM {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  user-select: none;
}

  @media (hover: none) {.list--4PFUM {
    touch-action: none
}
  }

.list--4PFUM:not(:has(.dragging--uCr1P)):not(:has(.dragged--T1PGx)) .list-item--REwBv:hover,
.list-item--REwBv.dragged--T1PGx {
  background-color: var(--basic-bg-hover);
}

.list--4PFUM:not(:has(.dragging--uCr1P)):not(:has(.dragged--T1PGx)) .list-item--REwBv:hover .dragging-button--gwoHt,
  .list--4PFUM:not(:has(.dragging--uCr1P)):not(:has(.dragged--T1PGx)) .list-item--REwBv:hover .remove-button--Vhm-2,
  .list-item--REwBv.dragged--T1PGx .dragging-button--gwoHt,
  .list-item--REwBv.dragged--T1PGx .remove-button--Vhm-2 {
    opacity: 1;
  }

.list-item--REwBv {
  display: flex;
  align-items: center;
  padding: 0;
  border-radius: 8px;
  color: var(--basic-on-bg-primary);
  transition: background-color 0.3s;
  margin: 0 0 8px 0;
  list-style-type: none;
  position: relative;
}

.list--4PFUM:has(.dragging--uCr1P) .list-item--REwBv:not(.dragging--uCr1P) {
  transition: transform 0.3s, background-color 0.3s !important;
}

@media (hover: hover) {

.list--4PFUM:has(.dragging--uCr1P) .list-item--REwBv:not(.dragging--uCr1P) {
    z-index: 1
}
  }

@media (hover: hover) {

.list-item--REwBv.dragging--uCr1P {
    cursor: grabbing
}
  }

@media (hover: none) {

.list-item--REwBv.dragging--uCr1P {
    z-index: 1;
    background-color: var(--basic-on-bg-grey-03)
}
  }

.list-item_active--YuZFn {
  background-color: var(--basic-on-bg-grey-03);
}

.dragging-button--gwoHt {
  padding: 0 0 0 4px !important;
  transition: opacity 0.3s;
  cursor: grab;
}

@media (hover: hover) and (min-width: 768px) and (max-width: 10000px) {

.dragging-button--gwoHt {
    opacity: 0
}
  }

.dragging-button--gwoHt[data-loading="true"] {
  transform: scale(0.7) !important;
  transform-origin: 50% 50%;
}

.title-button--Hkycc {
  width: calc(100% - 24px - 48px);
  justify-content: flex-start;
  text-align: left;
  padding: 9px 0 !important;
  font-weight: 400 !important;
  color: var(--basic-on-bg-primary) !important;
  word-break: break-word;
}

.title-button-text--kWgib {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.remove-button--Vhm-2 {
  padding: 9px 17px 9px 9px !important;
  transition: opacity 0.3s;
}

@media (hover: hover) and (min-width: 768px) and (max-width: 10000px) {

.remove-button--Vhm-2 {
    opacity: 0
}
  }
.status--DbfvF {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status--DbfvF[data-size="md"] {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.status--DbfvF[data-size="lg"] {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.status-icon---g26N {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.amount--F8JlJ {
  font-weight: 800;
}
.container--qrx2G {
  background-color: var(--basic-bg-emphasis);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

  @media (min-width: 768px) and (max-width: 10000px) {.container--qrx2G {
    gap: 8px 50px;
    padding: 16px 24px;
    align-items: center
}
  }

  @media (max-width: 767px) {.container--qrx2G {
    gap: 8px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.container--qrx2G:has(.close-button--1wYeH) {
    padding: 16px 52px 16px 24px
}
  }

@media (max-width: 767px) {

.container--qrx2G:has(.close-button--1wYeH) {
    padding: 16px 52px 16px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.items--5ir8Q {
    display: contents
}
  }

@media (max-width: 767px) {

.items--5ir8Q {
    display: grid;
    grid-template-columns: auto minmax(120px, max-content) auto;
    gap: 8px
}
  }

.status--5G9yP {
  align-items: flex-start;
}

@media (max-width: 767px) {

.status--5G9yP {
    display: contents !important
}
  }

@media (max-width: 767px) {

.no-color-status--ydcO1 {
    grid-column: 1 / span 2
}
  }

.status-icon--S-3Gu {
  margin-top: 6px;
  margin-bottom: 6px;
}

@media (max-width: 767px) {

.amount--yd4qj {
    text-align: right
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.open-button--WseIJ {
    margin-left: auto
}
  }

@media (max-width: 767px) {

.open-button--WseIJ {
    width: calc(100% - 8px)
}
  }

.close-button--1wYeH {
  position: absolute;
  right: 8px;
  top: 8px;
}
.switch--O-87B[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "label track description"
    "label track error"
    "label track error";
  grid-template-columns: auto 52px auto;
  align-items: flex-start;
}

  .switch--O-87B[data-variant="string"]:has(.description--vXto4:empty) {
    grid-template-rows: 0 auto;
  }

  .switch--O-87B[data-variant="string"]:has(.error--q5yWG:nth-child(2)) {
    grid-template-rows: 0 auto;
  }

  .switch--O-87B[data-variant="string"] .label--3TOQd {
    margin-right: 16px;
    min-height: 36px;
    color: var(--basic-on-bg-secondary);
  }

  .switch--O-87B[data-variant="string"] .description--vXto4,
  .switch--O-87B[data-variant="string"] .error--q5yWG {
    margin-left: 12px;
  }

  .switch--O-87B[data-variant="string"] :is(.description--vXto4, .error--q5yWG):first-of-type {
    min-height: 36px;
  }

.switch--O-87B[data-variant="content-left"] {
  display: grid;
  grid-template-areas:
    "label track"
    "description track"
    "error track";
  grid-template-columns: calc(100% - 52px) 52px;
}

.switch--O-87B[data-variant="content-left"] .label--3TOQd {
    color: var(--basic-on-bg-primary);
  }

.switch--O-87B[data-variant="content-left"] .label--3TOQd,
  .switch--O-87B[data-variant="content-left"] .description--vXto4,
  .switch--O-87B[data-variant="content-left"] .error--q5yWG {
    margin-right: 12px;
    text-align: right;
    justify-self: flex-end;
  }

.switch--O-87B[data-variant="content-left"] :is(.label--3TOQd, .description--vXto4, .error--q5yWG):first-child {
    min-height: 36px;
  }

.switch--O-87B[data-variant="content-right"] {
  display: grid;
  grid-template-areas:
    "track label"
    "track description"
    "track error";
  grid-template-columns: 52px calc(100% - 52px);
}

.switch--O-87B[data-variant="content-right"] .label--3TOQd {
    color: var(--basic-on-bg-primary);
  }

.switch--O-87B[data-variant="content-right"] .label--3TOQd,
  .switch--O-87B[data-variant="content-right"] .description--vXto4,
  .switch--O-87B[data-variant="content-right"] .error--q5yWG {
    margin-left: 12px;
  }

.switch--O-87B[data-variant="content-right"] :is(.label--3TOQd, .description--vXto4, .error--q5yWG):first-child {
    min-height: 36px;
  }

.switch--O-87B[data-variant="column"] {
  display: grid;
  grid-template-areas:
    "label label"
    "track description"
    "track error";
}

.switch--O-87B[data-variant="column"] .label--3TOQd {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.switch--O-87B[data-variant="column"] .description--vXto4 {
    min-height: 36px;
    margin-left: 12px;
  }

.switch--O-87B[data-variant="column"] .error--q5yWG {
    margin-left: 12px;
  }

.switch--O-87B[data-variant="column"] :is(.description--vXto4, .error--q5yWG):first-of-type {
    min-height: 36px;
  }

.input--XvZ8l {
  appearance: none;
  width: 0;
  height: 0;
  margin: 0;
}

.track--TkOdG {
  grid-area: track;
  width: 52px;
  height: 32px;
  border-radius: 16px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.3s;
  background-color: var(--basic-on-bg-disabled);
  margin-top: 2px;
  margin-bottom: 2px;
}

.track--TkOdG:hover {
    background-color: var(--button-primary-bg-disabled);
  }

.switch--O-87B[data-checked] .track--TkOdG {
  background-color: var(--button-primary-bg-active);
}

.switch--O-87B[data-checked] .track--TkOdG:hover {
    background-color: var(--button-primary-bg-hover);
  }

.switch--O-87B[data-checked] .track--TkOdG .thumb--PO-QQ {
    transform: translateX(20px);
  }

.thumb--PO-QQ {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--button-primary-on-bg-active);
  position: absolute;
  top: 4px;
  left: 4px;
  transition: transform 0.3s;
}

.inner--pwtnz::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  border: 2px solid var(--basic-on-bg-grey-01);
  transition: border-color 0.3s;
}

.inner--pwtnz:hover::after {
  border-color: var(--button-secondary-border-hover);
}

.switch--O-87B[data-error] .inner--pwtnz::after {
    border-color: var(--basic-on-bg-alert);
  }

.switch--O-87B[data-error] .inner--pwtnz::after:hover {
      border-color: var(--basic-on-bg-alert-hover);
    }

.body--DRZBy,
.label-wrapper--HO3BJ {
  display: contents;
}

.label--3TOQd {
  grid-area: label;
  display: flex;
  align-items: center;
  margin-top: 0;
  word-break: break-word;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.label--3TOQd:empty {
    display: none;
  }

.description--vXto4 {
  grid-area: description;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
  word-break: break-word;
  margin: 0;
}

.description--vXto4:empty {
    display: none;
  }

.error--q5yWG {
  grid-area: error;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-alert);
  word-break: break-word;
  margin: 0;
}

.error--q5yWG:empty {
    display: none;
  }

.description--vXto4:not(:empty) + .error--q5yWG {
  margin-top: 3px;
}
.switch--lRqQW[data-variant="string"] {
    grid-template-columns: 196px 52px 1fr !important;
  }

    @media (min-width: 768px) and (max-width: 10000px) {

    .switch--lRqQW[data-variant="string"] .label--jvt-0 {
        width: 180px
    }
      }
  @media (min-width: 768px) and (max-width: 10000px) {
  .switch--lRqQW[data-variant="content-right"] {
      margin-left: 196px
  }
    }

.switch_readonly--l1zVa[data-variant="string"] {
    grid-template-columns: 196px 68px 1fr !important;
  }

@media (min-width: 768px) and (max-width: 10000px) {

.switch_readonly--l1zVa[data-variant="content-right"] {
      grid-template-columns: 68px calc(100% - 68px)
  }
    }

.switch-track--v6idd {
  margin-left: 16px;
}
.table-container--JGZVr[data-variant="outline"] {
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: var(--basic-on-bg-stroke);
}

  @media (min-width: 768px) and (max-width: 10000px) {.table-container--JGZVr[data-variant="outline"] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}
  }

  @media (max-width: 767px) {.table-container--JGZVr[data-variant="outline"] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}
  }

.table--7naVp {
  table-layout: fixed;
  width: 100%;
}
.cell--xsnDW {
  font-size: 14px;
  text-align: left;
  padding: 0;
}

.cell_head--dlwDY {
  background-color: var(--basic-bg-emphasis);
  color: var(--basic-on-bg-secondary);
  font-weight: 500;
  line-height: 20px;
  word-break: break-word;
}

.cell_body--OKMkx {
  line-height: 24px;
  background-color: var(--basic-bg-foreground);
  transition: background-color 0.3s;
}

@media (min-width: 768px) and (max-width: 10000px) {

tr:hover > .cell_body--OKMkx {
    background-color: var(--basic-bg-hover)
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.cell--xsnDW[data-sticky-left-offset="true"],
.cell--xsnDW[data-sticky-right-offset="true"] {
    position: sticky;
    z-index: 1
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--dlwDY:first-child {
      border-top-left-radius: 16px;
      padding: 0 24px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--dlwDY:first-child {
      border-top-left-radius: 16px;
      padding: 0 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--dlwDY:first-child {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      padding: 0 16px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--dlwDY:not(:first-child) {
      padding: 0 24px 0 0
  }
    }

@media (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--dlwDY:not(:first-child) {
      padding: 0 16px 0 0
  }
    }

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--dlwDY:nth-last-child(2) {
    border-top-right-radius: 16px;
  }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--dlwDY:not(:first-child) {
      display: none
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--OKMkx:first-child {
      padding: 0 24px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--OKMkx:first-child {
      padding: 8px 16px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--OKMkx:not(:first-child) {
      padding: 0 24px 0 0
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--OKMkx:not(:first-child) {
      padding: 8px 16px 8px 0
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--OKMkx:first-child {
      padding: 20px 42px 20px 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--OKMkx:first-child:has(~ td[class*="arrow_with-action"]) {
      padding: 20px 82px 20px 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--OKMkx:nth-child(2) {
      padding: 4px 16px 0
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--OKMkx:not(:first-child, :nth-child(2), :nth-last-child(2)):has(.content--KLchs:not(:empty)) {
      padding: 24px 16px 0
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--OKMkx:nth-last-child(2):has(.content--KLchs:not(:empty)) {
      padding: 24px 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--OKMkx:nth-last-child(2):has(.content--KLchs:empty) {
      padding: 24px 16px 0
  }
    }

@media (min-width: 768px) and (max-width: 10000px) {

[data-variant="separated"] .cell--xsnDW:not(:nth-last-child(2)) {
      border-right: 1px solid var(--basic-on-bg-stroke)
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

[data-variant="separated"] .cell_head--dlwDY {
      padding: 0 12px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

[data-variant="separated"] .cell_head--dlwDY {
      padding: 0 8px
  }
    }

@media (max-width: 767px) {

[data-variant="separated"] .cell_head--dlwDY {
      padding: 0 16px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

[data-variant="separated"] .cell_body--OKMkx {
      padding: 0 12px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

[data-variant="separated"] .cell_body--OKMkx {
      padding: 8px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

[data-variant="separated"] .cell--xsnDW[data-sticky-left-offset="true"]::before,
  [data-variant="separated"] .cell--xsnDW[data-sticky-right-offset="true"]::before {
      content: "";
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      background-color: var(--basic-on-bg-stroke)
  }
    }

[data-variant="separated"] .cell--xsnDW[data-sticky-left-offset="true"]::before {
    right: -1px;
  }

[data-variant="separated"] .cell--xsnDW[data-sticky-right-offset="true"]::before {
    left: -1px;
  }

@media (min-width: 768px) and (max-width: 10000px) {

.caption--k4nSt {
    display: none
}
  }

@media (max-width: 767px) {

.caption--k4nSt {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    color: var(--basic-on-bg-secondary);
    margin-bottom: 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.content--KLchs {
    overflow: hidden;
    text-overflow: ellipsis
}
  }

@media (max-width: 1279px) {

.content--KLchs {
    word-break: break-word
}
  }

.content--KLchs[data-align="right"] {
  display: flex;
  justify-content: flex-end;
}
.head--GNiGC[data-sticky] {
  position: sticky;
  z-index: 2;
}

.sticky-row--CegOh {
  position: absolute;
  height: 80px;
  background-color: var(--basic-bg-primary);
  z-index: -1;
  overflow: hidden;
  top: -20px;
  height: 68px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.sticky-row--CegOh {
    left: -24px;
    width: calc(100% + 48px)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.sticky-row--CegOh {
    left: -16px;
    width: calc(100% + 32px)
}
  }

@media (max-width: 767px) {

.sticky-row--CegOh {
    left: 0;
    width: 100%
}
  }

.sticky-row--CegOh::before {
  content: "";
  position: absolute;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  top: 20px;
  height: 68px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.sticky-row--CegOh::before {
    left: 24px;
    width: calc(100% - 48px)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.sticky-row--CegOh::before {
    left: 16px;
    width: calc(100% - 32px)
}
  }

@media (max-width: 767px) {

.sticky-row--CegOh::before {
    left: 0;
    width: 100%
}
  }

.sticky-border--mmkxI {
  width: 100%;
  height: 0;
  position: absolute;
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}
.row--7PePC {
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.row--7PePC[data-disabled="true"] {
  color: var(--basic-on-bg-grey-01);
}

.row_head--yvoMs {
  height: 48px;
}

[data-sticky] .row_head--yvoMs {
  border: 0;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.row_body---9P0t {
    height: 65px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.row_body---9P0t {
    min-height: 65px
}
  }

@media (max-width: 767px) {

.row_body---9P0t {
    display: flex;
    flex-direction: column;
    position: relative
}
  }

@media (max-width: 767px) {

.row_minimized--lkuqq > [class*="cell"]:not(:first-child) {
    display: none
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.arrow--P2dzX {
    display: none
}
  }

@media (max-width: 767px) {

.arrow--P2dzX {
    display: block;
    position: absolute;
    top: 18px;
    right: 6px;
    padding: 0
}
  }

@media (max-width: 767px) {

.arrow-icon--XN481 {
    transition: transform 0.3s;
    transform: rotate(180deg)
}
  }

@media (max-width: 767px) {

.arrow_with-action--4K4i4 {
    display: flex;
    top: 10px
}
  }

@media (max-width: 767px) {

.row_minimized--lkuqq .arrow-icon--XN481 {
    transform: rotate(0)
}
  }
:is(.text-area--z3Kkq[data-variant="string"], .text-area--z3Kkq[data-variant="column"])[data-size="sm"] .input--FVP6S {
    padding: 5px 12px 5px;
  }
  :is(.text-area--z3Kkq[data-variant="string"], .text-area--z3Kkq[data-variant="column"])[data-size="sm"] .input--FVP6S:focus-within {
    padding: 4px 11px 4px;
  }
  :is(.text-area--z3Kkq[data-variant="string"], .text-area--z3Kkq[data-variant="column"])[data-size="md"] .input--FVP6S {
    padding: 9px 15px 9px;
  }
  :is(.text-area--z3Kkq[data-variant="string"], .text-area--z3Kkq[data-variant="column"])[data-size="md"] .input--FVP6S:focus-within {
    padding: 8px 14px 8px;
  }
  :is(.text-area--z3Kkq[data-variant="string"], .text-area--z3Kkq[data-variant="column"])[data-size="lg"] .input--FVP6S {
    padding: 11px 15px 11px;
  }
  :is(.text-area--z3Kkq[data-variant="string"], .text-area--z3Kkq[data-variant="column"])[data-size="lg"] .input--FVP6S:focus-within {
    padding: 10px 14px 10px;
  }

.input--FVP6S {
  display: block;
}

.input--FVP6S[data-resize="vertical"] {
  resize: vertical;
}

.input--FVP6S[data-resize="vertical"][data-size="sm"] {
    min-height: 32px;
  }

.input--FVP6S[data-resize="vertical"][data-size="lg"] {
    min-height: 48px;
  }

.input--FVP6S[data-resize="vertical"][data-size="md"] {
    min-height: 40px;
  }

.input--FVP6S[data-resize="horizontal"] {
  resize: horizontal;
}

.input--FVP6S[data-resize="horizontal"][data-size="sm"] {
    min-height: 32px;
  }

.input--FVP6S[data-resize="horizontal"][data-size="lg"] {
    min-height: 48px;
  }

.input--FVP6S[data-resize="horizontal"][data-size="md"] {
    min-height: 40px;
  }
.text-area--x-SQL {
  width: 100%;
}

.input--rxw1G[data-resize="vertical"][data-size="lg"] {
  min-height: 128px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.text-area--x-SQL:has(.label--aXU81) {
    grid-template-columns: 196px calc(100% - 196px)
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--aXU81[data-variant="string"] {
    width: 180px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--aXU81 + .wrapper--JaTPH {
    max-width: 100%
}
  }

.wrapper--JaTPH {
  width: 100%;
}

.field-container---Igcf {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.group--0PuvG {
  position: relative;
  display: flex;
}

.group--0PuvG[data-size="sm"] .row--USAH4 {
    gap: 10px 12px;
  }

.group--0PuvG[data-size="sm"] .row--USAH4 + .row--USAH4 {
    margin-top: 8px;
  }

.group--0PuvG[data-size="sm"][data-variant="string"] .radio---VrSI {
    margin-top: 4px;
  }

.group--0PuvG[data-size="sm"] .close--hvrmd {
    margin-top: 4px;
  }

.group--0PuvG[data-size="sm"] .add--gVq1Z {
    margin-top: 6px;
  }

.group--0PuvG[data-size="md"] .row--USAH4 {
    gap: 10px 14px;
  }

.group--0PuvG[data-size="md"] .row--USAH4 + .row--USAH4 {
    margin-top: 12px;
  }

.group--0PuvG[data-size="md"][data-variant="string"] .radio---VrSI {
    margin-top: 8px;
  }

.group--0PuvG[data-size="md"] .remove---JE-d {
    margin-top: 4px;
  }

.group--0PuvG[data-size="md"] .add--gVq1Z {
    margin-top: 8px;
  }

.group--0PuvG[data-size="lg"] .row--USAH4 {
    gap: 10px 16px;
  }

.group--0PuvG[data-size="lg"] .row--USAH4 + .row--USAH4 {
    margin-top: 16px;
  }

.group--0PuvG[data-size="lg"][data-variant="string"] .radio---VrSI {
    margin-top: 12px;
  }

.group--0PuvG[data-size="lg"] .remove---JE-d {
    margin-top: 8px;
  }

.group--0PuvG[data-size="lg"] .add--gVq1Z {
    margin-top: 10px;
  }

.row--USAH4 {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.input--JaIwi {
  flex-grow: 1;
}

.group--0PuvG[data-variant="string"],
.group--0PuvG[data-variant="minimized"] {
  display: grid;
  grid-template-areas:
    "label wrapper"
    "label wrapper";
}

.group--0PuvG[data-variant="string"] .label--BYM4m, .group--0PuvG[data-variant="minimized"] .label--BYM4m {
    color: var(--basic-on-bg-secondary);
    grid-area: label;
    margin-right: 16px;
    align-self: flex-start;
    word-break: break-word;
    display: flex;
    align-items: center;
  }

.group--0PuvG[data-variant="string"][data-size="sm"] .label--BYM4m, .group--0PuvG[data-variant="minimized"][data-size="sm"] .label--BYM4m {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 32px;
  }

.group--0PuvG[data-variant="string"][data-size="md"] .label--BYM4m, .group--0PuvG[data-variant="minimized"][data-size="md"] .label--BYM4m {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 40px;
  }

.group--0PuvG[data-variant="string"][data-size="lg"] .label--BYM4m, .group--0PuvG[data-variant="minimized"][data-size="lg"] .label--BYM4m {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    min-height: 48px;
  }

.group--0PuvG[data-variant="string"] .wrapper--9ewir, .group--0PuvG[data-variant="minimized"] .wrapper--9ewir {
    grid-area: wrapper;
  }

@media (max-width: 767px) {

.group--0PuvG[data-variant="string"] .radio-label--gRZgp, .group--0PuvG[data-variant="minimized"] .radio-label--gRZgp {
      display: none
  }
    }

.group--0PuvG[data-variant="string"] .error--9kT69, .group--0PuvG[data-variant="minimized"] .error--9kT69 {
    margin-top: 4px;
  }

.group--0PuvG[data-variant="minimized"] .remove---JE-d {
    margin-top: 8px;
  }

.remove---JE-d {
  width: 32px;
  height: 32px;
}

.group--0PuvG[data-variant="column"],
.group--0PuvG[data-variant="column-minimized"] {
  flex-direction: column;
  align-items: flex-start;
}

.group--0PuvG[data-variant="column"] .label--BYM4m, .group--0PuvG[data-variant="column-minimized"] .label--BYM4m {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.group--0PuvG[data-variant="column"] .row--USAH4, .group--0PuvG[data-variant="column-minimized"] .row--USAH4 {
    flex-wrap: wrap;
  }

.group--0PuvG[data-variant="column"] .radio---VrSI, .group--0PuvG[data-variant="column-minimized"] .radio---VrSI {
    order: 3;
    width: 100%;
  }

.group--0PuvG[data-variant="column"] .error--9kT69, .group--0PuvG[data-variant="column-minimized"] .error--9kT69 {
    margin-top: 10px;
  }

@media (max-width: 767px) {
    .group--0PuvG[data-variant="column"] .row--USAH4, .group--0PuvG[data-variant="column-minimized"] .row--USAH4 {
      gap: 10px 8px;
    }

    .group--0PuvG[data-variant="column"] .row--USAH4 + .row--USAH4, .group--0PuvG[data-variant="column-minimized"] .row--USAH4 + .row--USAH4 {
      margin-top: 8px;
    }

    .group--0PuvG[data-variant="column"] .add--gVq1Z, .group--0PuvG[data-variant="column-minimized"] .add--gVq1Z {
      margin-top: 8px;
      padding: 10px 14px;
    }
  }

.error--9kT69 {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--basic-on-bg-alert);
  display: flex;
  flex-direction: column;
}

.group--0PuvG[data-readonly="true"] .remove---JE-d {
  margin-top: 0;
}
.group--hj6rP {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {

.group--hj6rP:has(.label--uUp5K) {
    grid-template-columns: 196px calc(100% - 196px)
}
  }

.wrapper--mO2fg {
  width: 100%;
}

.input--3QJzm {
  width: 100%;
}
.node--8ExPu {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.node_header--mgCjv .label--BeGF7 {
    font-weight: 500;
    letter-spacing: 0;
  }

.node_common--hAG18 {
  padding: 8px 8px 8px 0;
}

.node_common--hAG18 .arrow-icon--QKDlV {
    margin-right: 4px;
  }

.node_leaf--2d6ha {
  border-radius: 8px;
  transition: background-color 0.3s;
  margin-left: -48px;
  padding: 8px 8px 8px calc(24px + 32px);
  width: calc(100% + 48px);
}

.node_leaf--2d6ha .right-section--FmmZp {
    opacity: 0;
    transition: opacity 0.3s;
  }

.node_leaf--2d6ha:hover {
    background: var(--basic-bg-hover);
  }

.node_leaf--2d6ha:hover .right-section--FmmZp {
    opacity: 1;
  }

.node_leaf-higher-level--FYI5y {
  margin-left: -24px;
  padding: 8px 8px 8px 28px;
  width: calc(100% + 24px);
}

.node_selected--0uK1i {
  background: var(--basic-on-bg-grey-03);
}

.arrow-icon--QKDlV {
  transform: rotate(-90deg);
  transition: transform 0.3s;
  flex-shrink: 0;
}

.arrow-icon_expanded--cBTh7 {
  transform: rotate(0deg);
}

.label--BeGF7 {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-primary);
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right-section--FmmZp {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}
.tree-root--Nh8yv {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.tree-root--Nh8yv > .tree-node--ZcSp8 {
  background: var(--basic-bg-emphasis);
  border-radius: 12px;
  padding: 12px 16px;
  overflow: auto;
}

.tree-node--ZcSp8 {
  cursor: pointer;
  list-style-type: none;
  padding-left: 24px;
  width: min-content;
  min-width: 100%;
}

.tree-subtree--bOfEQ {
  margin: 0;
  padding: 0;
}
.container--zuqcL {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
}

.title--BCTPL {
  line-height: 36px;
  text-align: center;
}

.description--cXpps {
  font-size: 16px;
  line-height: 24px;
  color: var(--basic-on-bg-secondary);
  text-align: center;
}

.button--L4YGR {
  margin-top: 8px;
}
.wrapper-field--BMqye {
  width: 100%;
}

.label--qOaqs {
  cursor: default;
}

.wrapper-field--BMqye[data-variant="string"] {
  display: grid;
  grid-template-areas: "label content";
}

@media (min-width: 768px) and (max-width: 10000px) {

.wrapper-field--BMqye[data-variant="string"]:has(.label--qOaqs) {
      grid-template-columns: 196px calc(100% - 196px)
  }
    }

.wrapper-field--BMqye[data-variant="string"] .label--qOaqs {
    color: var(--basic-on-bg-secondary);
    grid-area: label;
    margin-right: 16px;
    align-self: flex-start;
    word-break: break-word;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    min-height: 48px;
  }

.wrapper-field--BMqye[data-variant="string"] .content--2m6ha {
    grid-area: content;
    display: flex;
    gap: 16px;
  }

.wrapper-field--BMqye[data-variant="string"] .error--ng4nC {
    margin-top: 4px;
  }

.wrapper-field--BMqye[data-variant="column"] .label--qOaqs {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.wrapper-field--BMqye[data-variant="column"] .content--2m6ha {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

.wrapper-field--BMqye[data-variant="column"] .error--ng4nC {
    margin-top: 4px;
  }