@charset "UTF-8";

/* Общие стили: основа, шапка, меню, подвал и компоненты всех страниц. */

[hidden] {
  display: none !important;
}
.page-title {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 700;
  overflow-wrap: anywhere;
}

@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("assets/fonts/inter-regular.ttf") format("truetype");
}

@font-face {
  font-family: Inter;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("assets/fonts/inter-bold.ttf") format("truetype");
}

:root {
  --blue: #1e4796;
  --bg: #f7f7f7;
  --white: #ffffff;
  --inner: #f0f0f0;
  --gray: #e6e6e6;
  --text: #212121;
  --muted: #8e8e8e;
  --line: #efefef;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font:
    400 16px/1.5 Inter,
    sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
  transition:
    color 0.15s,
    background-color 0.15s;
}

a:hover {
  color: var(--blue);
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 4px;
}

img {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1,
h2 {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 700;
}

h3 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}

.muted {
  color: var(--muted);
  font-size: 14px;
}

/* Общие приписки со ссылками: пустые страницы и окно пополнения баланса. */
.ep-help {
  font-size: 14px;
  color: #717171;
  line-height: 1.65;
  text-align: center;
  padding: 0 16px;
}
.ep-text-link {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.icon {
  display: inline-flex;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.icon svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.wrap {
  max-width: 1600px;
  padding: 0 32px;
  margin: auto;
}

.site-header {
  border-bottom: 1px solid #d6dbe0;
  background: var(--bg);
}

.topline {
  display: flex;
  align-items: center;
  gap: 28px;
  padding-top: 18px;
  font-size: 14px;
}

.city {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-right: auto;
}

.city .icon {
  width: 12px;
  height: 15px;
}

.header-dropdown {
  position: relative;
}

.header-dropdown summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-dropdown summary::-webkit-details-marker {
  display: none;
}

.header-dropdown summary .icon {
  width: 10px;
  height: 8px;
}

.dropdown-list {
  position: absolute;
  right: 0;
  top: 28px;
  background: var(--white);
  border-radius: 15px;
  padding: 18px;
  min-width: 210px;
  z-index: 5;
  display: grid;
  gap: 12px;
}

.header-main {
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 18px 0 24px;
}

.logo {
  width: 142px;
  flex-shrink: 0;
  margin-right: 14px;
}

.logo img {
  width: 100%;
}

.text-button {
  background: none;
  padding: 0;
  border: 0;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: inherit;
  min-height: 40px;
}
.text-button:hover {
  color: var(--blue);
}

.btn {
  height: 42px;
  padding: 0 20px;
  border: 0;
  border-radius: 24px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
}

.primary {
  color: var(--white);
  background: var(--blue);
}

.primary:hover {
  color: var(--white);
  background: rgb(30 71 150 / 80%);
}

.secondary {
  background: var(--inner);
  color: var(--text);
}

.secondary:hover {
  background: var(--gray);
  color: var(--text);
}

.outline {
  border: 1px solid var(--blue);
  color: var(--blue);
  background: var(--white);
}

.outline:hover {
  color: var(--white);
  background: var(--blue);
}

.catalog {
  font-weight: 700;
}

.search {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--inner);
  border-radius: 28px;
  min-width: 0;
  flex: 1;
  height: 44px;
  padding: 0 20px;
  color: var(--muted);
}

.search input {
  background: transparent;
  border: 0;
  outline: none;
  width: 100%;
  min-width: 0;
  color: var(--text);
}

.search input::placeholder {
  color: var(--muted);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: 12px;
}

.header-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 42px;
  color: var(--muted);
}

.header-action .icon {
  width: 27px;
  height: 27px;
}

.mobile-menu {
  display: none;
  padding: 0;
  border: 0;
}

.mobile-menu-close-icon {
  display: none;
  width: 24px;
  height: 24px;
}

/* Full-screen mobile navigation follows the marketplace's plain link menu. */
html.seller-menu-open,
html.seller-menu-open body {
  overflow: hidden;
  overscroll-behavior: none;
}

html.seller-menu-open body {
  position: fixed;
  inset: var(--seller-menu-scroll-top) 0 auto;
  width: 100%;
}

.site-header.is-mobile-menu-open {
  position: fixed;
  inset: 0;
  z-index: 100;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  border: 0;
  background: #f8f8f8;
}

.site-header.is-mobile-menu-open > .wrap {
  flex-shrink: 0;
  width: 100%;
  margin: 0 auto;
}

.is-mobile-menu-open .mobile-menu-open-icon {
  display: none;
}

.is-mobile-menu-open .mobile-menu-close-icon {
  display: block;
}

.seller-mobile-panel {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-bottom: max(24px, env(safe-area-inset-bottom));
  animation: seller-menu-slide-in 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.seller-mobile-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.seller-mobile-links li {
  margin-bottom: 2px;
}

.seller-mobile-links a {
  display: block;
  padding: 10px 0;
  min-height: 44px;
  border-radius: 8px;
  color: #2d3748;
  font-size: 16px;
  line-height: 24px;
  overflow-wrap: anywhere;
}

.seller-mobile-links a:hover,
.seller-mobile-links a[aria-current="page"] {
  color: var(--blue);
}

.seller-mobile-links a[href="index.html"],
.seller-mobile-links a[aria-current="page"] {
  font-weight: 700;
}

.seller-mobile-links a[href="index.html"] {
  font-size: 18px;
  line-height: 27px;
}

.seller-mobile-links a:focus-visible {
  outline-offset: 0;
}

.seller-mobile-links .seller-mobile-logout {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 12px;
  padding: 10px 14px;
  border-radius: 25px;
  background: var(--blue);
  color: var(--white);
}

.seller-mobile-links .seller-mobile-logout:hover {
  background: #123573;
  color: var(--white);
}

.seller-mobile-section {
  padding-bottom: 5px;
}

.seller-mobile-section h2 {
  padding: 8px 0;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.5px;
}

@keyframes seller-menu-slide-in {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .seller-mobile-panel {
    animation: none;
  }
}

.layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 30px;
  position: relative;
}

.sidebar {
  background: var(--white);
  position: relative;
  padding: 30px 20px 60px 0;
}

.sidebar:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: max(32px, calc((100vw - 1536px) / 2));
  background: var(--white);
}

.company {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text);
  margin-bottom: 36px;
  min-height: 64px;
}

.company img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}

.company > span:not(.icon) {
  overflow-wrap: anywhere;
}

.company > .icon {
  display: none;
}

.nav-group {
  display: grid;
  gap: 5px;
  margin-bottom: 24px;
}

.nav-group:last-child {
  margin-bottom: 0;
}

.nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  line-height: 1.4;
  padding: 7px 0;
}

.nav-item > span:nth-child(2) {
  font-size: 14px;
}

.nav-icon {
  position: relative;
  display: flex;
  flex-shrink: 0;
}

.nav-item > .icon {
  display: none;
}

.unread {
  position: absolute;
  right: -2px;
  top: -2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--blue);
}

.content {
  padding: 30px 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.notice {
  grid-column: span 2;
  background: var(--white);
  border-radius: 18px;
  padding: 22px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 20px;
  align-items: start;
}

.notice-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.notice-content {
  display: contents;
}

.notice h3 {
  align-self: center;
}

.notice p,
.notice .muted {
  grid-column: 1/-1;
}

.notice p {
  min-height: 48px;
  margin-bottom: -10px;
}

.notice .btn {
  grid-column: 1/-1;
  justify-self: start;
}

.notice .muted {
  margin-bottom: -6px;
}

.section-heading .period {
  text-align: right;
}

.site-footer {
  background: var(--gray);
  padding: 42px 0 28px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.05fr 1.1fr 1fr 1fr 1.5fr;
  gap: 32px;
}

.footer-brand .logo {
  display: block;
  width: 140px;
  margin-bottom: 25px;
}

.footer-brand .email {
  display: block;
  margin-bottom: 4px;
}

.footer-col h3 {
  font-size: 16px;
  margin-bottom: 16px;
}

.footer-col a {
  display: block;
  font-size: 14px;
  margin-top: 10px;
}

.footer-bottom {
  margin-top: 32px;
  font-size: 14px;
}

.footer-bottom p + p {
  color: var(--muted);
  margin-top: 14px;
}

.skip-link {
  position: fixed;
  top: -100px;
  left: 20px;
  z-index: 20;
  background: var(--white);
  padding: 12px;
}

.skip-link:focus {
  top: 12px;
}

@media (min-width: 1500px) {
  .nav-item > span:nth-child(2) {
    font-size: 16px;
  }
  .layout {
    grid-template-columns: 300px minmax(0, 1fr);
  }
}

@media (max-width: 1199px) {
  .wrap {
    padding: 0 24px;
  }
  .layout {
    grid-template-columns: 250px minmax(0, 1fr);
  }
  .header-main {
    gap: 16px;
  }
  .header-actions {
    gap: 16px;
    margin-left: 0;
  }
  .logo {
    width: 130px;
    margin-right: 0;
  }
  .notice {
    grid-column: span 3;
    padding: 20px;
  }
  .footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 959px) {
  .layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .sidebar {
    order: 2;
    padding: 0 0 42px;
    background: transparent;
  }
  .sidebar:before {
    display: none;
  }
  .content {
    padding: 30px 0 36px;
  }
  .sidebar nav {
    grid-template-columns: 1fr 1fr;
  }
  .nav-group {
    margin: 0;
    gap: 12px;
    align-content: start;
  }
  .company {
    grid-column: 1/-1;
    background: var(--white);
    border-radius: 15px;
    padding: 16px;
    margin: 0;
  }
  .company > .icon {
    display: flex;
    margin-left: auto;
  }
  .nav-item {
    background: var(--white);
    border-radius: 12px;
    padding: 16px;
    min-height: 58px;
    gap: 12px;
  }
  .nav-item > span:nth-child(2) {
    font-size: 16px;
  }
  .nav-item > .icon {
    display: flex;
    width: 16px;
    margin-left: auto;
  }
  .company img {
    height: 60px;
    width: 60px;
  }
  .topline {
    display: none;
  }
  .header-main {
    flex-wrap: wrap;
    padding: 18px 0;
    gap: 18px;
  }
  .header-main .logo {
    width: 150px;
  }
  .catalog {
    display: none;
  }
  .header-actions {
    margin-left: auto;
    gap: 8px;
  }
  .header-action {
    width: 48px;
    height: 38px;
    background: var(--gray);
    border-radius: 24px;
  }
  .header-action .icon {
    width: 24px;
    height: 24px;
  }
  .header-action.account {
    display: none;
  }
  .header-action.mobile-menu {
    display: flex;
    background: var(--blue);
    color: var(--white);
    width: 38px;
  }
  .search {
    order: 3;
    flex-basis: 100%;
    height: 40px;
    background: var(--gray);
  }
  .header-actions .favorite {
    order: -1;
  }
  .section-heading h2 {
    font-size: 26px;
  }
  .footer-grid {
    gap: 28px;
  }
  .notice p {
    min-height: 24px;
  }
}

@media (max-width: 599px) {
  .wrap {
    padding: 0 16px;
  }
  .header-main {
    gap: 18px;
    padding: 14px 0 18px;
  }
  .header-main .logo {
    width: 128px;
  }
  .header-actions {
    gap: 5px;
  }
  .header-action {
    width: 42px;
    height: 36px;
  }
  .header-action .icon {
    width: 22px;
    height: 22px;
  }
  .header-action.mobile-menu {
    width: 36px;
  }
  .search {
    height: 38px;
    padding: 0 16px;
    gap: 10px;
  }
  .content {
    padding-top: 30px;
  }
  .section-heading {
    margin-bottom: 18px;
    align-items: center;
    gap: 10px;
  }
  .section-heading h2 {
    font-size: 18px;
  }
  .notice {
    grid-column: auto;
    grid-template-columns: 40px minmax(0, 1fr);
  }
  .notice-content {
    display: contents;
  }
  .notice h3 {
    font-size: 18px;
  }
  .notice p {
    grid-column: 1/-1;
    margin: 0;
    min-height: 0;
  }
  .notice .muted {
    margin: 0;
    white-space: nowrap;
    align-self: center;
  }
  .sidebar nav {
    display: block;
  }
  .company {
    margin-bottom: 16px;
    padding: 16px;
    gap: 12px;
  }
  .company img {
    width: 60px;
    height: 60px;
  }
  .nav-group {
    gap: 12px;
    margin-bottom: 20px;
  }
  .nav-item {
    padding: 15px;
    min-height: 56px;
  }
  .nav-item > span:nth-child(2) {
    font-size: 16px;
  }
  .sidebar {
    padding-bottom: 32px;
  }
  .site-footer {
    padding-top: 30px;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 26px 20px;
  }
  .footer-brand {
    grid-column: 1/-1;
  }
  .footer-brand .logo {
    margin-bottom: 18px;
  }
  .footer-col.catalog-footer {
    grid-column: 1/-1;
  }
  .catalog-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
  .footer-bottom {
    margin-top: 28px;
  }
  .footer-col h3 {
    margin-bottom: 12px;
  }
}

@media (max-width: 359px) {
  .header-main .logo {
    width: 105px;
  }
  .header-action {
    width: 36px;
  }
  .header-actions {
    gap: 4px;
  }
  .wrap {
    padding: 0 12px;
  }
  .notice {
    padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  a {
    transition: none;
  }
}
.icon-shape {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: var(--icon-source);
  -webkit-mask-image: var(--icon-source);
}

.icon-1 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%20width%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.55%205.15C9.55%207.89615%206.50355%2010.7562%205.48055%2011.6395C5.38525%2011.7111%205.26924%2011.7499%205.15%2011.7499C5.03076%2011.7499%204.91475%2011.7111%204.81945%2011.6395C3.79645%2010.7562%200.75%207.89615%200.75%205.15C0.75%203.98305%201.21357%202.86389%202.03873%202.03873C2.86389%201.21357%203.98305%200.75%205.15%200.75C6.31695%200.75%207.43611%201.21357%208.26127%202.03873C9.08643%202.86389%209.55%203.98305%209.55%205.15Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M5.15%206.8C6.06127%206.8%206.8%206.06127%206.8%205.15C6.8%204.23873%206.06127%203.5%205.15%203.5C4.23873%203.5%203.5%204.23873%203.5%205.15C3.5%206.06127%204.23873%206.8%205.15%206.8Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-2 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.99262%206.05377C5.28551%206.34666%205.76039%206.34666%206.05328%206.05377L10.8263%201.2808C11.1191%200.987904%2011.1191%200.51303%2010.8263%200.220137C10.5334%20-0.0727568%2010.0585%20-0.0727568%209.76559%200.220137L5.52295%204.46278L1.28031%200.220137C0.987415%20-0.0727568%200.512542%20-0.0727568%200.219648%200.220137C-0.073245%200.51303%20-0.073245%200.987904%200.219648%201.2808L4.99262%206.05377ZM5.52295%205.02344H4.77295V5.52344H5.52295H6.27295V5.02344H5.52295Z%22%20fill%3D%22currentColor%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-3 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%205h18M3%2012h18M3%2019h18%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.icon-4 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2217%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M19%2019L14.66%2014.66%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M9%2017C13.4183%2017%2017%2013.4183%2017%209C17%204.58172%2013.4183%201%209%201C4.58172%201%201%204.58172%201%209C1%2013.4183%204.58172%2017%209%2017Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-5 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20width%3D%2227%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.25%2025.75C20.1536%2025.75%2025.75%2020.1536%2025.75%2013.25C25.75%206.34644%2020.1536%200.75%2013.25%200.75C6.34644%200.75%200.75%206.34644%200.75%2013.25C0.75%2020.1536%206.34644%2025.75%2013.25%2025.75Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M13.25%2014.5C15.3211%2014.5%2017%2012.8211%2017%2010.75C17%208.67893%2015.3211%207%2013.25%207C11.1789%207%209.5%208.67893%209.5%2010.75C9.5%2012.8211%2011.1789%2014.5%2013.25%2014.5Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M7%2024.0775V22C7%2021.337%207.26339%2020.7011%207.73223%2020.2322C8.20107%2019.7634%208.83696%2019.5%209.5%2019.5H17C17.663%2019.5%2018.2989%2019.7634%2018.7678%2020.2322C19.2366%2020.7011%2019.5%2021.337%2019.5%2022V24.0775%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-6 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2219%22%20viewBox%3D%220%200%2021%2019%22%20width%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.25%200.75V17.8507%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M16.8999%205.49984L19.75%2013.1001C18.9278%2013.7168%2017.9277%2014.0502%2016.8999%2014.0502C15.8721%2014.0502%2014.872%2013.7168%2014.0498%2013.1001L16.8999%205.49984ZM16.8999%205.49984V4.5498%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M1.69922%204.54851H2.64926C5.30024%204.54851%207.91046%203.89596%2010.2496%202.64844C12.5887%203.89596%2015.1989%204.54851%2017.8499%204.54851H18.7999%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M3.60011%205.49984L6.45023%2013.1001C5.62799%2013.7168%204.62791%2014.0502%203.60011%2014.0502C2.57231%2014.0502%201.57224%2013.7168%200.75%2013.1001L3.60011%205.49984ZM3.60011%205.49984V4.5498%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M5.5%2017.8496H15.0004%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-7 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2219%22%20viewBox%3D%220%200%2021%2019%22%20width%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.75%206.26279C0.750019%205.15067%201.07082%204.06471%201.67002%203.14835C2.26922%202.23199%203.11864%201.52834%204.10609%201.13032C5.09354%200.732305%206.17257%200.658653%207.20066%200.919094C8.22875%201.17954%209.15753%201.76182%209.86434%202.58903C9.91413%202.64501%209.97431%202.68964%2010.0412%202.72015C10.108%202.75066%2010.1801%202.76641%2010.253%202.76641C10.3259%202.76641%2010.398%202.75066%2010.4649%202.72015C10.5317%202.68964%2010.5919%202.64501%2010.6417%202.58903C11.3463%201.75644%2012.2753%201.16927%2013.305%200.90566C14.3348%200.642055%2015.4165%200.714522%2016.4061%201.11342C17.3957%201.51231%2018.2464%202.21871%2018.8448%203.1386C19.4432%204.05848%2019.7611%205.14823%2019.756%206.26279C19.756%208.55139%2018.3306%2010.2603%2016.9051%2011.7594L11.6861%2017.0692C11.509%2017.2831%2011.2907%2017.4549%2011.0456%2017.5732C10.8005%2017.6915%2010.5343%2017.7536%2010.2647%2017.7554C9.99505%2017.7572%209.72812%2017.6986%209.48165%2017.5836C9.23517%2017.4686%209.0148%2017.2997%208.83517%2017.0882L3.60091%2011.7594C2.17545%2010.2603%200.75%208.56138%200.75%206.26279Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-8 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2221%22%20viewBox%3D%220%200%2022%2021%22%20width%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.71902%2019.7502C7.27307%2019.7502%207.72221%2019.3014%207.72221%2018.7477C7.72221%2018.194%207.27307%2017.7451%206.71902%2017.7451C6.16497%2017.7451%205.71582%2018.194%205.71582%2018.7477C5.71582%2019.3014%206.16497%2019.7502%206.71902%2019.7502Z%22%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M17.7532%2019.7502C18.3072%2019.7502%2018.7564%2019.3014%2018.7564%2018.7477C18.7564%2018.194%2018.3072%2017.7451%2017.7532%2017.7451C17.1991%2017.7451%2016.75%2018.194%2016.75%2018.7477C16.75%2019.3014%2017.1991%2019.7502%2017.7532%2019.7502Z%22%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M0.75%200.75H2.75639L5.42489%2013.2017C5.52278%2013.6577%205.77669%2014.0654%206.14289%2014.3545C6.5091%2014.6436%206.96471%2014.7961%207.43129%2014.7857H17.2425C17.6992%2014.785%2018.1419%2014.6286%2018.4976%2014.3424C18.8532%2014.0563%2019.1006%2013.6574%2019.1988%2013.2117L20.8541%205.76276H3.82981%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-9 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%205h14M7%2012h14M7%2019h14%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%222%22%20cy%3D%225%22%20r%3D%221%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2212%22%20r%3D%221%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2219%22%20r%3D%221%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E");
}

.icon-10 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.icon-11 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.0564%207.6123C12.0564%208.5553%2011.6818%209.45967%2011.015%2010.1265C10.3482%2010.7933%209.44386%2011.1679%208.50087%2011.1679C7.55788%2011.1679%206.65351%2010.7933%205.98671%2010.1265C5.31991%209.45967%204.94531%208.5553%204.94531%207.6123%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M0.59375%204.08691H16.4106%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M0.855556%203.58178C0.624761%203.8895%200.5%204.26379%200.5%204.64844V16.5C0.5%2016.9715%200.687301%2017.4237%201.0207%2017.7571C1.3541%2018.0905%201.80628%2018.2778%202.27778%2018.2778H14.7222C15.1937%2018.2778%2015.6459%2018.0905%2015.9793%2017.7571C16.3127%2017.4237%2016.5%2016.9715%2016.5%2016.5V4.64844C16.5%204.26379%2016.3752%203.8895%2016.1444%203.58178L14.3667%201.21111C14.2011%200.990318%2013.9863%200.811112%2013.7395%200.687685C13.4926%200.564258%2013.2204%200.5%2012.9444%200.5H4.05556C3.77956%200.5%203.50736%200.564258%203.26051%200.687685C3.01365%200.811112%202.79893%200.990318%202.63333%201.21111L0.855556%203.58178Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-12 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.90058%2014.8154C6.90051%2014.9719%206.94188%2015.1253%207.02003%2015.2585C7.09818%2015.3916%207.21004%2015.4992%207.34304%2015.5691L8.94326%2016.4112C9.06527%2016.4754%209.20085%2016.5056%209.33711%2016.4991C9.47337%2016.4926%209.60579%2016.4496%209.72179%2016.3741C9.83779%2016.2986%209.93353%2016.1931%209.9999%2016.0677C10.0663%2015.9423%2010.1011%2015.8011%2010.101%2015.6575V9.76293C10.1012%209.34558%2010.2486%208.94316%2010.5147%208.6337L16.2939%201.90628C16.3974%201.78549%2016.4656%201.63571%2016.49%201.47504C16.5144%201.31437%2016.494%201.1497%2016.4314%201.00093C16.3688%200.852175%2016.2665%200.725698%2016.137%200.636798C16.0076%200.547898%2015.8564%200.500384%2015.7018%200.5H1.29982C1.14508%200.500059%200.993685%200.547338%200.863961%200.636111C0.734236%200.724885%200.631753%200.851342%200.568925%201.00017C0.506096%201.14899%200.485619%201.3138%200.509973%201.47462C0.534327%201.63544%200.602467%201.78539%200.70614%201.90628L6.48693%208.6337C6.75299%208.94316%206.9004%209.34558%206.90058%209.76293V14.8154Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-13 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2018%2016%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.0625%207.0625L10.25%2015.4998%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M14.3124%207.06232L11.0625%200.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M0.5%207.0625H16.7496%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M1.71875%207.0625L3.01872%2013.9998C3.09469%2014.4297%203.2989%2014.8152%203.59581%2015.0893C3.89272%2015.3634%204.26352%2015.5086%204.64368%2015.4998H12.606C12.9861%2015.5086%2013.3569%2015.3634%2013.6538%2015.0893C13.9507%2014.8152%2014.155%2014.4297%2014.2309%2013.9998L15.6121%207.0625%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M2.53125%2011.2812H14.7184%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M2.9375%207.06232L6.18742%200.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M6.1875%207.0625L6.99998%2015.4998%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-14 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.7%2014.9006V13.3006C11.7%2012.4519%2011.3629%2011.638%2010.7627%2011.0378C10.1626%2010.4377%209.34869%2010.1006%208.5%2010.1006H3.7C2.85131%2010.1006%202.03737%2010.4377%201.43726%2011.0378C0.837142%2011.638%200.5%2012.4519%200.5%2013.3006V14.9006%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M11.7031%200.602539C12.3893%200.780435%2012.997%201.18115%2013.4309%201.74179C13.8647%202.30243%2014.1001%202.99125%2014.1001%203.70014C14.1001%204.40903%2013.8647%205.09785%2013.4309%205.65849C12.997%206.21913%2012.3893%206.61984%2011.7031%206.79774%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M16.5016%2014.9001V13.3001C16.501%2012.5911%2016.265%2011.9023%2015.8307%2011.342C15.3963%2010.7816%2014.7881%2010.3814%2014.1016%2010.2041%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M6.09844%206.9C7.86575%206.9%209.29844%205.46731%209.29844%203.7C9.29844%201.93269%207.86575%200.5%206.09844%200.5C4.33113%200.5%202.89844%201.93269%202.89844%203.7C2.89844%205.46731%204.33113%206.9%206.09844%206.9Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-15 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.36855%2012.1314C1.43717%2011.8392%201.41098%2011.5344%201.29335%2011.2562C0.474768%209.66392%200.282357%207.85176%200.750067%206.13946C1.21778%204.42715%202.31555%202.92472%203.8497%201.89726C5.38385%200.869804%207.25579%200.383337%209.13525%200.523693C11.0147%200.664048%2012.7809%201.42221%2014.1222%202.6644C15.4635%203.9066%2016.2937%205.553%2016.4664%207.31313C16.639%209.07326%2016.143%2010.834%2015.0659%2012.2847C13.9888%2013.7354%2012.3997%2014.7828%2010.5791%2015.2422C8.75844%2015.7016%206.82325%2015.5433%205.11495%2014.7954C4.83457%2014.6956%204.52992%2014.6717%204.23575%2014.7264L1.50535%2015.4749C1.37364%2015.5077%201.23518%2015.5084%201.10311%2015.4769C0.97104%2015.4454%200.84973%2015.3829%200.750686%2015.2951C0.651643%2015.2074%200.578148%2015.0974%200.537173%2014.9755C0.496198%2014.8537%200.4891%2014.724%200.516553%2014.5989L1.36855%2012.1314Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-16 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.12075%200.731931C8.15581%200.662296%208.20996%200.60368%208.2771%200.562698C8.34424%200.521716%208.42169%200.5%208.50072%200.5C8.57974%200.5%208.6572%200.521716%208.72434%200.562698C8.79148%200.60368%208.84563%200.662296%208.88068%200.731931L10.7285%204.41192C10.8502%204.65413%2011.0299%204.86369%2011.2522%205.02259C11.4744%205.1815%2011.7325%205.28501%2012.0044%205.32425L16.1368%205.91884C16.2151%205.92999%2016.2887%205.96246%2016.3492%206.01258C16.4097%206.06271%2016.4547%206.12847%2016.4792%206.20245C16.5037%206.27642%2016.5066%206.35566%2016.4877%206.43118C16.4687%206.50671%2016.4287%206.57552%2016.372%206.62982L13.3835%209.49108C13.1864%209.67991%2013.0389%209.91301%2012.9538%2010.1703C12.8686%2010.4276%2012.8484%2010.7014%2012.8947%2010.9681L13.6003%2015.0107C13.6141%2015.0876%2013.6056%2015.1668%2013.5759%2015.2393C13.5461%2015.3117%2013.4962%2015.3745%2013.4319%2015.4204C13.3676%2015.4663%2013.2915%2015.4936%2013.2122%2015.499C13.1329%2015.5044%2013.0537%2015.4878%2012.9835%2015.4511L9.28945%2013.5415C9.04604%2013.4158%208.77524%2013.3502%208.50032%2013.3502C8.2254%2013.3502%207.95459%2013.4158%207.71119%2013.5415L4.01792%2015.4511C3.94779%2015.4876%203.86865%2015.504%203.7895%2015.4985C3.71035%2015.493%203.63437%2015.4657%203.5702%2015.4198C3.50603%2015.3739%203.45624%2015.3113%203.4265%2015.2389C3.39676%2015.1666%203.38827%2015.0875%203.40198%2015.0107L4.10671%2010.9689C4.15327%2010.7021%204.1331%2010.4281%204.04795%2010.1706C3.9628%209.91318%203.81523%209.67995%203.61796%209.49108L0.629428%206.63061C0.572308%206.57637%200.531831%206.50744%200.512609%206.43169C0.493386%206.35593%200.49619%206.27639%200.520701%206.20212C0.545212%206.12786%200.590445%206.06185%200.651248%206.01163C0.71205%205.9614%200.785977%205.92898%200.864607%205.91805L4.99623%205.32425C5.26842%205.28532%205.5269%205.18194%205.74943%205.02301C5.97197%204.86409%206.15189%204.65437%206.27372%204.41192L8.12075%200.731931Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-17 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2218%22%20viewBox%3D%220%200%2017%2018%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.9892%203.63061L10.1823%206.95487H14.8863C15.1368%206.95487%2015.3839%207.01319%2015.608%207.12523C15.832%207.23727%2016.0269%207.39994%2016.1773%207.60035C16.3276%207.80077%2016.4292%208.03343%2016.474%208.27991C16.5188%208.52639%2016.5056%208.77992%2016.4355%209.02042L14.5555%2015.4753C14.4577%2015.8105%2014.2539%2016.1049%2013.9745%2016.3144C13.6952%2016.5239%2013.3555%2016.6372%2013.0063%2016.6372H2.11372C1.68573%2016.6372%201.27528%2016.4672%200.972647%2016.1645C0.670016%2015.8619%200.5%2015.4514%200.5%2015.0235V8.56858C0.5%208.1406%200.670016%207.73014%200.972647%207.42751C1.27528%207.12488%201.68573%206.95487%202.11372%206.95487H4.34065C4.64086%206.95471%204.93509%206.8708%205.19023%206.71258C5.44538%206.55437%205.65132%206.32811%205.78492%206.05925L8.56858%200.5C8.94908%200.504712%209.32359%200.595346%209.66414%200.765131C10.0047%200.934915%2010.3025%201.17946%2010.5352%201.4805C10.768%201.78153%2010.9297%202.13127%2011.0083%202.50359C11.0869%202.87591%2011.0804%203.26118%2010.9892%203.63061Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M4.53125%206.95508V16.6374%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-18 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.5%2010.9004V14.9004%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M11.7031%209.81152V14.9003%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M14.8984%206.625V14.9002%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M16.5%200.5L9.5832%207.4168C9.54604%207.45405%209.5019%207.4836%209.45331%207.50377C9.40471%207.52393%209.35261%207.53431%209.3%207.53431C9.24739%207.53431%209.19529%207.52393%209.14669%207.50377C9.0981%207.4836%209.05396%207.45405%209.0168%207.4168L6.3832%204.7832C6.30819%204.70821%206.20647%204.66609%206.1004%204.66609C5.99433%204.66609%205.89261%204.70821%205.8176%204.7832L0.5%2010.1%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M2.10156%2012.8701V14.8997%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M5.29688%209.8252V14.9004%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-19 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2221%22%20viewBox%3D%220%200%2017%2021%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.5%2020.5C1.96957%2020.5%201.46086%2020.2893%201.08579%2019.9142C0.710714%2019.5391%200.5%2019.0304%200.5%2018.5V2.5C0.5%201.96957%200.710714%201.46086%201.08579%201.08579C1.46086%200.710717%201.96957%200.500003%202.5%200.500003H10.5C10.8166%200.49949%2011.1301%200.561605%2011.4225%200.682772C11.715%200.803939%2011.9806%200.981763%2012.204%201.206L15.792%204.794C16.0168%205.01751%2016.1952%205.28335%2016.3167%205.57616C16.4382%205.86898%2016.5005%206.18297%2016.5%206.5V18.5C16.5%2019.0304%2016.2893%2019.5391%2015.9142%2019.9142C15.5391%2020.2893%2015.0304%2020.5%2014.5%2020.5H2.5Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M10.5%200.5V5.5C10.5%205.76522%2010.6054%206.01957%2010.7929%206.20711C10.9804%206.39464%2011.2348%206.5%2011.5%206.5H16.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M6.5%207.5H4.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M12.5%2011.5H4.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M12.5%2015.5H4.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-20 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.9737%203.86842V1.34211C13.9737%201.11877%2013.885%200.904572%2013.727%200.746647C13.5691%200.588722%2013.3549%200.5%2013.1316%200.5H2.18421C1.73753%200.5%201.30914%200.677443%200.993294%200.993294C0.677443%201.30914%200.5%201.73753%200.5%202.18421C0.5%202.63089%200.677443%203.05928%200.993294%203.37513C1.30914%203.69098%201.73753%203.86842%202.18421%203.86842H14.8158C15.0391%203.86842%2015.2533%203.95714%2015.4112%204.11507C15.5692%204.27299%2015.6579%204.48719%2015.6579%204.71053V8.07895M15.6579%208.07895H13.1316C12.6849%208.07895%2012.2565%208.25639%2011.9407%208.57224C11.6248%208.88809%2011.4474%209.31648%2011.4474%209.76316C11.4474%2010.2098%2011.6248%2010.6382%2011.9407%2010.9541C12.2565%2011.2699%2012.6849%2011.4474%2013.1316%2011.4474H15.6579C15.8812%2011.4474%2016.0954%2011.3586%2016.2534%2011.2007C16.4113%2011.0428%2016.5%2010.8286%2016.5%2010.6053V8.92105C16.5%208.69771%2016.4113%208.48352%2016.2534%208.32559C16.0954%208.16767%2015.8812%208.07895%2015.6579%208.07895Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M0.5%202.18457V13.974C0.5%2014.4207%200.677443%2014.8491%200.993294%2015.165C1.30914%2015.4808%201.73753%2015.6583%202.18421%2015.6583H14.8158C15.0391%2015.6583%2015.2533%2015.5695%2015.4112%2015.4116C15.5692%2015.2537%2015.6579%2015.0395%2015.6579%2014.8161V11.4477%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-21 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.41969%202.39235C6.4689%201.87459%206.70939%201.39377%207.09416%201.04384C7.47893%200.693908%207.98035%200.5%208.50045%200.5C9.02054%200.5%209.52196%200.693908%209.90673%201.04384C10.2915%201.39377%2010.532%201.87459%2010.5812%202.39235C10.6108%202.72682%2010.7205%203.04924%2010.9011%203.33232C11.0817%203.6154%2011.3278%203.85081%2011.6186%204.01862C11.9095%204.18642%2012.2365%204.28169%2012.5719%204.29636C12.9074%204.31102%2013.2414%204.24465%2013.5458%204.10287C14.0184%203.8883%2014.554%203.85725%2015.0482%204.01577C15.5424%204.17428%2015.96%204.51103%2016.2197%204.96045C16.4793%205.40988%2016.5625%205.93984%2016.4529%206.44719C16.3434%206.95454%2016.049%207.40297%2015.627%207.70522C15.3522%207.89802%2015.1279%208.15416%2014.9731%208.45198C14.8182%208.74979%2014.7374%209.08052%2014.7374%209.41619C14.7374%209.75185%2014.8182%2010.0826%2014.9731%2010.3804C15.1279%2010.6782%2015.3522%2010.9344%2015.627%2011.1272C16.049%2011.4294%2016.3434%2011.8778%2016.4529%2012.3852C16.5625%2012.8925%2016.4793%2013.4225%2016.2197%2013.8719C15.96%2014.3214%2015.5424%2014.6581%2015.0482%2014.8166C14.554%2014.9751%2014.0184%2014.9441%2013.5458%2014.7295C13.2414%2014.5877%2012.9074%2014.5214%2012.5719%2014.536C12.2365%2014.5507%2011.9095%2014.6459%2011.6186%2014.8138C11.3278%2014.9816%2011.0817%2015.217%2010.9011%2015.5001C10.7205%2015.7831%2010.6108%2016.1056%2010.5812%2016.44C10.532%2016.9578%2010.2915%2017.4386%209.90673%2017.7885C9.52196%2018.1385%209.02054%2018.3324%208.50045%2018.3324C7.98035%2018.3324%207.47893%2018.1385%207.09416%2017.7885C6.70939%2017.4386%206.4689%2016.9578%206.41969%2016.44C6.39016%2016.1054%206.28043%2015.7829%206.0998%2015.4997C5.91916%2015.2165%205.67293%2014.981%205.38198%2014.8132C5.09102%2014.6454%204.7639%2014.5502%204.42833%2014.5356C4.09275%2014.521%203.75861%2014.5875%203.4542%2014.7295C2.98159%2014.9441%202.44605%2014.9751%201.9518%2014.8166C1.45756%2014.6581%201.03998%2014.3214%200.78033%2013.8719C0.520681%2013.4225%200.43754%2012.8925%200.54709%2012.3852C0.656639%2011.8778%200.951041%2011.4294%201.373%2011.1272C1.64777%2010.9344%201.87207%2010.6782%202.02691%2010.3804C2.18176%2010.0826%202.2626%209.75185%202.2626%209.41619C2.2626%209.08052%202.18176%208.74979%202.02691%208.45198C1.87207%208.15416%201.64777%207.89802%201.373%207.70522C0.951633%207.40282%200.657751%206.95456%200.548467%206.44755C0.439182%205.94055%200.522302%205.41103%200.781671%204.96189C1.04104%204.51275%201.45813%204.17609%201.95188%204.01733C2.44564%203.85858%202.98078%203.88906%203.45331%204.10287C3.75768%204.24465%204.09173%204.31102%204.42718%204.29636C4.76264%204.28169%205.08962%204.18642%205.38046%204.01862C5.6713%203.85081%205.91743%203.6154%206.09801%203.33232C6.2786%203.04924%206.38832%202.72682%206.4179%202.39235%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M8.49997%2012.0966C9.97991%2012.0966%2011.1796%2010.8969%2011.1796%209.41696C11.1796%207.93703%209.97991%206.7373%208.49997%206.7373C7.02004%206.7373%205.82031%207.93703%205.82031%209.41696C5.82031%2010.8969%207.02004%2012.0966%208.49997%2012.0966Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-22 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2219%22%20viewBox%3D%220%200%2017%2019%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.5%208.49893H3.16631C3.63774%208.49893%204.08987%208.68621%204.42322%209.01956C4.75657%209.35291%204.94385%209.80504%204.94385%2010.2765V12.9428C4.94385%2013.4142%204.75657%2013.8663%204.42322%2014.1997C4.08987%2014.533%203.63774%2014.7203%203.16631%2014.7203H2.27754C1.80611%2014.7203%201.35398%2014.533%201.02063%2014.1997C0.687276%2013.8663%200.5%2013.4142%200.5%2012.9428V8.49893ZM0.5%208.49893C0.5%207.4485%200.706898%206.40835%201.10888%205.43787C1.51087%204.4674%202.10006%203.5856%202.84283%202.84283C3.5856%202.10006%204.4674%201.51087%205.43787%201.10888C6.40835%200.706898%207.4485%200.5%208.49893%200.5C9.54937%200.5%2010.5895%200.706898%2011.56%201.10888C12.5305%201.51087%2013.4123%202.10006%2014.155%202.84283C14.8978%203.5856%2015.487%204.4674%2015.889%205.43787C16.291%206.40835%2016.4979%207.4485%2016.4979%208.49893M16.4979%208.49893V12.9428C16.4979%2013.4142%2016.3106%2013.8663%2015.9772%2014.1997C15.6439%2014.533%2015.1918%2014.7203%2014.7203%2014.7203H13.8316C13.3601%2014.7203%2012.908%2014.533%2012.5746%2014.1997C12.2413%2013.8663%2012.054%2013.4142%2012.054%2012.9428V10.2765C12.054%209.80504%2012.2413%209.35291%2012.5746%209.01956C12.908%208.68621%2013.3601%208.49893%2013.8316%208.49893H16.4979Z%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M16.4989%2012.9424V14.7199C16.4989%2015.6628%2016.1244%2016.567%2015.4577%2017.2337C14.791%2017.9005%2013.8867%2018.275%2012.9439%2018.275H8.5%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}

.icon-23 {
  --icon-source: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20width%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12.0547%2012.9418L16.4982%208.49824L12.0547%204.05469%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M16.5005%208.49805H5.83594%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M5.83227%2016.4968H2.27742C1.80602%2016.4968%201.35393%2016.3095%201.02059%2015.9762C0.687263%2015.6429%200.5%2015.1908%200.5%2014.7194V2.27742C0.5%201.80602%200.687263%201.35393%201.02059%201.02059C1.35393%200.687263%201.80602%200.5%202.27742%200.5H5.83227%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
}
.nav-item .unread {
  position: static;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 9px;
  vertical-align: middle;
}
.notice {
  padding: 18px;
  row-gap: 10px;
}
.notice p {
  margin: 0;
  min-height: 0;
}
.notice .muted {
  margin: 0;
}

.notice .btn {
  height: 40px;
}
@media (max-width: 599px) {
  .notice {
    padding: 16px;
    gap: 10px;
  }
  .notice .muted {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .notice .btn {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-self: start;
  }
}
.nav-icon,
.nav-icon > .icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
}
.nav-label {
  min-width: 0;
}
.nav-label .unread {
  display: inline-block;
  position: static;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  vertical-align: middle;
}
.notice-icon {
  background: transparent;
  border-radius: 0;
}
.empty-links {
  display: grid;
  gap: 12px;
  margin-top: 30px;
}
.empty-links a {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
}
.empty-links a:hover {
  color: var(--blue);
}
.sidebar {
  padding-bottom: 30px;
}
@media (max-width: 959px) {
  .sidebar nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .sidebar .nav-group {
    display: contents;
  }
  .sidebar .company {
    margin: 0;
  }
  .sidebar .nav-item {
    margin: 0;
  }
  .sidebar .empty-links {
    margin-top: 18px;
  }
  .content {
    padding-bottom: 30px;
  }
  .content .section-heading h2 {
    font-size: 18px;
  }
  .sidebar .company > .icon,
  .sidebar .nav-item > .icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .content .section-heading h2 {
    font-size: 18px;
  }
}
.sidebar a[aria-current="page"] {
  color: var(--blue);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ui-icon {
  display: block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.page-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
}
.page-heading-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 14px;
  min-width: 0;
  min-height: 42px;
  padding: 4px 0;
}
.page-heading-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin-left: auto;
}
.page-count {
  font-size: 16px;
  color: var(--muted);
}
.search-field {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--gray);
  border-radius: 999px;
  height: 44px;
  padding: 0 20px;
}
.search-field .ui-icon {
  color: var(--muted);
}
.search-field input {
  color: var(--text);
  border: 0;
  outline: 0;
  width: 100%;
  min-width: 0;
  background: transparent;
  font: inherit;
}
.search-field:focus-within {
  outline: none;
}
.search-field input:focus-visible {
  outline: none;
}
.search-field input::placeholder {
  color: var(--muted);
  opacity: 1;
}
.table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  min-height: 44px;
}
.dropdown {
  position: relative;
}
.dropdown summary {
  list-style: none;
  cursor: pointer;
}
.dropdown summary::-webkit-details-marker {
  display: none;
}
.dropdown summary .ui-icon {
  width: 16px;
  height: 16px;
}
.dropdown[open] summary .ui-icon {
  transform: rotate(180deg);
}
.dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  padding: 12px;
  border-radius: 15px;
  background: var(--white);
  width: 295px;
  max-width: calc(100vw - 32px);
  z-index: 6;
  box-shadow: 0 5px 22px rgb(33 33 33 / 12%);
  display: grid;
  gap: 4px;
}
.dropdown-menu button {
  display: flex;
  gap: 12px;
  align-items: center;
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--text);
  min-height: 42px;
  border-radius: 999px;
  padding: 8px 10px;
  font: inherit;
}
.dropdown-menu button:hover {
  color: var(--blue);
}
.dropdown-menu .ui-icon {
  width: 19px;
  height: 19px;
}
.table-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
  margin-left: auto;
  max-width: 100%;
}
.page-size {
  flex-shrink: 0;
}
.page-size summary {
  height: 32px;
  padding: 0 10px;
  gap: 6px;
  font-size: 14px;
}
.page-size summary .ui-icon {
  width: 14px;
  height: 14px;
}
.page-size-menu {
  width: 140px;
  left: auto;
  right: 0;
}
.page-size-menu button {
  white-space: nowrap;
}
.pagination {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-left: auto;
}
.pagination button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  background: transparent;
  border: 0;
  color: var(--text);
  border-radius: 999px;
  font-size: 14px;
}
.pagination button[aria-current="page"] {
  background: var(--gray);
}
.pagination button:hover {
  color: var(--blue);
}
.pagination .ui-icon {
  width: 14px;
  height: 14px;
}
.pagination .pagination-prev .ui-icon {
  transform: rotate(180deg);
}
.pagination span {
  font-size: 14px;
  padding: 0 5px;
}
.data-table-wrap {
  position: relative;
  border-radius: 20px;
  background: var(--white);
  padding: 0 8px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--muted) var(--inner);
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.data-table-wrap:focus {
  outline: none;
}
.data-table {
  width: 100%;
  min-width: var(--table-min-width, 900px);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.data-table th {
  text-align: left;
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  height: 48px;
  background: var(--white);
}
.data-table th,
.data-table td {
  padding: 10px 12px;
  vertical-align: middle;
  border-bottom: 1px solid var(--line);
}
.data-table th.table-col-number,
.data-table td.table-number {
  padding-left: 4px;
  padding-right: 8px;
  text-align: center;
  white-space: nowrap;
}
.data-table th:last-child,
.data-table td:last-child {
  padding-right: 0;
}
.data-table tr:last-child td {
  border-bottom: 0;
}
.table-col-number {
  width: 44px;
}
.table-sort {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font-size: 14px;
  min-height: 24px;
  text-align: left;
}
.table-sort:hover,
.data-table th[aria-sort="ascending"],
.data-table th[aria-sort="descending"] {
  color: var(--blue);
}
.table-sort .ui-icon {
  width: 12px;
  height: 12px;
}
.data-table th[aria-sort="descending"] .ui-icon {
  transform: rotate(180deg);
}
.table-number {
  color: var(--muted);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.checkbox {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  margin: 0;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: var(--white);
  border: 1.5px solid var(--gray);
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
.checkbox:hover {
  border-color: var(--blue);
}
.checkbox:checked,
.checkbox:indeterminate {
  background: var(--blue);
  border-color: var(--blue);
}
.checkbox:checked::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 9px;
  top: 2px;
  left: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox:indeterminate::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 10px;
  left: 3.5px;
  top: 7.5px;
  background: white;
}
.table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.btn-gray {
  background: var(--gray);
  color: var(--text);
}
.btn-gray:hover {
  background: #ddd;
}

.empty-state {
  padding: 64px 20px;
  display: grid;
  gap: 16px;
  justify-items: center;
  text-align: center;
}
.empty-state h2 {
  font-size: 18px;
}
.empty-state p {
  color: var(--muted);
}

.modal {
  padding: 0;
  border: 0;
  border-radius: 20px;
  color: var(--text);
  background: var(--white);
  width: calc(100% - 32px);
  max-width: 490px;
  max-height: calc(100dvh - 48px);
  overflow: hidden;
  box-shadow: none;
}
.modal::backdrop {
  background: rgb(0 0 0 / 50%);
}
.modal[open] {
  display: flex;
  flex-direction: column;
}
.modal-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28px 28px 22px;
  gap: 20px;
  flex-shrink: 0;
}
.modal h2 {
  font-size: 26px;
}
.modal-close {
  display: flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--text);
  border-radius: 50%;
}
.modal-close .ui-icon {
  width: 34px;
  height: 34px;
}
.modal-close:hover {
  color: var(--blue);
}
.modal-scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 28px 24px;
  scrollbar-color: var(--muted) transparent;
  scrollbar-width: thin;
}
.modal-foot {
  padding: 18px 28px 26px;
  display: grid;
  gap: 10px;
  flex-shrink: 0;
  background: var(--white);
}

.form-input {
  border: 0;
  border-radius: 999px;
  background: var(--inner);
  width: 100%;
  min-height: 44px;
  padding: 10px 20px;
  color: var(--text);
}
.form-input::placeholder {
  color: var(--muted);
  opacity: 1;
}
.form-card {
  display: grid;
  align-content: start;
  gap: 22px;
  min-width: 0;
  padding: 26px;
  border-radius: 18px;
  background: var(--white);
}
.form-field {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}
.form-field > label {
  font-size: 14px;
}
.form-textarea {
  border-radius: 16px;
  min-height: 116px;
  resize: vertical;
  font: inherit;
}
.form-textarea:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 4px;
}
.form-field .form-input[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1px #b50000;
}
@media (max-width: 599px) {
  .form-card {
    padding: 20px;
  }
}
.form-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  font: inherit;
}
.form-select-trigger:hover,
.form-select-trigger[aria-expanded="true"] {
  background: var(--gray);
}
.form-select-trigger .ui-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--text);
}
.form-select-trigger[aria-expanded="true"] .ui-icon {
  transform: rotate(180deg);
}
.select-menu {
  --select-option-height: 40px;
  margin: 0;
  border: 0;
  padding: 0;
  gap: 0;
  border-radius: 20px;
  box-shadow: 0 4px 10px rgb(33 33 33 / 18%);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  font: inherit;
  scrollbar-width: thin;
}
.select-menu[popover] {
  position: fixed;
  inset: auto;
}
.select-menu[popover]:not(:popover-open) {
  display: none;
}
.select-menu button {
  min-height: var(--select-option-height);
  padding: 8px 20px;
  border-radius: 0;
  color: var(--text);
  font: inherit;
}
.select-menu button::after {
  content: none;
}
.select-menu button:hover,
.select-menu button.is-active,
.select-menu button[aria-selected="true"],
.select-menu button[aria-pressed="true"] {
  color: var(--text);
  background: var(--inner);
}
.filter-title {
  font-weight: 700;
}
/* Общие элементы редакторов лида и заказа. */
.sl-stage-steps, .so-stages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.sl-stage-choice, .so-stage-choice {
  position: relative;
  min-width: 0;
  cursor: pointer;
}
.sl-stage-pill, .so-stage-pill {
  outline: 1px solid transparent;
  outline-offset: 3px;
  transition: outline-color 0.15s;
}
.sl-stage-choice:hover .sl-stage-pill,
.so-stage-choice:hover .so-stage-pill {
  outline-color: var(--stage-color);
}
.sl-stage-choice input:checked + .sl-stage-pill,
.so-stage-choice input:checked + .so-stage-pill {
  outline: 2px solid var(--stage-color);
}
.sl-stage-choice input:focus-visible + .sl-stage-pill,
.so-stage-choice input:focus-visible + .so-stage-pill {
  outline: 2px dashed var(--stage-color);
}
.sl-stage-arrow, .so-stage-arrow {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--muted);
}
@media (prefers-reduced-motion: reduce) {
  .sl-stage-pill, .so-stage-pill {
    transition: none;
  }
}
.form-error {
  color: #b50000;
  font-size: 14px;
}
.toast {
  display: flex;
  align-items: center;
  gap: 9px;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  background: var(--text);
  color: var(--white);
  padding: 14px 22px;
  border-radius: 20px;
  max-width: calc(100% - 32px);
  width: max-content;
  font-size: 14px;
  text-align: center;
}
.toast.toast-leaving {
  animation: toast-fade-out 0.5s ease-out forwards;
  pointer-events: none;
}
@keyframes toast-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
html.modal-open,
html.modal-open body {
  overflow: hidden;
  overscroll-behavior: none;
}
html.modal-open {
  scrollbar-gutter: stable;
}

.toast.toast-success {
  top: 24px;
  right: 24px;
  left: auto;
  bottom: auto;
  transform: none;
  background: #2f9600;
  color: var(--white);
  border-radius: 12px;
  padding: 14px 18px;
}
.toast-success .ui-icon {
  width: 21px;
  height: 21px;
}
.data-table.data-table--large .table-col-number {
  width: 64px;
}
@media (max-width: 599px) {
  .page-heading {
    gap: 16px;
  }
  .page-heading-title {
    gap: 12px;
    min-width: 0;
  }
  .page-heading-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    margin-left: 0;
  }

  .page-heading-actions .btn {
    gap: 6px;
    padding: 0 12px;
    font-size: 14px;
  }
  .page-heading-actions .ui-icon {
    width: 18px;
    height: 18px;
  }
  .search-field {
    padding: 0 16px;
    gap: 9px;
  }
  .search-field input {
    font-size: 14px;
  }
  .table-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .table-controls {
    justify-content: space-between;
    gap: 10px;
    margin-left: 0;
    width: 100%;
  }
  .page-size-menu {
    left: 0;
    right: auto;
  }
  .pagination {
    gap: 2px;
  }
  .pagination button {
    min-width: 30px;
    padding: 0 8px;
  }
  .data-table-wrap {
    border-radius: 15px;
    padding: 0 8px;
  }
  .modal {
    max-height: calc(100dvh - 24px);
  }
  .modal-head {
    padding: 22px 20px 20px;
  }
  .modal-scroll {
    padding: 0 20px 20px;
  }
  .modal-foot {
    padding: 16px 20px 20px;
  }
  .toast.toast-success {
    top: 16px;
    right: 16px;
  }
}
@media (max-width: 389px) {
  .page-heading-actions {
    grid-template-columns: 1fr;
  }

  .page-heading-actions .btn {
    width: 100%;
  }
  .table-controls {
    gap: 8px;
  }
  .pagination {
    gap: 0;
  }
  .pagination button {
    min-width: 28px;
    padding: 0 6px;
  }
  .pagination span {
    padding: 0 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast.toast-leaving {
    animation-duration: 0.15s;
  }
}
#rv-message {
  display: block;
  width: 100%;
  min-height: 148px;
  max-height: 300px;
  resize: vertical;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 15px 17px;
  background: var(--inner);
  color: var(--text);
  font: inherit;
  line-height: 1.5;
  outline: none;
}
#rv-message:focus-visible {
  border-color: #a8bcdf;
}
#rv-message[aria-invalid="true"] {
  border-color: #b50000;
}
#rv-message::placeholder {
  color: var(--muted);
}
@media (max-width: 599px) {
  .content {
    gap: 18px;
  }
}