.ds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 75ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-button:focus {
  outline: none;
}
.ds-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-button:active {
  transform: translateY(1px);
}
.ds-button[disabled], .ds-button.ds-button--disabled, .ds-button.ds-button--loading {
  pointer-events: none;
  opacity: 0.55;
}
.ds-button.ds-button--sm {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
}
.ds-button.ds-button--md {
  height: 40px;
  padding: 0 16px;
  font-size: 16px;
}
.ds-button.ds-button--lg {
  height: 48px;
  padding: 0 20px;
  font-size: 18px;
}
.ds-button.ds-button--primary {
  background-color: #a335e8;
  color: #ffffff;
}
.ds-button.ds-button--primary:hover {
  background-color: #8a1cd0;
}
.ds-button.ds-button--primary:active {
  background-color: #6c15a3;
}
.ds-button.ds-button--secondary {
  background-color: #ffffff;
  color: #1f2937;
  border-color: #d1d5db;
}
.ds-button.ds-button--secondary:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}
.ds-button.ds-button--secondary:active {
  background-color: #f3f4f6;
}
.ds-button.ds-button--tertiary {
  background-color: transparent;
  color: #8a1cd0;
}
.ds-button.ds-button--tertiary:hover {
  background-color: #faf3ff;
}
.ds-button.ds-button--tertiary:active {
  background-color: #f3e3fd;
}
.ds-button.ds-button--danger {
  background-color: #e82222;
  color: #ffffff;
}
.ds-button.ds-button--danger:hover {
  background-color: #dc2626;
}
.ds-button.ds-button--danger:active {
  background-color: #b91c1c;
}
.ds-button.ds-button--danger:focus-visible {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(232, 34, 34, 0.85);
}
.ds-button.ds-button--ghost {
  background-color: transparent;
  color: #374151;
}
.ds-button.ds-button--ghost:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.ds-button.ds-button--ghost:active {
  background-color: #e5e7eb;
}
.ds-button.ds-button--full-width {
  width: 100%;
}
.ds-button .ds-button__spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: ds-spin 500ms linear infinite;
}
.ds-button .ds-button__icon {
  font-size: 1em;
  line-height: 1;
}

@keyframes ds-spin {
  to {
    transform: rotate(360deg);
  }
}
.ds-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04);
  padding: 24px;
}
.ds-card.ds-card--padding-none {
  padding: 0;
}
.ds-card.ds-card--padding-sm {
  padding: 12px;
}
.ds-card.ds-card--padding-md {
  padding: 24px;
}
.ds-card.ds-card--padding-lg {
  padding: 32px;
}
.ds-card.ds-card--interactive {
  cursor: pointer;
  text-decoration: none;
  display: block;
  color: inherit;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 75ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-card.ds-card--interactive:hover {
  border-color: #d1d5db;
  box-shadow: 0 2px 4px rgba(59, 10, 90, 0.06), 0 1px 2px rgba(59, 10, 90, 0.04);
}
.ds-card.ds-card--interactive:active {
  transform: translateY(1px);
}
.ds-card.ds-card--interactive:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-card .ds-card__header {
  margin: -24px -24px 16px;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
  font-weight: 600;
  color: #111827;
}
.ds-card .ds-card__body {
  color: #111827;
}
.ds-card .ds-card__footer {
  margin: 16px -24px -24px;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.ds-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
}
.ds-pill.ds-pill--sm {
  padding: 0 8px;
  height: 20px;
  font-size: 11px;
}
.ds-pill.ds-pill--md {
  padding: 0 12px;
  height: 24px;
  font-size: 12px;
}
.ds-pill.ds-pill--neutral {
  background-color: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}
.ds-pill.ds-pill--info {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.ds-pill.ds-pill--success {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-pill.ds-pill--warning {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-pill.ds-pill--danger {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}

.ds-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  height: 24px;
  border-radius: 9999px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
}
.ds-status-pill.ds-status-pill--sm {
  padding: 0 8px;
  height: 20px;
  font-size: 11px;
  gap: 4px;
}
.ds-status-pill .ds-status-pill__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
}
.ds-status-pill.ds-status-pill--neutral {
  background-color: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}
.ds-status-pill.ds-status-pill--info {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.ds-status-pill.ds-status-pill--success {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-status-pill.ds-status-pill--warning {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-status-pill.ds-status-pill--danger {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}
.ds-status-pill.ds-status-pill--animated .ds-status-pill__dot {
  animation: ds-pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes ds-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.85);
  }
}
.ds-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(59, 10, 90, 0.14), 0 8px 16px rgba(59, 10, 90, 0.06);
  padding: 0;
  z-index: 500;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ds-modal.ds-modal--sm {
  width: 100%;
  max-width: 400px;
}
.ds-modal.ds-modal--md {
  width: 100%;
  max-width: 560px;
}
.ds-modal.ds-modal--lg {
  width: 100%;
  max-width: 720px;
}
.ds-modal.ds-modal--xl {
  width: 100%;
  max-width: 960px;
}
.ds-modal::backdrop {
  background-color: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(2px);
}
.ds-modal .ds-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.ds-modal .ds-modal__title {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.ds-modal .ds-modal__close {
  background: transparent;
  border: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  font-size: 20px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-modal .ds-modal__close:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.ds-modal .ds-modal__body {
  padding: 24px;
  overflow-y: auto;
  color: #111827;
}
.ds-modal .ds-modal__footer {
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  background-color: #f9fafb;
}

.ds-sidebar {
  width: 256px;
  height: 100vh;
  background-color: #f9fafb;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  padding: 16px;
  position: sticky;
  top: 0;
}
.ds-sidebar.ds-sidebar--collapsed {
  width: 64px;
}
.ds-sidebar .ds-sidebar__brand {
  padding: 12px;
  margin-bottom: 24px;
}
.ds-sidebar .ds-sidebar__brand img {
  height: 28px;
  width: auto;
}
.ds-sidebar .ds-sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.ds-sidebar .ds-sidebar__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 6px;
  color: #374151;
  text-decoration: none;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-sidebar .ds-sidebar__item:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.ds-sidebar .ds-sidebar__item.ds-sidebar__item--active {
  background-color: #faf3ff;
  color: #6c15a3;
  font-weight: 600;
}
.ds-sidebar .ds-sidebar__item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-sidebar .ds-sidebar__icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  flex-shrink: 0;
}
.ds-sidebar .ds-sidebar__label {
  flex: 1;
}
.ds-sidebar .ds-sidebar__user {
  margin-top: 16px;
  padding: 12px;
  border-top: 1px solid #e5e7eb;
}

.ds-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 28px;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-tabs .ds-tabs__tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 14px;
  position: relative;
  color: #6b7280;
  text-decoration: none;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 13.5px;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-tabs .ds-tabs__tab:hover {
  color: #1f2937;
}
.ds-tabs .ds-tabs__tab svg {
  width: 15px;
  height: 15px;
}
.ds-tabs .ds-tabs__tab.ds-tabs__tab--active {
  color: #6c15a3;
  font-weight: 600;
}
.ds-tabs .ds-tabs__tab.ds-tabs__tab--active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -1px;
  height: 2px;
  background-color: #a335e8;
  border-radius: 2px 2px 0 0;
}
.ds-tabs .ds-tabs__tab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
  border-radius: 4px;
}
.ds-tabs.ds-tabs--sm .ds-tabs__tab {
  padding: 8px 12px;
  font-size: 12px;
}

.ds-skeleton {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #e5e7eb;
}
.ds-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  animation: ds-skeleton-shimmer 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.ds-skeleton.ds-skeleton--line {
  width: 100%;
  height: 14px;
  border-radius: 4px;
}
.ds-skeleton.ds-skeleton--circle {
  width: 40px;
  height: 40px;
  border-radius: 9999px;
}
.ds-skeleton.ds-skeleton--rect {
  width: 100%;
  height: 80px;
  border-radius: 8px;
}

@keyframes ds-skeleton-shimmer {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.ds-form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ds-form-field.ds-form-field--sm {
  gap: 4px;
}
.ds-form-field.ds-form-field--sm .ds-form-field__input-wrapper input,
.ds-form-field.ds-form-field--sm .ds-form-field__input-wrapper select,
.ds-form-field.ds-form-field--sm .ds-form-field__input-wrapper textarea {
  height: 32px;
  font-size: 14px;
}
.ds-form-field.ds-form-field--md .ds-form-field__input-wrapper input,
.ds-form-field.ds-form-field--md .ds-form-field__input-wrapper select {
  height: 40px;
  font-size: 16px;
}
.ds-form-field.ds-form-field--lg .ds-form-field__input-wrapper input,
.ds-form-field.ds-form-field--lg .ds-form-field__input-wrapper select {
  height: 48px;
  font-size: 18px;
}
.ds-form-field .ds-form-field__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #374151;
  line-height: 1.2;
}
.ds-form-field .ds-form-field__required {
  color: #dc2626;
  margin-left: 4px;
}
.ds-form-field .ds-form-field__input-wrapper {
  display: flex;
  flex-direction: column;
}
.ds-form-field .ds-form-field__input-wrapper input,
.ds-form-field .ds-form-field__input-wrapper select,
.ds-form-field .ds-form-field__input-wrapper textarea {
  width: 100%;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
  color: #111827;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-form-field .ds-form-field__input-wrapper input::placeholder,
.ds-form-field .ds-form-field__input-wrapper select::placeholder,
.ds-form-field .ds-form-field__input-wrapper textarea::placeholder {
  color: #9ca3af;
}
.ds-form-field .ds-form-field__input-wrapper input:hover,
.ds-form-field .ds-form-field__input-wrapper select:hover,
.ds-form-field .ds-form-field__input-wrapper textarea:hover {
  border-color: #d1d5db;
}
.ds-form-field .ds-form-field__input-wrapper input:focus,
.ds-form-field .ds-form-field__input-wrapper select:focus,
.ds-form-field .ds-form-field__input-wrapper textarea:focus {
  outline: none;
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-form-field .ds-form-field__input-wrapper input:disabled,
.ds-form-field .ds-form-field__input-wrapper select:disabled,
.ds-form-field .ds-form-field__input-wrapper textarea:disabled {
  background-color: #f9fafb;
  color: #6b7280;
  cursor: not-allowed;
}
.ds-form-field .ds-form-field__input-wrapper textarea {
  height: auto;
  padding: 8px 12px;
  min-height: 96px;
  resize: vertical;
}
.ds-form-field .ds-form-field__helper {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
}
.ds-form-field .ds-form-field__error {
  font-size: 12px;
  color: #dc2626;
  line-height: 1.5;
}
.ds-form-field.ds-form-field--error .ds-form-field__input-wrapper input,
.ds-form-field.ds-form-field--error .ds-form-field__input-wrapper select,
.ds-form-field.ds-form-field--error .ds-form-field__input-wrapper textarea {
  border-color: #e82222;
}
.ds-form-field.ds-form-field--error .ds-form-field__input-wrapper input:focus,
.ds-form-field.ds-form-field--error .ds-form-field__input-wrapper select:focus,
.ds-form-field.ds-form-field--error .ds-form-field__input-wrapper textarea:focus {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(232, 34, 34, 0.85);
}

.ds-toast {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: min(380px, 92vw);
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(59, 10, 90, 0.1), 0 4px 8px rgba(59, 10, 90, 0.05);
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  animation: dsFadeUp 300ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.ds-toast__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.ds-toast__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ds-toast__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-toast__message {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #4b5563;
  line-height: 1.5;
}
.ds-toast__close {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background-color: transparent;
  color: #6b7280;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-toast__close:hover {
  background-color: #f3f4f6;
  color: #374151;
}
.ds-toast__close:active {
  background-color: #e5e7eb;
}
.ds-toast__close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-toast.ds-toast--info {
  border-color: #bfdbfe;
}
.ds-toast.ds-toast--info .ds-toast__icon {
  color: #2563eb;
}
.ds-toast.ds-toast--success {
  border-color: #bbf7d0;
}
.ds-toast.ds-toast--success .ds-toast__icon {
  color: #16a34a;
}
.ds-toast.ds-toast--warning {
  border-color: #fed7aa;
}
.ds-toast.ds-toast--warning .ds-toast__icon {
  color: #ea580c;
}
.ds-toast.ds-toast--danger {
  border-color: #fecaca;
}
.ds-toast.ds-toast--danger .ds-toast__icon {
  color: #dc2626;
}

*, *:before, *:after {
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

.icon-link {
  text-decoration: none;
  color: #374151;
}
.icon-link:visited {
  color: #430d64;
}

.contents-container {
  display: contents;
}

.interactive {
  cursor: pointer;
}

body {
  font-family: "Open Sans", sans-serif;
}

.head {
  display: flex;
  align-items: center;
}

@font-face {
  font-family: "Open Sans";
  src: url(/assets/OpenSans-Variable-68d4a3f970cb14f887d7e89811ae5fc2e5f63f89035cf65996ee6b40b1473270.ttf) format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "asolta-font";
  src: url(/assets/asoltafont-d42c0e024f593506931886a5a95f89dc3d0e5d9044ccbda5f9a78bbd8f14d844.ttf);
}
@font-face {
  font-family: "icon-font";
  src: url(/icon-font.ttf);
}
.big {
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
}

.title, h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
}

.subtitle-1, h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
}

.subtitle-2, h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
}

.headline, h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.text, p, div {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.text-small {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
}

.code {
  font-family: monospace;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.semibold {
  font-weight: 600;
}

span.f-arch {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arch-218db7d313578dbe9b203ef4a104c6cacd89f8064dfb90dc3d7e106eab5ffe6e.svg);
  mask-image: url(/assets/solid/arch-218db7d313578dbe9b203ef4a104c6cacd89f8064dfb90dc3d7e106eab5ffe6e.svg);
}
span.f-arch-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arch-2e7f2a6bbe54f58a84dd4f6a73a6953e98ef68099afcaea90bae21e5acb15477.svg);
  mask-image: url(/assets/outline/arch-2e7f2a6bbe54f58a84dd4f6a73a6953e98ef68099afcaea90bae21e5acb15477.svg);
}
span.f-arch-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arch-218db7d313578dbe9b203ef4a104c6cacd89f8064dfb90dc3d7e106eab5ffe6e.svg);
  mask-image: url(/assets/solid/arch-218db7d313578dbe9b203ef4a104c6cacd89f8064dfb90dc3d7e106eab5ffe6e.svg);
}
span.f-debian {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/debian-5f21f0620bd4d780487c5296861fb3c6acf36eb0efbd46ba028d981efce99701.svg);
  mask-image: url(/assets/solid/debian-5f21f0620bd4d780487c5296861fb3c6acf36eb0efbd46ba028d981efce99701.svg);
}
span.f-debian-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/debian-26dd2cc1e984c5b86f178538b687c15bb8ffe4cc443988ffe29c681d2f133409.svg);
  mask-image: url(/assets/outline/debian-26dd2cc1e984c5b86f178538b687c15bb8ffe4cc443988ffe29c681d2f133409.svg);
}
span.f-debian-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/debian-5f21f0620bd4d780487c5296861fb3c6acf36eb0efbd46ba028d981efce99701.svg);
  mask-image: url(/assets/solid/debian-5f21f0620bd4d780487c5296861fb3c6acf36eb0efbd46ba028d981efce99701.svg);
}
span.f-linux {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/linux-d4902eccc3a426af50459c238cc80806317e6e993008a965a1c210963c09aeca.svg);
  mask-image: url(/assets/solid/linux-d4902eccc3a426af50459c238cc80806317e6e993008a965a1c210963c09aeca.svg);
}
span.f-linux-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/linux-d4902eccc3a426af50459c238cc80806317e6e993008a965a1c210963c09aeca.svg);
  mask-image: url(/assets/outline/linux-d4902eccc3a426af50459c238cc80806317e6e993008a965a1c210963c09aeca.svg);
}
span.f-linux-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/linux-d4902eccc3a426af50459c238cc80806317e6e993008a965a1c210963c09aeca.svg);
  mask-image: url(/assets/solid/linux-d4902eccc3a426af50459c238cc80806317e6e993008a965a1c210963c09aeca.svg);
}
span.f-windows {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/windows-d02d7f830f55b9de563f5eb108cb6bede217fbf72e69d0519b544152a5cb3a47.svg);
  mask-image: url(/assets/solid/windows-d02d7f830f55b9de563f5eb108cb6bede217fbf72e69d0519b544152a5cb3a47.svg);
}
span.f-windows-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/windows-0bda79967fa54296cadffd6039c42b9930815845abdd8b366d41aadbdac53ac9.svg);
  mask-image: url(/assets/outline/windows-0bda79967fa54296cadffd6039c42b9930815845abdd8b366d41aadbdac53ac9.svg);
}
span.f-windows-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/windows-d02d7f830f55b9de563f5eb108cb6bede217fbf72e69d0519b544152a5cb3a47.svg);
  mask-image: url(/assets/solid/windows-d02d7f830f55b9de563f5eb108cb6bede217fbf72e69d0519b544152a5cb3a47.svg);
}
span.f-ubuntu {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/ubuntu-2b1d4382865a105ab7c3fe53be39e7cd08ac714ecd1b6d04ad7a3fdc05262626.svg);
  mask-image: url(/assets/solid/ubuntu-2b1d4382865a105ab7c3fe53be39e7cd08ac714ecd1b6d04ad7a3fdc05262626.svg);
}
span.f-ubuntu-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/ubuntu-2b1d4382865a105ab7c3fe53be39e7cd08ac714ecd1b6d04ad7a3fdc05262626.svg);
  mask-image: url(/assets/outline/ubuntu-2b1d4382865a105ab7c3fe53be39e7cd08ac714ecd1b6d04ad7a3fdc05262626.svg);
}
span.f-ubuntu-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/ubuntu-2b1d4382865a105ab7c3fe53be39e7cd08ac714ecd1b6d04ad7a3fdc05262626.svg);
  mask-image: url(/assets/solid/ubuntu-2b1d4382865a105ab7c3fe53be39e7cd08ac714ecd1b6d04ad7a3fdc05262626.svg);
}
span.f-power_button {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/power_button-fa7e3e7bca05eb3eb3e3da9604a79b0ec34e8156f8bb4fd3674bf965e59bb5e5.svg);
  mask-image: url(/assets/solid/power_button-fa7e3e7bca05eb3eb3e3da9604a79b0ec34e8156f8bb4fd3674bf965e59bb5e5.svg);
}
span.f-power_button-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/power_button-fa7e3e7bca05eb3eb3e3da9604a79b0ec34e8156f8bb4fd3674bf965e59bb5e5.svg);
  mask-image: url(/assets/outline/power_button-fa7e3e7bca05eb3eb3e3da9604a79b0ec34e8156f8bb4fd3674bf965e59bb5e5.svg);
}
span.f-power_button-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/power_button-fa7e3e7bca05eb3eb3e3da9604a79b0ec34e8156f8bb4fd3674bf965e59bb5e5.svg);
  mask-image: url(/assets/solid/power_button-fa7e3e7bca05eb3eb3e3da9604a79b0ec34e8156f8bb4fd3674bf965e59bb5e5.svg);
}
span.f-hand {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/hand-e4be02bb2d7ae760eadd3c5f64ad2afef570010cc5ca18e0407d599946373b60.svg);
  mask-image: url(/assets/solid/hand-e4be02bb2d7ae760eadd3c5f64ad2afef570010cc5ca18e0407d599946373b60.svg);
}
span.f-hand-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/hand-f9c875a89bec51ffcbc61f28c785bdfd71c5d032395aa2cc2bef6abd9015bfac.svg);
  mask-image: url(/assets/outline/hand-f9c875a89bec51ffcbc61f28c785bdfd71c5d032395aa2cc2bef6abd9015bfac.svg);
}
span.f-hand-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/hand-e4be02bb2d7ae760eadd3c5f64ad2afef570010cc5ca18e0407d599946373b60.svg);
  mask-image: url(/assets/solid/hand-e4be02bb2d7ae760eadd3c5f64ad2afef570010cc5ca18e0407d599946373b60.svg);
}
span.f-search {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/search-91fb377738898b99839cf16a2416bdc5cb75031c23aa048f0c24cda2466ddddf.svg);
  mask-image: url(/assets/solid/search-91fb377738898b99839cf16a2416bdc5cb75031c23aa048f0c24cda2466ddddf.svg);
}
span.f-search-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/search-134f8148972cb051fd5a87f946fcf9415bf48456d83b02b0263382cec0ee625c.svg);
  mask-image: url(/assets/outline/search-134f8148972cb051fd5a87f946fcf9415bf48456d83b02b0263382cec0ee625c.svg);
}
span.f-search-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/search-91fb377738898b99839cf16a2416bdc5cb75031c23aa048f0c24cda2466ddddf.svg);
  mask-image: url(/assets/solid/search-91fb377738898b99839cf16a2416bdc5cb75031c23aa048f0c24cda2466ddddf.svg);
}
span.f-arrow-down {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-down-87fd4c0b1109e85f92afdef74b629e68f48241bcdd463ace9339c3a843165a9c.svg);
  mask-image: url(/assets/solid/arrow-down-87fd4c0b1109e85f92afdef74b629e68f48241bcdd463ace9339c3a843165a9c.svg);
}
span.f-arrow-down-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-down-a672a16b71f6a69d7ea4d3818237b068e9e4416ba452d378978c2ecc87e76747.svg);
  mask-image: url(/assets/outline/arrow-down-a672a16b71f6a69d7ea4d3818237b068e9e4416ba452d378978c2ecc87e76747.svg);
}
span.f-arrow-down-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-down-87fd4c0b1109e85f92afdef74b629e68f48241bcdd463ace9339c3a843165a9c.svg);
  mask-image: url(/assets/solid/arrow-down-87fd4c0b1109e85f92afdef74b629e68f48241bcdd463ace9339c3a843165a9c.svg);
}
span.f-volume-off {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/volume-off-0a336c5704a40005972fbc2b7edb33978b6d49a92278e8a7c53af0c9177282c1.svg);
  mask-image: url(/assets/solid/volume-off-0a336c5704a40005972fbc2b7edb33978b6d49a92278e8a7c53af0c9177282c1.svg);
}
span.f-volume-off-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/volume-off-2603c01c22615185affb4cf08a06f541c98082164bf65e30f0c9136876453a0d.svg);
  mask-image: url(/assets/outline/volume-off-2603c01c22615185affb4cf08a06f541c98082164bf65e30f0c9136876453a0d.svg);
}
span.f-volume-off-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/volume-off-0a336c5704a40005972fbc2b7edb33978b6d49a92278e8a7c53af0c9177282c1.svg);
  mask-image: url(/assets/solid/volume-off-0a336c5704a40005972fbc2b7edb33978b6d49a92278e8a7c53af0c9177282c1.svg);
}
span.f-dots-horizontal {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/dots-horizontal-743925b6cea5e75239465767148e0f212347d91591420261b551b4979243ce12.svg);
  mask-image: url(/assets/solid/dots-horizontal-743925b6cea5e75239465767148e0f212347d91591420261b551b4979243ce12.svg);
}
span.f-dots-horizontal-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/dots-horizontal-c723ced63b4cd553b0ddd2e6fe1f7c29cbfb6dddeba129e38cc9e863ef042b6b.svg);
  mask-image: url(/assets/outline/dots-horizontal-c723ced63b4cd553b0ddd2e6fe1f7c29cbfb6dddeba129e38cc9e863ef042b6b.svg);
}
span.f-dots-horizontal-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/dots-horizontal-743925b6cea5e75239465767148e0f212347d91591420261b551b4979243ce12.svg);
  mask-image: url(/assets/solid/dots-horizontal-743925b6cea5e75239465767148e0f212347d91591420261b551b4979243ce12.svg);
}
span.f-scissors {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/scissors-db909a4766221ee649b2cc7537d14b07fce660bd4da0390f12dd22d9324eb113.svg);
  mask-image: url(/assets/solid/scissors-db909a4766221ee649b2cc7537d14b07fce660bd4da0390f12dd22d9324eb113.svg);
}
span.f-scissors-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/scissors-19c010679825342c49aee90cc00566f784bb425d1a92de7e8046b33cac06da71.svg);
  mask-image: url(/assets/outline/scissors-19c010679825342c49aee90cc00566f784bb425d1a92de7e8046b33cac06da71.svg);
}
span.f-scissors-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/scissors-db909a4766221ee649b2cc7537d14b07fce660bd4da0390f12dd22d9324eb113.svg);
  mask-image: url(/assets/solid/scissors-db909a4766221ee649b2cc7537d14b07fce660bd4da0390f12dd22d9324eb113.svg);
}
span.f-cog {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cog-22de99b2ccfe875f998d81e1e3d298c4340120e277295858122d2a4edd05f0f1.svg);
  mask-image: url(/assets/solid/cog-22de99b2ccfe875f998d81e1e3d298c4340120e277295858122d2a4edd05f0f1.svg);
}
span.f-cog-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cog-aedebd1eb37d9f2731ef648fd89682af72465ab6099bd1ba2b4e6801d62c9bec.svg);
  mask-image: url(/assets/outline/cog-aedebd1eb37d9f2731ef648fd89682af72465ab6099bd1ba2b4e6801d62c9bec.svg);
}
span.f-cog-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cog-22de99b2ccfe875f998d81e1e3d298c4340120e277295858122d2a4edd05f0f1.svg);
  mask-image: url(/assets/solid/cog-22de99b2ccfe875f998d81e1e3d298c4340120e277295858122d2a4edd05f0f1.svg);
}
span.f-currency-pound {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-pound-fc1114a518323c7f9cf9b60b5ac22cddac9e200a6353989344b7203aade47cd8.svg);
  mask-image: url(/assets/solid/currency-pound-fc1114a518323c7f9cf9b60b5ac22cddac9e200a6353989344b7203aade47cd8.svg);
}
span.f-currency-pound-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/currency-pound-2815734c56c3c473b39e679d14566fd991797a47e3ac772d40038f01a192d489.svg);
  mask-image: url(/assets/outline/currency-pound-2815734c56c3c473b39e679d14566fd991797a47e3ac772d40038f01a192d489.svg);
}
span.f-currency-pound-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-pound-fc1114a518323c7f9cf9b60b5ac22cddac9e200a6353989344b7203aade47cd8.svg);
  mask-image: url(/assets/solid/currency-pound-fc1114a518323c7f9cf9b60b5ac22cddac9e200a6353989344b7203aade47cd8.svg);
}
span.f-sort-descending {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sort-descending-e7aeb3479fd2bd574893872699e1371f741b9fe903fcb8fcfea147f240385767.svg);
  mask-image: url(/assets/solid/sort-descending-e7aeb3479fd2bd574893872699e1371f741b9fe903fcb8fcfea147f240385767.svg);
}
span.f-sort-descending-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/sort-descending-b38cc8bee0bf64359c1aad4829602585bd149a07340245db4202776df1b21d49.svg);
  mask-image: url(/assets/outline/sort-descending-b38cc8bee0bf64359c1aad4829602585bd149a07340245db4202776df1b21d49.svg);
}
span.f-sort-descending-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sort-descending-e7aeb3479fd2bd574893872699e1371f741b9fe903fcb8fcfea147f240385767.svg);
  mask-image: url(/assets/solid/sort-descending-e7aeb3479fd2bd574893872699e1371f741b9fe903fcb8fcfea147f240385767.svg);
}
span.f-reply {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/reply-9f1fc11a2163d9cde2f2b874f1aebdfb5625521767cb44e4e82d4759f311757a.svg);
  mask-image: url(/assets/solid/reply-9f1fc11a2163d9cde2f2b874f1aebdfb5625521767cb44e4e82d4759f311757a.svg);
}
span.f-reply-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/reply-c5ee8b643746c2020735317761f022102966f36baf3a8e871a3c50d50d837166.svg);
  mask-image: url(/assets/outline/reply-c5ee8b643746c2020735317761f022102966f36baf3a8e871a3c50d50d837166.svg);
}
span.f-reply-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/reply-9f1fc11a2163d9cde2f2b874f1aebdfb5625521767cb44e4e82d4759f311757a.svg);
  mask-image: url(/assets/solid/reply-9f1fc11a2163d9cde2f2b874f1aebdfb5625521767cb44e4e82d4759f311757a.svg);
}
span.f-thumb-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/thumb-up-51f3b58a529b922e480208d137d8281fe0a5eb7379ad5413f0a67855ac409a5e.svg);
  mask-image: url(/assets/solid/thumb-up-51f3b58a529b922e480208d137d8281fe0a5eb7379ad5413f0a67855ac409a5e.svg);
}
span.f-thumb-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/thumb-up-b4987b9103d2324c4da191de3c194fb483710621649122824bfe2fe8047aabb0.svg);
  mask-image: url(/assets/outline/thumb-up-b4987b9103d2324c4da191de3c194fb483710621649122824bfe2fe8047aabb0.svg);
}
span.f-thumb-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/thumb-up-51f3b58a529b922e480208d137d8281fe0a5eb7379ad5413f0a67855ac409a5e.svg);
  mask-image: url(/assets/solid/thumb-up-51f3b58a529b922e480208d137d8281fe0a5eb7379ad5413f0a67855ac409a5e.svg);
}
span.f-translate {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/translate-936a0f83f3acab1f948b8bafc4a3f760baad0aa3fea88c17ea8810976088d0f3.svg);
  mask-image: url(/assets/solid/translate-936a0f83f3acab1f948b8bafc4a3f760baad0aa3fea88c17ea8810976088d0f3.svg);
}
span.f-translate-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/translate-342a7ffd3e57064b57b27813da7f281a343733511d205ca34d65c84830911520.svg);
  mask-image: url(/assets/outline/translate-342a7ffd3e57064b57b27813da7f281a343733511d205ca34d65c84830911520.svg);
}
span.f-translate-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/translate-936a0f83f3acab1f948b8bafc4a3f760baad0aa3fea88c17ea8810976088d0f3.svg);
  mask-image: url(/assets/solid/translate-936a0f83f3acab1f948b8bafc4a3f760baad0aa3fea88c17ea8810976088d0f3.svg);
}
span.f-adjustments, span.f-config {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/adjustments-87779c5c162e0d894f32db8ee0c1b41e8af6adb9a5f785a453140cefecfcfa23.svg);
  mask-image: url(/assets/solid/adjustments-87779c5c162e0d894f32db8ee0c1b41e8af6adb9a5f785a453140cefecfcfa23.svg);
}
span.f-adjustments-o, span.f-config-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/adjustments-f225b1d41722a50e23d73c202ef93ecb555f97a743ff7aa21cd1a57fbeef1eb1.svg);
  mask-image: url(/assets/outline/adjustments-f225b1d41722a50e23d73c202ef93ecb555f97a743ff7aa21cd1a57fbeef1eb1.svg);
}
span.f-adjustments-sm, span.f-config-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/adjustments-87779c5c162e0d894f32db8ee0c1b41e8af6adb9a5f785a453140cefecfcfa23.svg);
  mask-image: url(/assets/solid/adjustments-87779c5c162e0d894f32db8ee0c1b41e8af6adb9a5f785a453140cefecfcfa23.svg);
}
span.f-user {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-35aa58d14d1bd6441fd00583f8ce5425d6b9ada4e7490a26995e73ffd22c7b1e.svg);
  mask-image: url(/assets/solid/user-35aa58d14d1bd6441fd00583f8ce5425d6b9ada4e7490a26995e73ffd22c7b1e.svg);
}
span.f-user-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/user-a66950ed2e88beff0cf392789ede6f63374fd22c374d5989cd5713f2e7dbe971.svg);
  mask-image: url(/assets/outline/user-a66950ed2e88beff0cf392789ede6f63374fd22c374d5989cd5713f2e7dbe971.svg);
}
span.f-user-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-35aa58d14d1bd6441fd00583f8ce5425d6b9ada4e7490a26995e73ffd22c7b1e.svg);
  mask-image: url(/assets/solid/user-35aa58d14d1bd6441fd00583f8ce5425d6b9ada4e7490a26995e73ffd22c7b1e.svg);
}
span.f-view-grid {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-grid-c70133c1518170e7811f85a7f893863d4e3053403bfed9f6c0aff6935988b7f5.svg);
  mask-image: url(/assets/solid/view-grid-c70133c1518170e7811f85a7f893863d4e3053403bfed9f6c0aff6935988b7f5.svg);
}
span.f-view-grid-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/view-grid-0fc7e2e80ce2f25f8b8cb079731b65123f441061cf367c39cbb1dbce64b9f2ac.svg);
  mask-image: url(/assets/outline/view-grid-0fc7e2e80ce2f25f8b8cb079731b65123f441061cf367c39cbb1dbce64b9f2ac.svg);
}
span.f-view-grid-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-grid-c70133c1518170e7811f85a7f893863d4e3053403bfed9f6c0aff6935988b7f5.svg);
  mask-image: url(/assets/solid/view-grid-c70133c1518170e7811f85a7f893863d4e3053403bfed9f6c0aff6935988b7f5.svg);
}
span.f-receipt-tax {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/receipt-tax-0c8425fb4f8e05b6ff3aef12398099507e33d4d3008ba5ec9cc3b3434cdc4ca1.svg);
  mask-image: url(/assets/solid/receipt-tax-0c8425fb4f8e05b6ff3aef12398099507e33d4d3008ba5ec9cc3b3434cdc4ca1.svg);
}
span.f-receipt-tax-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/receipt-tax-377d3d059ed232f98ec6b3235abfd1371ca4a26dcdd5bfb78ffb2964fa5f5d13.svg);
  mask-image: url(/assets/outline/receipt-tax-377d3d059ed232f98ec6b3235abfd1371ca4a26dcdd5bfb78ffb2964fa5f5d13.svg);
}
span.f-receipt-tax-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/receipt-tax-0c8425fb4f8e05b6ff3aef12398099507e33d4d3008ba5ec9cc3b3434cdc4ca1.svg);
  mask-image: url(/assets/solid/receipt-tax-0c8425fb4f8e05b6ff3aef12398099507e33d4d3008ba5ec9cc3b3434cdc4ca1.svg);
}
span.f-x-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/x-circle-616aeb6f94d5f76b13a221b8a147b68c80042a519d1ac59fcf64f88d3cae6eb7.svg);
  mask-image: url(/assets/solid/x-circle-616aeb6f94d5f76b13a221b8a147b68c80042a519d1ac59fcf64f88d3cae6eb7.svg);
}
span.f-x-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/x-circle-dc1ead16dd51e7824ec2af43da21e77872191c2e6d345b16d0b0b1d3b74e5738.svg);
  mask-image: url(/assets/outline/x-circle-dc1ead16dd51e7824ec2af43da21e77872191c2e6d345b16d0b0b1d3b74e5738.svg);
}
span.f-x-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/x-circle-616aeb6f94d5f76b13a221b8a147b68c80042a519d1ac59fcf64f88d3cae6eb7.svg);
  mask-image: url(/assets/solid/x-circle-616aeb6f94d5f76b13a221b8a147b68c80042a519d1ac59fcf64f88d3cae6eb7.svg);
}
span.f-view-list {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-list-d807662a0f82ffe73c2bc6d124c3816f368aaacdc0246f2fb2eaef562605f36d.svg);
  mask-image: url(/assets/solid/view-list-d807662a0f82ffe73c2bc6d124c3816f368aaacdc0246f2fb2eaef562605f36d.svg);
}
span.f-view-list-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/view-list-1f85b124e45c7ed14f7ea44a03a52cce2c07d60d8d860ce6a0ebfc47580341c0.svg);
  mask-image: url(/assets/outline/view-list-1f85b124e45c7ed14f7ea44a03a52cce2c07d60d8d860ce6a0ebfc47580341c0.svg);
}
span.f-view-list-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-list-d807662a0f82ffe73c2bc6d124c3816f368aaacdc0246f2fb2eaef562605f36d.svg);
  mask-image: url(/assets/solid/view-list-d807662a0f82ffe73c2bc6d124c3816f368aaacdc0246f2fb2eaef562605f36d.svg);
}
span.f-home {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/home-242102343d4e491a8550c794f426a42ed558f9d96920ecfe477b648b336a5a61.svg);
  mask-image: url(/assets/solid/home-242102343d4e491a8550c794f426a42ed558f9d96920ecfe477b648b336a5a61.svg);
}
span.f-home-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/home-264c545dcdf192f91dcfdf74ed3afb57bbf942d47c07097d62e8f95800ecf518.svg);
  mask-image: url(/assets/outline/home-264c545dcdf192f91dcfdf74ed3afb57bbf942d47c07097d62e8f95800ecf518.svg);
}
span.f-home-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/home-242102343d4e491a8550c794f426a42ed558f9d96920ecfe477b648b336a5a61.svg);
  mask-image: url(/assets/solid/home-242102343d4e491a8550c794f426a42ed558f9d96920ecfe477b648b336a5a61.svg);
}
span.f-globe-alt, span.f-vpc, span.f-network {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/globe-alt-1fa8f334398aed0454bcd4e17f3f354e71541afdd11efb94334a3bddd70f8786.svg);
  mask-image: url(/assets/solid/globe-alt-1fa8f334398aed0454bcd4e17f3f354e71541afdd11efb94334a3bddd70f8786.svg);
}
span.f-globe-alt-o, span.f-vpc-o, span.f-network-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/globe-alt-6bebd747c1a1c923d4ae21464b24bdf56e574d231b00d4f182f6c029851d5cf9.svg);
  mask-image: url(/assets/outline/globe-alt-6bebd747c1a1c923d4ae21464b24bdf56e574d231b00d4f182f6c029851d5cf9.svg);
}
span.f-globe-alt-sm, span.f-vpc-sm, span.f-network-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/globe-alt-1fa8f334398aed0454bcd4e17f3f354e71541afdd11efb94334a3bddd70f8786.svg);
  mask-image: url(/assets/solid/globe-alt-1fa8f334398aed0454bcd4e17f3f354e71541afdd11efb94334a3bddd70f8786.svg);
}
span.f-chevron-double-right {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-right-c1b4fe7b0af3fe6fc9df38a42aba57ff3b0edc5153c930077d51ba0502f80117.svg);
  mask-image: url(/assets/solid/chevron-double-right-c1b4fe7b0af3fe6fc9df38a42aba57ff3b0edc5153c930077d51ba0502f80117.svg);
}
span.f-chevron-double-right-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-double-right-04c2f5f7a92125b45bec6e630aa41d19a2fc91d3a5472e171f6ccea18fee9f34.svg);
  mask-image: url(/assets/outline/chevron-double-right-04c2f5f7a92125b45bec6e630aa41d19a2fc91d3a5472e171f6ccea18fee9f34.svg);
}
span.f-chevron-double-right-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-right-c1b4fe7b0af3fe6fc9df38a42aba57ff3b0edc5153c930077d51ba0502f80117.svg);
  mask-image: url(/assets/solid/chevron-double-right-c1b4fe7b0af3fe6fc9df38a42aba57ff3b0edc5153c930077d51ba0502f80117.svg);
}
span.f-library {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/library-b86ef0a0667e733aa74e35c057dd284c221f53548e91252a72e33fe5a298a132.svg);
  mask-image: url(/assets/solid/library-b86ef0a0667e733aa74e35c057dd284c221f53548e91252a72e33fe5a298a132.svg);
}
span.f-library-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/library-76ffe92d4868ac3705c1e6f5ea9468ae66b50c20f347d80b404818fa8bd9815e.svg);
  mask-image: url(/assets/outline/library-76ffe92d4868ac3705c1e6f5ea9468ae66b50c20f347d80b404818fa8bd9815e.svg);
}
span.f-library-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/library-b86ef0a0667e733aa74e35c057dd284c221f53548e91252a72e33fe5a298a132.svg);
  mask-image: url(/assets/solid/library-b86ef0a0667e733aa74e35c057dd284c221f53548e91252a72e33fe5a298a132.svg);
}
span.f-chevron-down {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-down-57c305e2a273d217c7c8d7553b8153fb342807b06d4ce6dbaf8c7f7004982a4d.svg);
  mask-image: url(/assets/solid/chevron-down-57c305e2a273d217c7c8d7553b8153fb342807b06d4ce6dbaf8c7f7004982a4d.svg);
}
span.f-chevron-down-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-down-33d2954f61c5a6d2813afe737d79cde66e9c430e402cc5914b2fe8decc93ecde.svg);
  mask-image: url(/assets/outline/chevron-down-33d2954f61c5a6d2813afe737d79cde66e9c430e402cc5914b2fe8decc93ecde.svg);
}
span.f-chevron-down-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-down-57c305e2a273d217c7c8d7553b8153fb342807b06d4ce6dbaf8c7f7004982a4d.svg);
  mask-image: url(/assets/solid/chevron-down-57c305e2a273d217c7c8d7553b8153fb342807b06d4ce6dbaf8c7f7004982a4d.svg);
}
span.f-chevron-double-left {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-left-6114ec6ceda783a2a5957835bb617a8a92bd7974dfe23bbd85f2c5dbde2c96c1.svg);
  mask-image: url(/assets/solid/chevron-double-left-6114ec6ceda783a2a5957835bb617a8a92bd7974dfe23bbd85f2c5dbde2c96c1.svg);
}
span.f-chevron-double-left-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-double-left-96696b2b8b683769abe293134b5a0cec1a1bb18785139c6bc10690882c4e0ea2.svg);
  mask-image: url(/assets/outline/chevron-double-left-96696b2b8b683769abe293134b5a0cec1a1bb18785139c6bc10690882c4e0ea2.svg);
}
span.f-chevron-double-left-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-left-6114ec6ceda783a2a5957835bb617a8a92bd7974dfe23bbd85f2c5dbde2c96c1.svg);
  mask-image: url(/assets/solid/chevron-double-left-6114ec6ceda783a2a5957835bb617a8a92bd7974dfe23bbd85f2c5dbde2c96c1.svg);
}
span.f-logout {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/logout-4d6dc5b67e9573e9c0b1df656bf6ba04a7e2856cc0a168a278882faebdc5bc99.svg);
  mask-image: url(/assets/solid/logout-4d6dc5b67e9573e9c0b1df656bf6ba04a7e2856cc0a168a278882faebdc5bc99.svg);
}
span.f-logout-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/logout-d89ba2102ac168b01f98d28d6ee75faf833f08c2793cab5589b4c03da5d4033d.svg);
  mask-image: url(/assets/outline/logout-d89ba2102ac168b01f98d28d6ee75faf833f08c2793cab5589b4c03da5d4033d.svg);
}
span.f-logout-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/logout-4d6dc5b67e9573e9c0b1df656bf6ba04a7e2856cc0a168a278882faebdc5bc99.svg);
  mask-image: url(/assets/solid/logout-4d6dc5b67e9573e9c0b1df656bf6ba04a7e2856cc0a168a278882faebdc5bc99.svg);
}
span.f-chip, span.f-instance {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chip-68877a5874129089f5552e0db65b3e4d7e54edb15a5d2ccfc79a129aa69bb7e2.svg);
  mask-image: url(/assets/solid/chip-68877a5874129089f5552e0db65b3e4d7e54edb15a5d2ccfc79a129aa69bb7e2.svg);
}
span.f-chip-o, span.f-instance-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chip-a0080485abfd81c03abc570c2b9e646e34d6a3c6cb2c278535790de1a92d86a5.svg);
  mask-image: url(/assets/outline/chip-a0080485abfd81c03abc570c2b9e646e34d6a3c6cb2c278535790de1a92d86a5.svg);
}
span.f-chip-sm, span.f-instance-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chip-68877a5874129089f5552e0db65b3e4d7e54edb15a5d2ccfc79a129aa69bb7e2.svg);
  mask-image: url(/assets/solid/chip-68877a5874129089f5552e0db65b3e4d7e54edb15a5d2ccfc79a129aa69bb7e2.svg);
}
span.f-ticket {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/ticket-161ba806f1dbfed3f18ad9ab9c08947b2c7e7480cd1878cdffa5f8abd13c865c.svg);
  mask-image: url(/assets/solid/ticket-161ba806f1dbfed3f18ad9ab9c08947b2c7e7480cd1878cdffa5f8abd13c865c.svg);
}
span.f-ticket-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/ticket-6cfca0d150c851d9f0fab8a1ba84c3607eeabfb7c948e05d5590d929526576db.svg);
  mask-image: url(/assets/outline/ticket-6cfca0d150c851d9f0fab8a1ba84c3607eeabfb7c948e05d5590d929526576db.svg);
}
span.f-ticket-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/ticket-161ba806f1dbfed3f18ad9ab9c08947b2c7e7480cd1878cdffa5f8abd13c865c.svg);
  mask-image: url(/assets/solid/ticket-161ba806f1dbfed3f18ad9ab9c08947b2c7e7480cd1878cdffa5f8abd13c865c.svg);
}
span.f-tag {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/tag-669870322f55a48f944d6f95fb57dd952797bfd35ee007a9034e18a5be02c30c.svg);
  mask-image: url(/assets/solid/tag-669870322f55a48f944d6f95fb57dd952797bfd35ee007a9034e18a5be02c30c.svg);
}
span.f-tag-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/tag-12204ab321ed172c3925285df2b7b96f57dd35dc23b6c4cef2a493d0fb1ae223.svg);
  mask-image: url(/assets/outline/tag-12204ab321ed172c3925285df2b7b96f57dd35dc23b6c4cef2a493d0fb1ae223.svg);
}
span.f-tag-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/tag-669870322f55a48f944d6f95fb57dd952797bfd35ee007a9034e18a5be02c30c.svg);
  mask-image: url(/assets/solid/tag-669870322f55a48f944d6f95fb57dd952797bfd35ee007a9034e18a5be02c30c.svg);
}
span.f-briefcase {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/briefcase-113750077a592bb9b103a672c0f9cee6fe6f551ee1fbf69ed38a331a16d5ac97.svg);
  mask-image: url(/assets/solid/briefcase-113750077a592bb9b103a672c0f9cee6fe6f551ee1fbf69ed38a331a16d5ac97.svg);
}
span.f-briefcase-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/briefcase-9e9c9af6de43f0b6607f7df7254b0b89521b0989a4695a0e4da3aa02fe965136.svg);
  mask-image: url(/assets/outline/briefcase-9e9c9af6de43f0b6607f7df7254b0b89521b0989a4695a0e4da3aa02fe965136.svg);
}
span.f-briefcase-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/briefcase-113750077a592bb9b103a672c0f9cee6fe6f551ee1fbf69ed38a331a16d5ac97.svg);
  mask-image: url(/assets/solid/briefcase-113750077a592bb9b103a672c0f9cee6fe6f551ee1fbf69ed38a331a16d5ac97.svg);
}
span.f-arrow-circle-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-up-9c5e95cfbc974f97a9c103526869e7ddcde841884d30698fe248d4ef4700f8af.svg);
  mask-image: url(/assets/solid/arrow-circle-up-9c5e95cfbc974f97a9c103526869e7ddcde841884d30698fe248d4ef4700f8af.svg);
}
span.f-arrow-circle-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-circle-up-cf9d1ae5f6be18e8ab09c66c4854ea326f5a35cac0424c84e8ad3e1bd0fa07e6.svg);
  mask-image: url(/assets/outline/arrow-circle-up-cf9d1ae5f6be18e8ab09c66c4854ea326f5a35cac0424c84e8ad3e1bd0fa07e6.svg);
}
span.f-arrow-circle-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-up-9c5e95cfbc974f97a9c103526869e7ddcde841884d30698fe248d4ef4700f8af.svg);
  mask-image: url(/assets/solid/arrow-circle-up-9c5e95cfbc974f97a9c103526869e7ddcde841884d30698fe248d4ef4700f8af.svg);
}
span.f-save-as {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/save-as-c24ca40cf499d7b4722cbc836ec3a42479778827824e89a99d3c989eddca6892.svg);
  mask-image: url(/assets/solid/save-as-c24ca40cf499d7b4722cbc836ec3a42479778827824e89a99d3c989eddca6892.svg);
}
span.f-save-as-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/save-as-e6489d4077ccf48af50fbc165549176f04fd70488043fcff68676fca22e24840.svg);
  mask-image: url(/assets/outline/save-as-e6489d4077ccf48af50fbc165549176f04fd70488043fcff68676fca22e24840.svg);
}
span.f-save-as-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/save-as-c24ca40cf499d7b4722cbc836ec3a42479778827824e89a99d3c989eddca6892.svg);
  mask-image: url(/assets/solid/save-as-c24ca40cf499d7b4722cbc836ec3a42479778827824e89a99d3c989eddca6892.svg);
}
span.f-document-search {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-search-400eef5959a482b085b2373508805cf1ebac54a7bdacca7b1faa69f4b87f6e89.svg);
  mask-image: url(/assets/solid/document-search-400eef5959a482b085b2373508805cf1ebac54a7bdacca7b1faa69f4b87f6e89.svg);
}
span.f-document-search-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-search-9651cabe6da34b3b71595cdb401681e3b1faa4f96759a333142d34006f68b8c8.svg);
  mask-image: url(/assets/outline/document-search-9651cabe6da34b3b71595cdb401681e3b1faa4f96759a333142d34006f68b8c8.svg);
}
span.f-document-search-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-search-400eef5959a482b085b2373508805cf1ebac54a7bdacca7b1faa69f4b87f6e89.svg);
  mask-image: url(/assets/solid/document-search-400eef5959a482b085b2373508805cf1ebac54a7bdacca7b1faa69f4b87f6e89.svg);
}
span.f-map {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/map-13ce1a1b9840e8ea36f8739adb8998259a5c02b4d7bd5578610191edd4643dd9.svg);
  mask-image: url(/assets/solid/map-13ce1a1b9840e8ea36f8739adb8998259a5c02b4d7bd5578610191edd4643dd9.svg);
}
span.f-map-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/map-6f05baf646b921f7235543768287b44916421215b89847d6c5f10ce9fb67f054.svg);
  mask-image: url(/assets/outline/map-6f05baf646b921f7235543768287b44916421215b89847d6c5f10ce9fb67f054.svg);
}
span.f-map-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/map-13ce1a1b9840e8ea36f8739adb8998259a5c02b4d7bd5578610191edd4643dd9.svg);
  mask-image: url(/assets/solid/map-13ce1a1b9840e8ea36f8739adb8998259a5c02b4d7bd5578610191edd4643dd9.svg);
}
span.f-inbox {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/inbox-ee5e3828bbb7ec7317b3310e8cc53d13b5bf34f5559e12d1151f82418d1bdaa8.svg);
  mask-image: url(/assets/solid/inbox-ee5e3828bbb7ec7317b3310e8cc53d13b5bf34f5559e12d1151f82418d1bdaa8.svg);
}
span.f-inbox-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/inbox-d885ce43bf35810b202160cf663e550f8b299453e33c678550214144f32cf8ee.svg);
  mask-image: url(/assets/outline/inbox-d885ce43bf35810b202160cf663e550f8b299453e33c678550214144f32cf8ee.svg);
}
span.f-inbox-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/inbox-ee5e3828bbb7ec7317b3310e8cc53d13b5bf34f5559e12d1151f82418d1bdaa8.svg);
  mask-image: url(/assets/solid/inbox-ee5e3828bbb7ec7317b3310e8cc53d13b5bf34f5559e12d1151f82418d1bdaa8.svg);
}
span.f-microphone {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/microphone-d3a42a4b368f33e6dfbe7988179adc54ae73e203597613b375309bea9d68ee57.svg);
  mask-image: url(/assets/solid/microphone-d3a42a4b368f33e6dfbe7988179adc54ae73e203597613b375309bea9d68ee57.svg);
}
span.f-microphone-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/microphone-5dc1d790ece1ceb0714dff8840769e513af17f81bbfe47a18f05f069b49ef5ac.svg);
  mask-image: url(/assets/outline/microphone-5dc1d790ece1ceb0714dff8840769e513af17f81bbfe47a18f05f069b49ef5ac.svg);
}
span.f-microphone-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/microphone-d3a42a4b368f33e6dfbe7988179adc54ae73e203597613b375309bea9d68ee57.svg);
  mask-image: url(/assets/solid/microphone-d3a42a4b368f33e6dfbe7988179adc54ae73e203597613b375309bea9d68ee57.svg);
}
span.f-database {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/database-4f662d922a841279da61eefa686d70c073253d4983c3f7ee00a6a979aba8e797.svg);
  mask-image: url(/assets/solid/database-4f662d922a841279da61eefa686d70c073253d4983c3f7ee00a6a979aba8e797.svg);
}
span.f-database-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/database-ec746e8c63af1cea0aa795f2576d932a49d7bdc8c2301831a7ccfa6729919f37.svg);
  mask-image: url(/assets/outline/database-ec746e8c63af1cea0aa795f2576d932a49d7bdc8c2301831a7ccfa6729919f37.svg);
}
span.f-database-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/database-4f662d922a841279da61eefa686d70c073253d4983c3f7ee00a6a979aba8e797.svg);
  mask-image: url(/assets/solid/database-4f662d922a841279da61eefa686d70c073253d4983c3f7ee00a6a979aba8e797.svg);
}
span.f-puzzle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/puzzle-21a71f8a111f3eda725afb09202a96c6ed64c05e8aebbb4ebccfb5dc049a5520.svg);
  mask-image: url(/assets/solid/puzzle-21a71f8a111f3eda725afb09202a96c6ed64c05e8aebbb4ebccfb5dc049a5520.svg);
}
span.f-puzzle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/puzzle-692dda8a10a8b703844d1d34b7dc07bb72721db45a417c045132271d91780bd9.svg);
  mask-image: url(/assets/outline/puzzle-692dda8a10a8b703844d1d34b7dc07bb72721db45a417c045132271d91780bd9.svg);
}
span.f-puzzle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/puzzle-21a71f8a111f3eda725afb09202a96c6ed64c05e8aebbb4ebccfb5dc049a5520.svg);
  mask-image: url(/assets/solid/puzzle-21a71f8a111f3eda725afb09202a96c6ed64c05e8aebbb4ebccfb5dc049a5520.svg);
}
span.f-duplicate {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/duplicate-80b94ef3f5438bcf076ba442ba51ce9bfd50434088deb0eaeca5673159a01a25.svg);
  mask-image: url(/assets/solid/duplicate-80b94ef3f5438bcf076ba442ba51ce9bfd50434088deb0eaeca5673159a01a25.svg);
}
span.f-duplicate-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/duplicate-843dfebc97dc80bbdd05d13dfecd9aba457fbc1794f5a46466b3c26d6867daee.svg);
  mask-image: url(/assets/outline/duplicate-843dfebc97dc80bbdd05d13dfecd9aba457fbc1794f5a46466b3c26d6867daee.svg);
}
span.f-duplicate-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/duplicate-80b94ef3f5438bcf076ba442ba51ce9bfd50434088deb0eaeca5673159a01a25.svg);
  mask-image: url(/assets/solid/duplicate-80b94ef3f5438bcf076ba442ba51ce9bfd50434088deb0eaeca5673159a01a25.svg);
}
span.f-folder-remove {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-remove-c500842b8e2185dd087f6825ea63882393becdb892f824f3b63cf040fa69c78a.svg);
  mask-image: url(/assets/solid/folder-remove-c500842b8e2185dd087f6825ea63882393becdb892f824f3b63cf040fa69c78a.svg);
}
span.f-folder-remove-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/folder-remove-19f4e6fa35844c6fee706213e7ab62c0f1002007ea19cfd97e7b8728118f8f81.svg);
  mask-image: url(/assets/outline/folder-remove-19f4e6fa35844c6fee706213e7ab62c0f1002007ea19cfd97e7b8728118f8f81.svg);
}
span.f-folder-remove-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-remove-c500842b8e2185dd087f6825ea63882393becdb892f824f3b63cf040fa69c78a.svg);
  mask-image: url(/assets/solid/folder-remove-c500842b8e2185dd087f6825ea63882393becdb892f824f3b63cf040fa69c78a.svg);
}
span.f-terminal {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/terminal-c1a2bbbee54d01c48b23b79a1f409526c4365857339d38f32bea2e0e463263cd.svg);
  mask-image: url(/assets/solid/terminal-c1a2bbbee54d01c48b23b79a1f409526c4365857339d38f32bea2e0e463263cd.svg);
}
span.f-terminal-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/terminal-2ef1a37d14f72913385b6b9815344adf592ed9fef91ad9a75df984f0972f90e2.svg);
  mask-image: url(/assets/outline/terminal-2ef1a37d14f72913385b6b9815344adf592ed9fef91ad9a75df984f0972f90e2.svg);
}
span.f-terminal-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/terminal-c1a2bbbee54d01c48b23b79a1f409526c4365857339d38f32bea2e0e463263cd.svg);
  mask-image: url(/assets/solid/terminal-c1a2bbbee54d01c48b23b79a1f409526c4365857339d38f32bea2e0e463263cd.svg);
}
span.f-sparkles {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sparkles-5f6e8d71c55fa0e67afad169301ee6a878b4e44dc66006037101a3872d205d03.svg);
  mask-image: url(/assets/solid/sparkles-5f6e8d71c55fa0e67afad169301ee6a878b4e44dc66006037101a3872d205d03.svg);
}
span.f-sparkles-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/sparkles-cc7ed527d565236353cb3ad8a9af539cf6b231af922adc9809edcf1e4e2358b1.svg);
  mask-image: url(/assets/outline/sparkles-cc7ed527d565236353cb3ad8a9af539cf6b231af922adc9809edcf1e4e2358b1.svg);
}
span.f-sparkles-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sparkles-5f6e8d71c55fa0e67afad169301ee6a878b4e44dc66006037101a3872d205d03.svg);
  mask-image: url(/assets/solid/sparkles-5f6e8d71c55fa0e67afad169301ee6a878b4e44dc66006037101a3872d205d03.svg);
}
span.f-chevron-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-up-2f3d773fe944b3e970128cb12cec09bf6bc695c894521af2f49ada06a0653979.svg);
  mask-image: url(/assets/solid/chevron-up-2f3d773fe944b3e970128cb12cec09bf6bc695c894521af2f49ada06a0653979.svg);
}
span.f-chevron-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-up-1cc2f4fe6193987710786e1d5f1698a62f18046e8c639dd6b129688731f65465.svg);
  mask-image: url(/assets/outline/chevron-up-1cc2f4fe6193987710786e1d5f1698a62f18046e8c639dd6b129688731f65465.svg);
}
span.f-chevron-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-up-2f3d773fe944b3e970128cb12cec09bf6bc695c894521af2f49ada06a0653979.svg);
  mask-image: url(/assets/solid/chevron-up-2f3d773fe944b3e970128cb12cec09bf6bc695c894521af2f49ada06a0653979.svg);
}
span.f-folder-open {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-open-c101557c5dd73413bba45a7aff8d1d0545544da0d010d002c9df13316c6ffc7f.svg);
  mask-image: url(/assets/solid/folder-open-c101557c5dd73413bba45a7aff8d1d0545544da0d010d002c9df13316c6ffc7f.svg);
}
span.f-folder-open-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/folder-open-500e852255e8cc8607b4c21185cf6d93c5952b73c4c9375f160a34dc14cd8978.svg);
  mask-image: url(/assets/outline/folder-open-500e852255e8cc8607b4c21185cf6d93c5952b73c4c9375f160a34dc14cd8978.svg);
}
span.f-folder-open-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-open-c101557c5dd73413bba45a7aff8d1d0545544da0d010d002c9df13316c6ffc7f.svg);
  mask-image: url(/assets/solid/folder-open-c101557c5dd73413bba45a7aff8d1d0545544da0d010d002c9df13316c6ffc7f.svg);
}
span.f-document-add {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-add-d22a4930fb73cb622439b0509ed46cc539449d49e12ad4cd3447998737fc146b.svg);
  mask-image: url(/assets/solid/document-add-d22a4930fb73cb622439b0509ed46cc539449d49e12ad4cd3447998737fc146b.svg);
}
span.f-document-add-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-add-f74c23a27eb7da73dfe4f657661174f6fe6c4f1fe33475c72954a79cbe986a13.svg);
  mask-image: url(/assets/outline/document-add-f74c23a27eb7da73dfe4f657661174f6fe6c4f1fe33475c72954a79cbe986a13.svg);
}
span.f-document-add-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-add-d22a4930fb73cb622439b0509ed46cc539449d49e12ad4cd3447998737fc146b.svg);
  mask-image: url(/assets/solid/document-add-d22a4930fb73cb622439b0509ed46cc539449d49e12ad4cd3447998737fc146b.svg);
}
span.f-x {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/x-8262633d7f25522327d324945c00877b1cfd3d0f6f144fe99997115a8f7c7cc0.svg);
  mask-image: url(/assets/solid/x-8262633d7f25522327d324945c00877b1cfd3d0f6f144fe99997115a8f7c7cc0.svg);
}
span.f-x-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/x-27d46eb57422ef979360691e623551fb2af031f997920f1c1600af889b39ec84.svg);
  mask-image: url(/assets/outline/x-27d46eb57422ef979360691e623551fb2af031f997920f1c1600af889b39ec84.svg);
}
span.f-x-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/x-8262633d7f25522327d324945c00877b1cfd3d0f6f144fe99997115a8f7c7cc0.svg);
  mask-image: url(/assets/solid/x-8262633d7f25522327d324945c00877b1cfd3d0f6f144fe99997115a8f7c7cc0.svg);
}
span.f-at-symbol {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/at-symbol-fd0e881d4cf2b9d8b8468df716398f69207f6f7540000257ed6774622772038e.svg);
  mask-image: url(/assets/solid/at-symbol-fd0e881d4cf2b9d8b8468df716398f69207f6f7540000257ed6774622772038e.svg);
}
span.f-at-symbol-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/at-symbol-7863fe2b1f021fea2dc3b22492ddfe42b4f76923c80ff4605a2142f8756eaa6a.svg);
  mask-image: url(/assets/outline/at-symbol-7863fe2b1f021fea2dc3b22492ddfe42b4f76923c80ff4605a2142f8756eaa6a.svg);
}
span.f-at-symbol-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/at-symbol-fd0e881d4cf2b9d8b8468df716398f69207f6f7540000257ed6774622772038e.svg);
  mask-image: url(/assets/solid/at-symbol-fd0e881d4cf2b9d8b8468df716398f69207f6f7540000257ed6774622772038e.svg);
}
span.f-bookmark-alt {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/bookmark-alt-6b334f6bc619dfd10c60c37995d47a0fe228aa577e5f8382247e32674d3b54b8.svg);
  mask-image: url(/assets/solid/bookmark-alt-6b334f6bc619dfd10c60c37995d47a0fe228aa577e5f8382247e32674d3b54b8.svg);
}
span.f-bookmark-alt-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/bookmark-alt-7af3ab8cfe42a669d851132001e7f388190d4f8b5a4664ffdcc9f5e7f54c7c56.svg);
  mask-image: url(/assets/outline/bookmark-alt-7af3ab8cfe42a669d851132001e7f388190d4f8b5a4664ffdcc9f5e7f54c7c56.svg);
}
span.f-bookmark-alt-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/bookmark-alt-6b334f6bc619dfd10c60c37995d47a0fe228aa577e5f8382247e32674d3b54b8.svg);
  mask-image: url(/assets/solid/bookmark-alt-6b334f6bc619dfd10c60c37995d47a0fe228aa577e5f8382247e32674d3b54b8.svg);
}
span.f-cloud-upload {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cloud-upload-7de0f5ef8321fa98854bee98a5d44dda80cfa6c6f3eac2e93730aace586133c7.svg);
  mask-image: url(/assets/solid/cloud-upload-7de0f5ef8321fa98854bee98a5d44dda80cfa6c6f3eac2e93730aace586133c7.svg);
}
span.f-cloud-upload-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cloud-upload-04823f7106d0e566287fca54f4d7a7f2e77509b5522d49c4fda3bed6bd0915dd.svg);
  mask-image: url(/assets/outline/cloud-upload-04823f7106d0e566287fca54f4d7a7f2e77509b5522d49c4fda3bed6bd0915dd.svg);
}
span.f-cloud-upload-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cloud-upload-7de0f5ef8321fa98854bee98a5d44dda80cfa6c6f3eac2e93730aace586133c7.svg);
  mask-image: url(/assets/solid/cloud-upload-7de0f5ef8321fa98854bee98a5d44dda80cfa6c6f3eac2e93730aace586133c7.svg);
}
span.f-fire {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/fire-8cb04a6c80326edefe06dd8082526a7abdc648bc1fde807390887ed282d2c10e.svg);
  mask-image: url(/assets/solid/fire-8cb04a6c80326edefe06dd8082526a7abdc648bc1fde807390887ed282d2c10e.svg);
}
span.f-fire-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/fire-1a11727bae49409c6fbfcda75277caa22cbeb2cdef410286b7c588b8b2e480db.svg);
  mask-image: url(/assets/outline/fire-1a11727bae49409c6fbfcda75277caa22cbeb2cdef410286b7c588b8b2e480db.svg);
}
span.f-fire-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/fire-8cb04a6c80326edefe06dd8082526a7abdc648bc1fde807390887ed282d2c10e.svg);
  mask-image: url(/assets/solid/fire-8cb04a6c80326edefe06dd8082526a7abdc648bc1fde807390887ed282d2c10e.svg);
}
span.f-ban {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/ban-98b8143f3d83fcb3ca91b733c694252341c5470dd3b3b74307c9a8e69a58a429.svg);
  mask-image: url(/assets/solid/ban-98b8143f3d83fcb3ca91b733c694252341c5470dd3b3b74307c9a8e69a58a429.svg);
}
span.f-ban-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/ban-c4d5686097b00ee7a34f1fc0d68f5ad6f7455c2f2ec0050a7e6ceda95637d95d.svg);
  mask-image: url(/assets/outline/ban-c4d5686097b00ee7a34f1fc0d68f5ad6f7455c2f2ec0050a7e6ceda95637d95d.svg);
}
span.f-ban-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/ban-98b8143f3d83fcb3ca91b733c694252341c5470dd3b3b74307c9a8e69a58a429.svg);
  mask-image: url(/assets/solid/ban-98b8143f3d83fcb3ca91b733c694252341c5470dd3b3b74307c9a8e69a58a429.svg);
}
span.f-shopping-bag {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shopping-bag-6fa3c87ef6b9c242659f3359caf5301b04560177c38cdbd4f590ea417832f1fd.svg);
  mask-image: url(/assets/solid/shopping-bag-6fa3c87ef6b9c242659f3359caf5301b04560177c38cdbd4f590ea417832f1fd.svg);
}
span.f-shopping-bag-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/shopping-bag-0c6d4f4080409203b279afc016e3731d98fab9e4bcbfe19aa901e633660a6ca2.svg);
  mask-image: url(/assets/outline/shopping-bag-0c6d4f4080409203b279afc016e3731d98fab9e4bcbfe19aa901e633660a6ca2.svg);
}
span.f-shopping-bag-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shopping-bag-6fa3c87ef6b9c242659f3359caf5301b04560177c38cdbd4f590ea417832f1fd.svg);
  mask-image: url(/assets/solid/shopping-bag-6fa3c87ef6b9c242659f3359caf5301b04560177c38cdbd4f590ea417832f1fd.svg);
}
span.f-chat-alt-2 {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chat-alt-2-38f004c7f8ad2c3568e17ae827d1097bb9fe50e46df8ad6d56b18512ed944a57.svg);
  mask-image: url(/assets/solid/chat-alt-2-38f004c7f8ad2c3568e17ae827d1097bb9fe50e46df8ad6d56b18512ed944a57.svg);
}
span.f-chat-alt-2-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chat-alt-2-c97506ec1c7f34dc97655277f225f177b39c5cfb516ed411cafaa40421ca495c.svg);
  mask-image: url(/assets/outline/chat-alt-2-c97506ec1c7f34dc97655277f225f177b39c5cfb516ed411cafaa40421ca495c.svg);
}
span.f-chat-alt-2-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chat-alt-2-38f004c7f8ad2c3568e17ae827d1097bb9fe50e46df8ad6d56b18512ed944a57.svg);
  mask-image: url(/assets/solid/chat-alt-2-38f004c7f8ad2c3568e17ae827d1097bb9fe50e46df8ad6d56b18512ed944a57.svg);
}
span.f-chevron-right {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-right-279b408ff48e5a2d8e2fd7f45f691baf000ebba80a37498bbdfd266d444fd30c.svg);
  mask-image: url(/assets/solid/chevron-right-279b408ff48e5a2d8e2fd7f45f691baf000ebba80a37498bbdfd266d444fd30c.svg);
}
span.f-chevron-right-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-right-d055adadbf751b69988cf1505d8424b26abd70df1d1ba452b286710dd5c24455.svg);
  mask-image: url(/assets/outline/chevron-right-d055adadbf751b69988cf1505d8424b26abd70df1d1ba452b286710dd5c24455.svg);
}
span.f-chevron-right-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-right-279b408ff48e5a2d8e2fd7f45f691baf000ebba80a37498bbdfd266d444fd30c.svg);
  mask-image: url(/assets/solid/chevron-right-279b408ff48e5a2d8e2fd7f45f691baf000ebba80a37498bbdfd266d444fd30c.svg);
}
span.f-clipboard {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-bee53e251df2c7106a948eb4d34a80dc1ac3f26584e9bc614a3383cf0d0215b2.svg);
  mask-image: url(/assets/solid/clipboard-bee53e251df2c7106a948eb4d34a80dc1ac3f26584e9bc614a3383cf0d0215b2.svg);
}
span.f-clipboard-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/clipboard-1c9fe8f76bfb073d0ade5b6a43f4f6b736480a356a15802e0ccb0fc1431917b0.svg);
  mask-image: url(/assets/outline/clipboard-1c9fe8f76bfb073d0ade5b6a43f4f6b736480a356a15802e0ccb0fc1431917b0.svg);
}
span.f-clipboard-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-bee53e251df2c7106a948eb4d34a80dc1ac3f26584e9bc614a3383cf0d0215b2.svg);
  mask-image: url(/assets/solid/clipboard-bee53e251df2c7106a948eb4d34a80dc1ac3f26584e9bc614a3383cf0d0215b2.svg);
}
span.f-link {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/link-24bdf28db64ec172594c16002a84eb3a99e2ec8f95e7e357b4b1456ab72f928c.svg);
  mask-image: url(/assets/solid/link-24bdf28db64ec172594c16002a84eb3a99e2ec8f95e7e357b4b1456ab72f928c.svg);
}
span.f-link-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/link-c39dcb2643e3212f85de7e1ebc7b7df50d3fb1324f8d13dd5cdda7026f85b07a.svg);
  mask-image: url(/assets/outline/link-c39dcb2643e3212f85de7e1ebc7b7df50d3fb1324f8d13dd5cdda7026f85b07a.svg);
}
span.f-link-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/link-24bdf28db64ec172594c16002a84eb3a99e2ec8f95e7e357b4b1456ab72f928c.svg);
  mask-image: url(/assets/solid/link-24bdf28db64ec172594c16002a84eb3a99e2ec8f95e7e357b4b1456ab72f928c.svg);
}
span.f-key {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/key-97e9ef8c30efc4cd420bda2813cdf501639331c7fef2fad55cd0cf41b049bf95.svg);
  mask-image: url(/assets/solid/key-97e9ef8c30efc4cd420bda2813cdf501639331c7fef2fad55cd0cf41b049bf95.svg);
}
span.f-key-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/key-89e6bf1978008ea4b467d4c424dbab777d0306574bfa7037cb4771448978a41c.svg);
  mask-image: url(/assets/outline/key-89e6bf1978008ea4b467d4c424dbab777d0306574bfa7037cb4771448978a41c.svg);
}
span.f-key-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/key-97e9ef8c30efc4cd420bda2813cdf501639331c7fef2fad55cd0cf41b049bf95.svg);
  mask-image: url(/assets/solid/key-97e9ef8c30efc4cd420bda2813cdf501639331c7fef2fad55cd0cf41b049bf95.svg);
}
span.f-beaker {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/beaker-e47a1cc720808b0318d67916edd18e4514b2e182310d25b821a12bf5b707675d.svg);
  mask-image: url(/assets/solid/beaker-e47a1cc720808b0318d67916edd18e4514b2e182310d25b821a12bf5b707675d.svg);
}
span.f-beaker-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/beaker-0439b9b72f139e5658676e49a848e8359ef8d142c56e797492c1c4d3d4d17432.svg);
  mask-image: url(/assets/outline/beaker-0439b9b72f139e5658676e49a848e8359ef8d142c56e797492c1c4d3d4d17432.svg);
}
span.f-beaker-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/beaker-e47a1cc720808b0318d67916edd18e4514b2e182310d25b821a12bf5b707675d.svg);
  mask-image: url(/assets/solid/beaker-e47a1cc720808b0318d67916edd18e4514b2e182310d25b821a12bf5b707675d.svg);
}
span.f-arrow-right {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-right-086918a0a58ba6aff0a27fe73c0a26f3b9ab24472aa331a3720c76a90a2d15a8.svg);
  mask-image: url(/assets/solid/arrow-right-086918a0a58ba6aff0a27fe73c0a26f3b9ab24472aa331a3720c76a90a2d15a8.svg);
}
span.f-arrow-right-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-right-1e5b5cd0ca725690874b9fec2d6a00bdb94046b9fc33f84628c0d676138c75f4.svg);
  mask-image: url(/assets/outline/arrow-right-1e5b5cd0ca725690874b9fec2d6a00bdb94046b9fc33f84628c0d676138c75f4.svg);
}
span.f-arrow-right-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-right-086918a0a58ba6aff0a27fe73c0a26f3b9ab24472aa331a3720c76a90a2d15a8.svg);
  mask-image: url(/assets/solid/arrow-right-086918a0a58ba6aff0a27fe73c0a26f3b9ab24472aa331a3720c76a90a2d15a8.svg);
}
span.f-selector {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/selector-6593de6ced5504257461604baf9cdc8a3fe7fe3cbce22491f87286e25d92cd22.svg);
  mask-image: url(/assets/solid/selector-6593de6ced5504257461604baf9cdc8a3fe7fe3cbce22491f87286e25d92cd22.svg);
}
span.f-selector-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/selector-dd2c9905982600516a16b178a6c279d9e5a91a156f9e16b7f5ff4cd4235196f9.svg);
  mask-image: url(/assets/outline/selector-dd2c9905982600516a16b178a6c279d9e5a91a156f9e16b7f5ff4cd4235196f9.svg);
}
span.f-selector-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/selector-6593de6ced5504257461604baf9cdc8a3fe7fe3cbce22491f87286e25d92cd22.svg);
  mask-image: url(/assets/solid/selector-6593de6ced5504257461604baf9cdc8a3fe7fe3cbce22491f87286e25d92cd22.svg);
}
span.f-qrcode {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/qrcode-dcfee41934486fe717e44cab521fba3206626d4c92c3da6c45e687e607a9b77d.svg);
  mask-image: url(/assets/solid/qrcode-dcfee41934486fe717e44cab521fba3206626d4c92c3da6c45e687e607a9b77d.svg);
}
span.f-qrcode-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/qrcode-be6b539cd240dc42ceed7b8bf5b17ac6489cffc0880155e8e1d4821336ffa329.svg);
  mask-image: url(/assets/outline/qrcode-be6b539cd240dc42ceed7b8bf5b17ac6489cffc0880155e8e1d4821336ffa329.svg);
}
span.f-qrcode-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/qrcode-dcfee41934486fe717e44cab521fba3206626d4c92c3da6c45e687e607a9b77d.svg);
  mask-image: url(/assets/solid/qrcode-dcfee41934486fe717e44cab521fba3206626d4c92c3da6c45e687e607a9b77d.svg);
}
span.f-currency-rupee {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-rupee-200c4c2f2d6e533926bd4cb1a415123e9e5160b9a23b9e0fe726dd59c257c9b4.svg);
  mask-image: url(/assets/solid/currency-rupee-200c4c2f2d6e533926bd4cb1a415123e9e5160b9a23b9e0fe726dd59c257c9b4.svg);
}
span.f-currency-rupee-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/currency-rupee-c993527b173a36ac2b953ba2aedb63f1f3ee82dd799f2021a66d8a09f6cd6f7d.svg);
  mask-image: url(/assets/outline/currency-rupee-c993527b173a36ac2b953ba2aedb63f1f3ee82dd799f2021a66d8a09f6cd6f7d.svg);
}
span.f-currency-rupee-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-rupee-200c4c2f2d6e533926bd4cb1a415123e9e5160b9a23b9e0fe726dd59c257c9b4.svg);
  mask-image: url(/assets/solid/currency-rupee-200c4c2f2d6e533926bd4cb1a415123e9e5160b9a23b9e0fe726dd59c257c9b4.svg);
}
span.f-menu-alt-4 {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-4-e39e41ff1351826ee07ec1c8476b95dd74c04f47e4ecaa501bce6b91b91562f8.svg);
  mask-image: url(/assets/solid/menu-alt-4-e39e41ff1351826ee07ec1c8476b95dd74c04f47e4ecaa501bce6b91b91562f8.svg);
}
span.f-menu-alt-4-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/menu-alt-4-b2bd826b99bea9c43537e63083cbc8eec1bc0a502fc9fd166ba10b1b24c662f5.svg);
  mask-image: url(/assets/outline/menu-alt-4-b2bd826b99bea9c43537e63083cbc8eec1bc0a502fc9fd166ba10b1b24c662f5.svg);
}
span.f-menu-alt-4-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-4-e39e41ff1351826ee07ec1c8476b95dd74c04f47e4ecaa501bce6b91b91562f8.svg);
  mask-image: url(/assets/solid/menu-alt-4-e39e41ff1351826ee07ec1c8476b95dd74c04f47e4ecaa501bce6b91b91562f8.svg);
}
span.f-paper-clip {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/paper-clip-e9a25ca3a3db00ee37a8374ca709077455293279866138d43d90fdd76ce43b50.svg);
  mask-image: url(/assets/solid/paper-clip-e9a25ca3a3db00ee37a8374ca709077455293279866138d43d90fdd76ce43b50.svg);
}
span.f-paper-clip-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/paper-clip-6fc820bf8ef588d27d6325c53608befe2973a867e2e638c7128e4b6747c38223.svg);
  mask-image: url(/assets/outline/paper-clip-6fc820bf8ef588d27d6325c53608befe2973a867e2e638c7128e4b6747c38223.svg);
}
span.f-paper-clip-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/paper-clip-e9a25ca3a3db00ee37a8374ca709077455293279866138d43d90fdd76ce43b50.svg);
  mask-image: url(/assets/solid/paper-clip-e9a25ca3a3db00ee37a8374ca709077455293279866138d43d90fdd76ce43b50.svg);
}
span.f-archive, span.f-backup {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/archive-e7189e91b38fcff44c8c6c4124081b61bf715770bf74e5c00972f1cade992bba.svg);
  mask-image: url(/assets/solid/archive-e7189e91b38fcff44c8c6c4124081b61bf715770bf74e5c00972f1cade992bba.svg);
}
span.f-archive-o, span.f-backup-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/archive-f322c75b32960fa7e18f281937242ea4a9c7e8145fa6317afc35f3e513f26013.svg);
  mask-image: url(/assets/outline/archive-f322c75b32960fa7e18f281937242ea4a9c7e8145fa6317afc35f3e513f26013.svg);
}
span.f-archive-sm, span.f-backup-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/archive-e7189e91b38fcff44c8c6c4124081b61bf715770bf74e5c00972f1cade992bba.svg);
  mask-image: url(/assets/solid/archive-e7189e91b38fcff44c8c6c4124081b61bf715770bf74e5c00972f1cade992bba.svg);
}
span.f-phone-outgoing {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-outgoing-c6a60b6d53d47f9bc397cc152bec7d7a595706833f61614c6dd94092dc5e4e17.svg);
  mask-image: url(/assets/solid/phone-outgoing-c6a60b6d53d47f9bc397cc152bec7d7a595706833f61614c6dd94092dc5e4e17.svg);
}
span.f-phone-outgoing-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/phone-outgoing-d9d7f09f406d157b82c62beb54af564103b98269af8489f249b0ffc3a86b7e56.svg);
  mask-image: url(/assets/outline/phone-outgoing-d9d7f09f406d157b82c62beb54af564103b98269af8489f249b0ffc3a86b7e56.svg);
}
span.f-phone-outgoing-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-outgoing-c6a60b6d53d47f9bc397cc152bec7d7a595706833f61614c6dd94092dc5e4e17.svg);
  mask-image: url(/assets/solid/phone-outgoing-c6a60b6d53d47f9bc397cc152bec7d7a595706833f61614c6dd94092dc5e4e17.svg);
}
span.f-mail {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/mail-0215235272be6cab0bb5e8334738076521a389beb04c03a797b82a74f918f3a1.svg);
  mask-image: url(/assets/solid/mail-0215235272be6cab0bb5e8334738076521a389beb04c03a797b82a74f918f3a1.svg);
}
span.f-mail-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/mail-4bb366de8046e9f86cbe6073e3c265be8e0f5c6d9e7157692479e4a4aa34ff8e.svg);
  mask-image: url(/assets/outline/mail-4bb366de8046e9f86cbe6073e3c265be8e0f5c6d9e7157692479e4a4aa34ff8e.svg);
}
span.f-mail-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/mail-0215235272be6cab0bb5e8334738076521a389beb04c03a797b82a74f918f3a1.svg);
  mask-image: url(/assets/solid/mail-0215235272be6cab0bb5e8334738076521a389beb04c03a797b82a74f918f3a1.svg);
}
span.f-currency-bangladeshi {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-bangladeshi-51f40e6ae9a8ba22b919ec957148b2ef6b26a75961199d48b0d7c0efe13fdca7.svg);
  mask-image: url(/assets/solid/currency-bangladeshi-51f40e6ae9a8ba22b919ec957148b2ef6b26a75961199d48b0d7c0efe13fdca7.svg);
}
span.f-currency-bangladeshi-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/currency-bangladeshi-b536b22871e0d5d60c57224b376d00e9cd6b7e77e19c97aa95c9844af54cfa28.svg);
  mask-image: url(/assets/outline/currency-bangladeshi-b536b22871e0d5d60c57224b376d00e9cd6b7e77e19c97aa95c9844af54cfa28.svg);
}
span.f-currency-bangladeshi-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-bangladeshi-51f40e6ae9a8ba22b919ec957148b2ef6b26a75961199d48b0d7c0efe13fdca7.svg);
  mask-image: url(/assets/solid/currency-bangladeshi-51f40e6ae9a8ba22b919ec957148b2ef6b26a75961199d48b0d7c0efe13fdca7.svg);
}
span.f-download {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/download-8bca3527e6729d2cf7eb5e5e0b420feb518bdb14bfb2a704af9045a7dd7cb2ba.svg);
  mask-image: url(/assets/solid/download-8bca3527e6729d2cf7eb5e5e0b420feb518bdb14bfb2a704af9045a7dd7cb2ba.svg);
}
span.f-download-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/download-8f1afd15f7c74090dcc4419a48ef8eae9932a37746ca9c2b5c9784f65acc8bbb.svg);
  mask-image: url(/assets/outline/download-8f1afd15f7c74090dcc4419a48ef8eae9932a37746ca9c2b5c9784f65acc8bbb.svg);
}
span.f-download-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/download-8bca3527e6729d2cf7eb5e5e0b420feb518bdb14bfb2a704af9045a7dd7cb2ba.svg);
  mask-image: url(/assets/solid/download-8bca3527e6729d2cf7eb5e5e0b420feb518bdb14bfb2a704af9045a7dd7cb2ba.svg);
}
span.f-chat-alt {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chat-alt-6a9ed101c3088659de191a7c86f92156e741cdd628e4cf97a10a0db4ff5b65ea.svg);
  mask-image: url(/assets/solid/chat-alt-6a9ed101c3088659de191a7c86f92156e741cdd628e4cf97a10a0db4ff5b65ea.svg);
}
span.f-chat-alt-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chat-alt-ad4559bcda02510898da6a5db4bc9daee3b3b81bb11fa679744c711eef0f66c2.svg);
  mask-image: url(/assets/outline/chat-alt-ad4559bcda02510898da6a5db4bc9daee3b3b81bb11fa679744c711eef0f66c2.svg);
}
span.f-chat-alt-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chat-alt-6a9ed101c3088659de191a7c86f92156e741cdd628e4cf97a10a0db4ff5b65ea.svg);
  mask-image: url(/assets/solid/chat-alt-6a9ed101c3088659de191a7c86f92156e741cdd628e4cf97a10a0db4ff5b65ea.svg);
}
span.f-book-open {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/book-open-d986160b7a16a133d1864f46ee4eb106e190e22e03b9748b3d02492f344596e8.svg);
  mask-image: url(/assets/solid/book-open-d986160b7a16a133d1864f46ee4eb106e190e22e03b9748b3d02492f344596e8.svg);
}
span.f-book-open-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/book-open-951909d268abfe95eb0445aea08aa27093d26756fa08d420694fe4b4d974f8e8.svg);
  mask-image: url(/assets/outline/book-open-951909d268abfe95eb0445aea08aa27093d26756fa08d420694fe4b4d974f8e8.svg);
}
span.f-book-open-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/book-open-d986160b7a16a133d1864f46ee4eb106e190e22e03b9748b3d02492f344596e8.svg);
  mask-image: url(/assets/solid/book-open-d986160b7a16a133d1864f46ee4eb106e190e22e03b9748b3d02492f344596e8.svg);
}
span.f-location-marker {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/location-marker-d33b13937dd5f3ac804fb47719f10cfc8b8f3d6e6aa4bad6f7ca5b0747a848b9.svg);
  mask-image: url(/assets/solid/location-marker-d33b13937dd5f3ac804fb47719f10cfc8b8f3d6e6aa4bad6f7ca5b0747a848b9.svg);
}
span.f-location-marker-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/location-marker-6ae6ff9d5c47585aafe253dd7ee8beb086a923e0b5ddb5720139a0a34953a373.svg);
  mask-image: url(/assets/outline/location-marker-6ae6ff9d5c47585aafe253dd7ee8beb086a923e0b5ddb5720139a0a34953a373.svg);
}
span.f-location-marker-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/location-marker-d33b13937dd5f3ac804fb47719f10cfc8b8f3d6e6aa4bad6f7ca5b0747a848b9.svg);
  mask-image: url(/assets/solid/location-marker-d33b13937dd5f3ac804fb47719f10cfc8b8f3d6e6aa4bad6f7ca5b0747a848b9.svg);
}
span.f-server, span.f-cluster {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/server-e4e85b39a2c3ee6def05c485bab0f3c670c32228da3a311dd9f12b9c453a6322.svg);
  mask-image: url(/assets/solid/server-e4e85b39a2c3ee6def05c485bab0f3c670c32228da3a311dd9f12b9c453a6322.svg);
}
span.f-server-o, span.f-cluster-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/server-e6d87178bbc8afdeeb14a107f58bbc20ea061285acb4c9e5f7d9633af624f4ee.svg);
  mask-image: url(/assets/outline/server-e6d87178bbc8afdeeb14a107f58bbc20ea061285acb4c9e5f7d9633af624f4ee.svg);
}
span.f-server-sm, span.f-cluster-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/server-e4e85b39a2c3ee6def05c485bab0f3c670c32228da3a311dd9f12b9c453a6322.svg);
  mask-image: url(/assets/solid/server-e4e85b39a2c3ee6def05c485bab0f3c670c32228da3a311dd9f12b9c453a6322.svg);
}
span.f-plus-sm {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/plus-sm-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
  mask-image: url(/assets/solid/plus-sm-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
}
span.f-plus-sm-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/plus-sm-ffc992bb082161f8dca0ad8d071872eccb910e71307d38fc8f4c5f77e828bdde.svg);
  mask-image: url(/assets/outline/plus-sm-ffc992bb082161f8dca0ad8d071872eccb910e71307d38fc8f4c5f77e828bdde.svg);
}
span.f-plus-sm-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/plus-sm-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
  mask-image: url(/assets/solid/plus-sm-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
}
span.f-inbox-in {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/inbox-in-4f6fdba40b0b82707d847ef58d65240c7ed1f816642bb304b7f45372b5bad27c.svg);
  mask-image: url(/assets/solid/inbox-in-4f6fdba40b0b82707d847ef58d65240c7ed1f816642bb304b7f45372b5bad27c.svg);
}
span.f-inbox-in-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/inbox-in-472e9aff22d82a8cc23c3e2aa5094939a6c140f8b89bf6716826f8f14ccb67d7.svg);
  mask-image: url(/assets/outline/inbox-in-472e9aff22d82a8cc23c3e2aa5094939a6c140f8b89bf6716826f8f14ccb67d7.svg);
}
span.f-inbox-in-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/inbox-in-4f6fdba40b0b82707d847ef58d65240c7ed1f816642bb304b7f45372b5bad27c.svg);
  mask-image: url(/assets/solid/inbox-in-4f6fdba40b0b82707d847ef58d65240c7ed1f816642bb304b7f45372b5bad27c.svg);
}
span.f-arrow-narrow-left {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-left-1e101831867ab76c55f291d372f04df6fffd45f69160da7472f3a253e38bc1b6.svg);
  mask-image: url(/assets/solid/arrow-narrow-left-1e101831867ab76c55f291d372f04df6fffd45f69160da7472f3a253e38bc1b6.svg);
}
span.f-arrow-narrow-left-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-narrow-left-f1edc04a66cc81cce92b85614a04cd05a709aab55345ce550010c7b533cbd815.svg);
  mask-image: url(/assets/outline/arrow-narrow-left-f1edc04a66cc81cce92b85614a04cd05a709aab55345ce550010c7b533cbd815.svg);
}
span.f-arrow-narrow-left-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-left-1e101831867ab76c55f291d372f04df6fffd45f69160da7472f3a253e38bc1b6.svg);
  mask-image: url(/assets/solid/arrow-narrow-left-1e101831867ab76c55f291d372f04df6fffd45f69160da7472f3a253e38bc1b6.svg);
}
span.f-login {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/login-d2051e99a5be8b90501022d92493388f6350fc7afabc3d3f2c423c693d211e13.svg);
  mask-image: url(/assets/solid/login-d2051e99a5be8b90501022d92493388f6350fc7afabc3d3f2c423c693d211e13.svg);
}
span.f-login-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/login-ea3ee39bcb0bb182332921e89fa36d1563b77a0e9e155afdee82451afb836885.svg);
  mask-image: url(/assets/outline/login-ea3ee39bcb0bb182332921e89fa36d1563b77a0e9e155afdee82451afb836885.svg);
}
span.f-login-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/login-d2051e99a5be8b90501022d92493388f6350fc7afabc3d3f2c423c693d211e13.svg);
  mask-image: url(/assets/solid/login-d2051e99a5be8b90501022d92493388f6350fc7afabc3d3f2c423c693d211e13.svg);
}
span.f-variable {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/variable-2c888b8945236fbe5014a48ec10df78ecffd2606d71e0e47a82a24d75923c296.svg);
  mask-image: url(/assets/solid/variable-2c888b8945236fbe5014a48ec10df78ecffd2606d71e0e47a82a24d75923c296.svg);
}
span.f-variable-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/variable-f6f67869da231ec6efd8fc8e399865dcd04792b80d7c897192c2724484ecb1a0.svg);
  mask-image: url(/assets/outline/variable-f6f67869da231ec6efd8fc8e399865dcd04792b80d7c897192c2724484ecb1a0.svg);
}
span.f-variable-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/variable-2c888b8945236fbe5014a48ec10df78ecffd2606d71e0e47a82a24d75923c296.svg);
  mask-image: url(/assets/solid/variable-2c888b8945236fbe5014a48ec10df78ecffd2606d71e0e47a82a24d75923c296.svg);
}
span.f-menu-alt-1 {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-1-e0d77f64ca159fb0de9cbf0a0ff820aa84788582b593195da0d69ed2c0a2ccd5.svg);
  mask-image: url(/assets/solid/menu-alt-1-e0d77f64ca159fb0de9cbf0a0ff820aa84788582b593195da0d69ed2c0a2ccd5.svg);
}
span.f-menu-alt-1-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/menu-alt-1-6fb58a0e9d5704ffb276aeadc47ab4e6f94166b29c3c524ee32a1a1e1396d072.svg);
  mask-image: url(/assets/outline/menu-alt-1-6fb58a0e9d5704ffb276aeadc47ab4e6f94166b29c3c524ee32a1a1e1396d072.svg);
}
span.f-menu-alt-1-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-1-e0d77f64ca159fb0de9cbf0a0ff820aa84788582b593195da0d69ed2c0a2ccd5.svg);
  mask-image: url(/assets/solid/menu-alt-1-e0d77f64ca159fb0de9cbf0a0ff820aa84788582b593195da0d69ed2c0a2ccd5.svg);
}
span.f-bell {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/bell-a0c9387cbf56757c5677e94d20da386fc2fe3231c8838f3a952f0d893766bfa3.svg);
  mask-image: url(/assets/solid/bell-a0c9387cbf56757c5677e94d20da386fc2fe3231c8838f3a952f0d893766bfa3.svg);
}
span.f-bell-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/bell-483ed5da6ba787ee464089981e5c8636716f1d3617c12fc91dbb243dc2af2e1c.svg);
  mask-image: url(/assets/outline/bell-483ed5da6ba787ee464089981e5c8636716f1d3617c12fc91dbb243dc2af2e1c.svg);
}
span.f-bell-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/bell-a0c9387cbf56757c5677e94d20da386fc2fe3231c8838f3a952f0d893766bfa3.svg);
  mask-image: url(/assets/solid/bell-a0c9387cbf56757c5677e94d20da386fc2fe3231c8838f3a952f0d893766bfa3.svg);
}
span.f-code {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/code-d3274ccdf1fd9708f4941a3be22512246d8ce25f7c2f4f9dc6bd4927ea8ed7b8.svg);
  mask-image: url(/assets/solid/code-d3274ccdf1fd9708f4941a3be22512246d8ce25f7c2f4f9dc6bd4927ea8ed7b8.svg);
}
span.f-code-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/code-bfd1dce08bf06454bcfc59d584663cf2b08f70340a383cacd39ecd045e8ee5cd.svg);
  mask-image: url(/assets/outline/code-bfd1dce08bf06454bcfc59d584663cf2b08f70340a383cacd39ecd045e8ee5cd.svg);
}
span.f-code-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/code-d3274ccdf1fd9708f4941a3be22512246d8ce25f7c2f4f9dc6bd4927ea8ed7b8.svg);
  mask-image: url(/assets/solid/code-d3274ccdf1fd9708f4941a3be22512246d8ce25f7c2f4f9dc6bd4927ea8ed7b8.svg);
}
span.f-cake {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cake-bbc4780b9ca9bdc2ebc4adb5002144768623c762e7db0e9eddb029f9feae75e8.svg);
  mask-image: url(/assets/solid/cake-bbc4780b9ca9bdc2ebc4adb5002144768623c762e7db0e9eddb029f9feae75e8.svg);
}
span.f-cake-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cake-bc5344f1e8b79ccf2bf893c30f47e7564dff4623a516d061aede37fc012ca0d4.svg);
  mask-image: url(/assets/outline/cake-bc5344f1e8b79ccf2bf893c30f47e7564dff4623a516d061aede37fc012ca0d4.svg);
}
span.f-cake-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cake-bbc4780b9ca9bdc2ebc4adb5002144768623c762e7db0e9eddb029f9feae75e8.svg);
  mask-image: url(/assets/solid/cake-bbc4780b9ca9bdc2ebc4adb5002144768623c762e7db0e9eddb029f9feae75e8.svg);
}
span.f-arrow-narrow-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-up-f6481a95cd6d6156841c8293bfe3b447588797890aa3e9a20214c5c2f0ca8681.svg);
  mask-image: url(/assets/solid/arrow-narrow-up-f6481a95cd6d6156841c8293bfe3b447588797890aa3e9a20214c5c2f0ca8681.svg);
}
span.f-arrow-narrow-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-narrow-up-bf7bc7c569162dea519b027c54de8ab64f00d907176c6f6bff90a14f1434ae9f.svg);
  mask-image: url(/assets/outline/arrow-narrow-up-bf7bc7c569162dea519b027c54de8ab64f00d907176c6f6bff90a14f1434ae9f.svg);
}
span.f-arrow-narrow-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-up-f6481a95cd6d6156841c8293bfe3b447588797890aa3e9a20214c5c2f0ca8681.svg);
  mask-image: url(/assets/solid/arrow-narrow-up-f6481a95cd6d6156841c8293bfe3b447588797890aa3e9a20214c5c2f0ca8681.svg);
}
span.f-flag {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/flag-154dfcd3018b0dd2f068736b9e119250f1abbb2a368e6f17fc5fab976c733aae.svg);
  mask-image: url(/assets/solid/flag-154dfcd3018b0dd2f068736b9e119250f1abbb2a368e6f17fc5fab976c733aae.svg);
}
span.f-flag-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/flag-c213f6e5a3e50c6883149c9a91e3d437776505f45a7d7a3d149c295b176b74d0.svg);
  mask-image: url(/assets/outline/flag-c213f6e5a3e50c6883149c9a91e3d437776505f45a7d7a3d149c295b176b74d0.svg);
}
span.f-flag-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/flag-154dfcd3018b0dd2f068736b9e119250f1abbb2a368e6f17fc5fab976c733aae.svg);
  mask-image: url(/assets/solid/flag-154dfcd3018b0dd2f068736b9e119250f1abbb2a368e6f17fc5fab976c733aae.svg);
}
span.f-eye-off {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/eye-off-51fd75c17aea9879392ce20c386bdd576d71c06fa298ee403b31c484fb9d7a4c.svg);
  mask-image: url(/assets/solid/eye-off-51fd75c17aea9879392ce20c386bdd576d71c06fa298ee403b31c484fb9d7a4c.svg);
}
span.f-eye-off-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/eye-off-58513e3f595a4b14dcc4cab3a25f6e27d4fbed938cf90038261918aa45458d7d.svg);
  mask-image: url(/assets/outline/eye-off-58513e3f595a4b14dcc4cab3a25f6e27d4fbed938cf90038261918aa45458d7d.svg);
}
span.f-eye-off-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/eye-off-51fd75c17aea9879392ce20c386bdd576d71c06fa298ee403b31c484fb9d7a4c.svg);
  mask-image: url(/assets/solid/eye-off-51fd75c17aea9879392ce20c386bdd576d71c06fa298ee403b31c484fb9d7a4c.svg);
}
span.f-stop {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/stop-6d6ff7410b132446de70ceb2983920197c41d7d7e3c2171c07bb1ac9bbde5fea.svg);
  mask-image: url(/assets/solid/stop-6d6ff7410b132446de70ceb2983920197c41d7d7e3c2171c07bb1ac9bbde5fea.svg);
}
span.f-stop-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/stop-776ac3c8b6f8d885a2125ee306585a7125d6b71e642f12a217c0ed30b7ec3c0d.svg);
  mask-image: url(/assets/outline/stop-776ac3c8b6f8d885a2125ee306585a7125d6b71e642f12a217c0ed30b7ec3c0d.svg);
}
span.f-stop-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/stop-6d6ff7410b132446de70ceb2983920197c41d7d7e3c2171c07bb1ac9bbde5fea.svg);
  mask-image: url(/assets/solid/stop-6d6ff7410b132446de70ceb2983920197c41d7d7e3c2171c07bb1ac9bbde5fea.svg);
}
span.f-arrow-circle-left {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-left-deab44a4a2820b2ca36273582d663b63155b17c9db2e7de8c22f09673bb85bef.svg);
  mask-image: url(/assets/solid/arrow-circle-left-deab44a4a2820b2ca36273582d663b63155b17c9db2e7de8c22f09673bb85bef.svg);
}
span.f-arrow-circle-left-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-circle-left-765dcbf921d2bfc37bba4a822c18b2d52170e4c3d1613fbb30e0e01a2621e183.svg);
  mask-image: url(/assets/outline/arrow-circle-left-765dcbf921d2bfc37bba4a822c18b2d52170e4c3d1613fbb30e0e01a2621e183.svg);
}
span.f-arrow-circle-left-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-left-deab44a4a2820b2ca36273582d663b63155b17c9db2e7de8c22f09673bb85bef.svg);
  mask-image: url(/assets/solid/arrow-circle-left-deab44a4a2820b2ca36273582d663b63155b17c9db2e7de8c22f09673bb85bef.svg);
}
span.f-newspaper {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/newspaper-bdbdbe09f5212b5a87b2dda84a6fc339047cfebc1ac2836156f9db063bd85d7f.svg);
  mask-image: url(/assets/solid/newspaper-bdbdbe09f5212b5a87b2dda84a6fc339047cfebc1ac2836156f9db063bd85d7f.svg);
}
span.f-newspaper-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/newspaper-ec7d5d4617c792069e6b319d27708d744d96ccdfcc189d68c9b7d21ea8db3b28.svg);
  mask-image: url(/assets/outline/newspaper-ec7d5d4617c792069e6b319d27708d744d96ccdfcc189d68c9b7d21ea8db3b28.svg);
}
span.f-newspaper-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/newspaper-bdbdbe09f5212b5a87b2dda84a6fc339047cfebc1ac2836156f9db063bd85d7f.svg);
  mask-image: url(/assets/solid/newspaper-bdbdbe09f5212b5a87b2dda84a6fc339047cfebc1ac2836156f9db063bd85d7f.svg);
}
span.f-cube, span.f-image {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cube-f7bef3c82726516ec9e3cc07eb377be10320a2495888136d56475d5fff8f616c.svg);
  mask-image: url(/assets/solid/cube-f7bef3c82726516ec9e3cc07eb377be10320a2495888136d56475d5fff8f616c.svg);
}
span.f-cube-o, span.f-image-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cube-9c343713d80ae36b1093b550b51ea95e611915264e9cdedec0b40bb223cc742f.svg);
  mask-image: url(/assets/outline/cube-9c343713d80ae36b1093b550b51ea95e611915264e9cdedec0b40bb223cc742f.svg);
}
span.f-cube-sm, span.f-image-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cube-f7bef3c82726516ec9e3cc07eb377be10320a2495888136d56475d5fff8f616c.svg);
  mask-image: url(/assets/solid/cube-f7bef3c82726516ec9e3cc07eb377be10320a2495888136d56475d5fff8f616c.svg);
}
span.f-emoji-happy {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/emoji-happy-5a842944ad062169281373c3cea3a0e413451dbeffc09d0acb4a97fc72c044d5.svg);
  mask-image: url(/assets/solid/emoji-happy-5a842944ad062169281373c3cea3a0e413451dbeffc09d0acb4a97fc72c044d5.svg);
}
span.f-emoji-happy-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/emoji-happy-a739b5c1488a69bd211632bc9fdf7249bb9913cfe3be201e264fee7ce591ec8c.svg);
  mask-image: url(/assets/outline/emoji-happy-a739b5c1488a69bd211632bc9fdf7249bb9913cfe3be201e264fee7ce591ec8c.svg);
}
span.f-emoji-happy-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/emoji-happy-5a842944ad062169281373c3cea3a0e413451dbeffc09d0acb4a97fc72c044d5.svg);
  mask-image: url(/assets/solid/emoji-happy-5a842944ad062169281373c3cea3a0e413451dbeffc09d0acb4a97fc72c044d5.svg);
}
span.f-minus-sm {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/minus-sm-cb75e161d1d0e5a69d0e46d592824176b1c6b2a54b71414c02ff46463bfbcd56.svg);
  mask-image: url(/assets/solid/minus-sm-cb75e161d1d0e5a69d0e46d592824176b1c6b2a54b71414c02ff46463bfbcd56.svg);
}
span.f-minus-sm-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/minus-sm-9e7f178fb01759422becd2441ba919d0389c2b529218b622933d31dcdd136cbc.svg);
  mask-image: url(/assets/outline/minus-sm-9e7f178fb01759422becd2441ba919d0389c2b529218b622933d31dcdd136cbc.svg);
}
span.f-minus-sm-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/minus-sm-cb75e161d1d0e5a69d0e46d592824176b1c6b2a54b71414c02ff46463bfbcd56.svg);
  mask-image: url(/assets/solid/minus-sm-cb75e161d1d0e5a69d0e46d592824176b1c6b2a54b71414c02ff46463bfbcd56.svg);
}
span.f-dots-circle-horizontal {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/dots-circle-horizontal-c4615fded316b6160df9ccb0b0c94d542c26b211a5922176be7d66126a4d8db5.svg);
  mask-image: url(/assets/solid/dots-circle-horizontal-c4615fded316b6160df9ccb0b0c94d542c26b211a5922176be7d66126a4d8db5.svg);
}
span.f-dots-circle-horizontal-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/dots-circle-horizontal-755b6ba54203f67d47b91c92515ed2003d02268d500589dab4f170ccd9c71e36.svg);
  mask-image: url(/assets/outline/dots-circle-horizontal-755b6ba54203f67d47b91c92515ed2003d02268d500589dab4f170ccd9c71e36.svg);
}
span.f-dots-circle-horizontal-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/dots-circle-horizontal-c4615fded316b6160df9ccb0b0c94d542c26b211a5922176be7d66126a4d8db5.svg);
  mask-image: url(/assets/solid/dots-circle-horizontal-c4615fded316b6160df9ccb0b0c94d542c26b211a5922176be7d66126a4d8db5.svg);
}
span.f-support {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/support-ce19fa78d3eced141d18278773050c95d34e508fd603fbd4b6cd82a28c250e6e.svg);
  mask-image: url(/assets/solid/support-ce19fa78d3eced141d18278773050c95d34e508fd603fbd4b6cd82a28c250e6e.svg);
}
span.f-support-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/support-db3394f9163a8a455c1f233487c19017a6d6f6d1b8a3a808faba4c913abef525.svg);
  mask-image: url(/assets/outline/support-db3394f9163a8a455c1f233487c19017a6d6f6d1b8a3a808faba4c913abef525.svg);
}
span.f-support-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/support-ce19fa78d3eced141d18278773050c95d34e508fd603fbd4b6cd82a28c250e6e.svg);
  mask-image: url(/assets/solid/support-ce19fa78d3eced141d18278773050c95d34e508fd603fbd4b6cd82a28c250e6e.svg);
}
span.f-clipboard-list {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-list-bdb0b04c39dbb53afbe792b4f4ffa9f906c84052ac5e89082430af826b5cda24.svg);
  mask-image: url(/assets/solid/clipboard-list-bdb0b04c39dbb53afbe792b4f4ffa9f906c84052ac5e89082430af826b5cda24.svg);
}
span.f-clipboard-list-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/clipboard-list-420fc7d662968d1cd5a04f5cf13059a8e5d36ddb28520ee52d8d96369e8671b9.svg);
  mask-image: url(/assets/outline/clipboard-list-420fc7d662968d1cd5a04f5cf13059a8e5d36ddb28520ee52d8d96369e8671b9.svg);
}
span.f-clipboard-list-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-list-bdb0b04c39dbb53afbe792b4f4ffa9f906c84052ac5e89082430af826b5cda24.svg);
  mask-image: url(/assets/solid/clipboard-list-bdb0b04c39dbb53afbe792b4f4ffa9f906c84052ac5e89082430af826b5cda24.svg);
}
span.f-user-remove {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-remove-ef840f0e397f6d0a3de7907b8c198a76f6eb86942c1780526eff43c92c7555d7.svg);
  mask-image: url(/assets/solid/user-remove-ef840f0e397f6d0a3de7907b8c198a76f6eb86942c1780526eff43c92c7555d7.svg);
}
span.f-user-remove-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/user-remove-2b5d976733c1d410bf59c8c7c9406f044e83939ee4e64e211ef1f6ae728d2148.svg);
  mask-image: url(/assets/outline/user-remove-2b5d976733c1d410bf59c8c7c9406f044e83939ee4e64e211ef1f6ae728d2148.svg);
}
span.f-user-remove-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-remove-ef840f0e397f6d0a3de7907b8c198a76f6eb86942c1780526eff43c92c7555d7.svg);
  mask-image: url(/assets/solid/user-remove-ef840f0e397f6d0a3de7907b8c198a76f6eb86942c1780526eff43c92c7555d7.svg);
}
span.f-plus {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/plus-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
  mask-image: url(/assets/solid/plus-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
}
span.f-plus-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/plus-ffc992bb082161f8dca0ad8d071872eccb910e71307d38fc8f4c5f77e828bdde.svg);
  mask-image: url(/assets/outline/plus-ffc992bb082161f8dca0ad8d071872eccb910e71307d38fc8f4c5f77e828bdde.svg);
}
span.f-plus-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/plus-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
  mask-image: url(/assets/solid/plus-05bfa4f93cf611fd528589bcb7b15979a3073ee9bda912afeb850f0907aaaf42.svg);
}
span.f-document {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-189e50f0526a525caf090b8f16c7e76998cf4440e0d40c1b29e83ec1dc8ac10b.svg);
  mask-image: url(/assets/solid/document-189e50f0526a525caf090b8f16c7e76998cf4440e0d40c1b29e83ec1dc8ac10b.svg);
}
span.f-document-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-0a8133b51de46b7c7930979bfbf1bcfcf43f6c86041ceca25373690af43d5bb6.svg);
  mask-image: url(/assets/outline/document-0a8133b51de46b7c7930979bfbf1bcfcf43f6c86041ceca25373690af43d5bb6.svg);
}
span.f-document-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-189e50f0526a525caf090b8f16c7e76998cf4440e0d40c1b29e83ec1dc8ac10b.svg);
  mask-image: url(/assets/solid/document-189e50f0526a525caf090b8f16c7e76998cf4440e0d40c1b29e83ec1dc8ac10b.svg);
}
span.f-music-note {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/music-note-dc51ded386be4dc8c88e953c1b2aa97050ee763a1c07aba82f4c2488eb2776d9.svg);
  mask-image: url(/assets/solid/music-note-dc51ded386be4dc8c88e953c1b2aa97050ee763a1c07aba82f4c2488eb2776d9.svg);
}
span.f-music-note-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/music-note-7cf3451222a5376f4418a3f40c26dc44aefe46ff0275d3ce60eeed1e6e2b19e5.svg);
  mask-image: url(/assets/outline/music-note-7cf3451222a5376f4418a3f40c26dc44aefe46ff0275d3ce60eeed1e6e2b19e5.svg);
}
span.f-music-note-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/music-note-dc51ded386be4dc8c88e953c1b2aa97050ee763a1c07aba82f4c2488eb2776d9.svg);
  mask-image: url(/assets/solid/music-note-dc51ded386be4dc8c88e953c1b2aa97050ee763a1c07aba82f4c2488eb2776d9.svg);
}
span.f-check {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/check-ddc612f6c6f387b5706bea9b9515fed7ba863f82a0d042ae6a81af028e7b4335.svg);
  mask-image: url(/assets/solid/check-ddc612f6c6f387b5706bea9b9515fed7ba863f82a0d042ae6a81af028e7b4335.svg);
}
span.f-check-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/check-ac5e4d31194b2a762d11359429c7d27510501d9f525cf583c139be519c096a3a.svg);
  mask-image: url(/assets/outline/check-ac5e4d31194b2a762d11359429c7d27510501d9f525cf583c139be519c096a3a.svg);
}
span.f-check-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/check-ddc612f6c6f387b5706bea9b9515fed7ba863f82a0d042ae6a81af028e7b4335.svg);
  mask-image: url(/assets/solid/check-ddc612f6c6f387b5706bea9b9515fed7ba863f82a0d042ae6a81af028e7b4335.svg);
}
span.f-menu-alt-2 {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-2-4643adc49300658518b335f0c6172c4877dde8176cc8a7c83e8a3d8149727be0.svg);
  mask-image: url(/assets/solid/menu-alt-2-4643adc49300658518b335f0c6172c4877dde8176cc8a7c83e8a3d8149727be0.svg);
}
span.f-menu-alt-2-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/menu-alt-2-2155db75bb672852a7dd483c533f8b0f4be7d3a5aae236bacb7de98350764d3f.svg);
  mask-image: url(/assets/outline/menu-alt-2-2155db75bb672852a7dd483c533f8b0f4be7d3a5aae236bacb7de98350764d3f.svg);
}
span.f-menu-alt-2-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-2-4643adc49300658518b335f0c6172c4877dde8176cc8a7c83e8a3d8149727be0.svg);
  mask-image: url(/assets/solid/menu-alt-2-4643adc49300658518b335f0c6172c4877dde8176cc8a7c83e8a3d8149727be0.svg);
}
span.f-view-boards {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-boards-75da50b1b5a61884f5bcb2485e5091194bda8a1ddc0ff83f1b23f9b9a1d31b45.svg);
  mask-image: url(/assets/solid/view-boards-75da50b1b5a61884f5bcb2485e5091194bda8a1ddc0ff83f1b23f9b9a1d31b45.svg);
}
span.f-view-boards-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/view-boards-9ed04a6efeea63b2a3617a2a171a200c7b878f46145d924695a11d9211cf97e9.svg);
  mask-image: url(/assets/outline/view-boards-9ed04a6efeea63b2a3617a2a171a200c7b878f46145d924695a11d9211cf97e9.svg);
}
span.f-view-boards-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-boards-75da50b1b5a61884f5bcb2485e5091194bda8a1ddc0ff83f1b23f9b9a1d31b45.svg);
  mask-image: url(/assets/solid/view-boards-75da50b1b5a61884f5bcb2485e5091194bda8a1ddc0ff83f1b23f9b9a1d31b45.svg);
}
span.f-rss {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/rss-d9908409acbc2bccec902d9918050a25a60a145ab1c5dbd65334a446ef5fd71b.svg);
  mask-image: url(/assets/solid/rss-d9908409acbc2bccec902d9918050a25a60a145ab1c5dbd65334a446ef5fd71b.svg);
}
span.f-rss-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/rss-5a52ac9e55782764c65883e0b26b2c077888e187829ef8b1ec430ecbadb27e73.svg);
  mask-image: url(/assets/outline/rss-5a52ac9e55782764c65883e0b26b2c077888e187829ef8b1ec430ecbadb27e73.svg);
}
span.f-rss-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/rss-d9908409acbc2bccec902d9918050a25a60a145ab1c5dbd65334a446ef5fd71b.svg);
  mask-image: url(/assets/solid/rss-d9908409acbc2bccec902d9918050a25a60a145ab1c5dbd65334a446ef5fd71b.svg);
}
span.f-wifi, span.f-floatingip {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/wifi-ad95af19482bb19eccc62e0f7bd7a5502eeddfe06db7f46afde1bba0a75ab151.svg);
  mask-image: url(/assets/solid/wifi-ad95af19482bb19eccc62e0f7bd7a5502eeddfe06db7f46afde1bba0a75ab151.svg);
}
span.f-wifi-o, span.f-floatingip-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/wifi-bb7af2c83e3d2e1e13729a7506f71d8574b60087a9a8bfd78cd784fd556df6be.svg);
  mask-image: url(/assets/outline/wifi-bb7af2c83e3d2e1e13729a7506f71d8574b60087a9a8bfd78cd784fd556df6be.svg);
}
span.f-wifi-sm, span.f-floatingip-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/wifi-ad95af19482bb19eccc62e0f7bd7a5502eeddfe06db7f46afde1bba0a75ab151.svg);
  mask-image: url(/assets/solid/wifi-ad95af19482bb19eccc62e0f7bd7a5502eeddfe06db7f46afde1bba0a75ab151.svg);
}
span.f-menu-alt-3 {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-3-80c500af29e5d786c1fece1e8880016709d6c713da7b8553d4e91d35e10fcef0.svg);
  mask-image: url(/assets/solid/menu-alt-3-80c500af29e5d786c1fece1e8880016709d6c713da7b8553d4e91d35e10fcef0.svg);
}
span.f-menu-alt-3-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/menu-alt-3-54a179e7cd5064fbc4532f167369a97a92b0cc34bfa8b2b4869b6a341e50c57e.svg);
  mask-image: url(/assets/outline/menu-alt-3-54a179e7cd5064fbc4532f167369a97a92b0cc34bfa8b2b4869b6a341e50c57e.svg);
}
span.f-menu-alt-3-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-alt-3-80c500af29e5d786c1fece1e8880016709d6c713da7b8553d4e91d35e10fcef0.svg);
  mask-image: url(/assets/solid/menu-alt-3-80c500af29e5d786c1fece1e8880016709d6c713da7b8553d4e91d35e10fcef0.svg);
}
span.f-scale {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/scale-93ba6d5da87aa718d283becd43014d6daa1aac421c621e6d0571a6afedeb3536.svg);
  mask-image: url(/assets/solid/scale-93ba6d5da87aa718d283becd43014d6daa1aac421c621e6d0571a6afedeb3536.svg);
}
span.f-scale-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/scale-f279e9fa956fa2667344d4a7c2da6fbf2710349fccd9c19e28ef0cc47ee9c0ce.svg);
  mask-image: url(/assets/outline/scale-f279e9fa956fa2667344d4a7c2da6fbf2710349fccd9c19e28ef0cc47ee9c0ce.svg);
}
span.f-scale-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/scale-93ba6d5da87aa718d283becd43014d6daa1aac421c621e6d0571a6afedeb3536.svg);
  mask-image: url(/assets/solid/scale-93ba6d5da87aa718d283becd43014d6daa1aac421c621e6d0571a6afedeb3536.svg);
}
span.f-arrow-circle-right {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-right-4bbe46d2fd56d4dc8193ef1e37c5d4be7d0a5afae29b640f9422438489ebab91.svg);
  mask-image: url(/assets/solid/arrow-circle-right-4bbe46d2fd56d4dc8193ef1e37c5d4be7d0a5afae29b640f9422438489ebab91.svg);
}
span.f-arrow-circle-right-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-circle-right-dd033bd82ce80fc62fe30b0610459694801204ec90ae0ab66051ca3dce6484cb.svg);
  mask-image: url(/assets/outline/arrow-circle-right-dd033bd82ce80fc62fe30b0610459694801204ec90ae0ab66051ca3dce6484cb.svg);
}
span.f-arrow-circle-right-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-right-4bbe46d2fd56d4dc8193ef1e37c5d4be7d0a5afae29b640f9422438489ebab91.svg);
  mask-image: url(/assets/solid/arrow-circle-right-4bbe46d2fd56d4dc8193ef1e37c5d4be7d0a5afae29b640f9422438489ebab91.svg);
}
span.f-user-add {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-add-d82759049f0c06382f754423214d0e73e1b494b53ccf9d88f1dbd0e798d00079.svg);
  mask-image: url(/assets/solid/user-add-d82759049f0c06382f754423214d0e73e1b494b53ccf9d88f1dbd0e798d00079.svg);
}
span.f-user-add-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/user-add-7cd0ae3fd66b9817761b9abff15643491788c1ba0a8e5692bbf1f29b5527f4e3.svg);
  mask-image: url(/assets/outline/user-add-7cd0ae3fd66b9817761b9abff15643491788c1ba0a8e5692bbf1f29b5527f4e3.svg);
}
span.f-user-add-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-add-d82759049f0c06382f754423214d0e73e1b494b53ccf9d88f1dbd0e798d00079.svg);
  mask-image: url(/assets/solid/user-add-d82759049f0c06382f754423214d0e73e1b494b53ccf9d88f1dbd0e798d00079.svg);
}
span.f-zoom-in {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/zoom-in-11209b68d4bed1059e48b09a9c6c856ac5cc1a8831815633b3ff978ecd1814b6.svg);
  mask-image: url(/assets/solid/zoom-in-11209b68d4bed1059e48b09a9c6c856ac5cc1a8831815633b3ff978ecd1814b6.svg);
}
span.f-zoom-in-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/zoom-in-26085017f2bc41f98bc4fd3d50018a9c300c36d7917fa5e9146d87f441949c08.svg);
  mask-image: url(/assets/outline/zoom-in-26085017f2bc41f98bc4fd3d50018a9c300c36d7917fa5e9146d87f441949c08.svg);
}
span.f-zoom-in-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/zoom-in-11209b68d4bed1059e48b09a9c6c856ac5cc1a8831815633b3ff978ecd1814b6.svg);
  mask-image: url(/assets/solid/zoom-in-11209b68d4bed1059e48b09a9c6c856ac5cc1a8831815633b3ff978ecd1814b6.svg);
}
span.f-cube-transparent, span.f-project {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cube-transparent-45c9485dbe882e4d3ffdb634522172890846cef0d9c49891e7611e3a62dbdc7b.svg);
  mask-image: url(/assets/solid/cube-transparent-45c9485dbe882e4d3ffdb634522172890846cef0d9c49891e7611e3a62dbdc7b.svg);
}
span.f-cube-transparent-o, span.f-project-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cube-transparent-30d86d0e5a253663a0c9a62707eadbbdf2d1f76940a791c06708dd18c757b58e.svg);
  mask-image: url(/assets/outline/cube-transparent-30d86d0e5a253663a0c9a62707eadbbdf2d1f76940a791c06708dd18c757b58e.svg);
}
span.f-cube-transparent-sm, span.f-project-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cube-transparent-45c9485dbe882e4d3ffdb634522172890846cef0d9c49891e7611e3a62dbdc7b.svg);
  mask-image: url(/assets/solid/cube-transparent-45c9485dbe882e4d3ffdb634522172890846cef0d9c49891e7611e3a62dbdc7b.svg);
}
span.f-refresh {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/refresh-ae8686220c21259cf6524fbda0669898e7791bfb95fd14e96426ae80945d9a81.svg);
  mask-image: url(/assets/solid/refresh-ae8686220c21259cf6524fbda0669898e7791bfb95fd14e96426ae80945d9a81.svg);
}
span.f-refresh-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/refresh-9a114f44b631c2748c8359885a893aa532186ab2578890cd3ce6282c9cbfeceb.svg);
  mask-image: url(/assets/outline/refresh-9a114f44b631c2748c8359885a893aa532186ab2578890cd3ce6282c9cbfeceb.svg);
}
span.f-refresh-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/refresh-ae8686220c21259cf6524fbda0669898e7791bfb95fd14e96426ae80945d9a81.svg);
  mask-image: url(/assets/solid/refresh-ae8686220c21259cf6524fbda0669898e7791bfb95fd14e96426ae80945d9a81.svg);
}
span.f-check-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/check-circle-277faf486f0bf3290c0b5a027f15a1511702835fa4d6ce80c90eb2d6a812dc2b.svg);
  mask-image: url(/assets/solid/check-circle-277faf486f0bf3290c0b5a027f15a1511702835fa4d6ce80c90eb2d6a812dc2b.svg);
}
span.f-check-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/check-circle-4a184179129ffd18bb5c7b6f8df9c8657ea10e211af20fc37d2812814dc174cc.svg);
  mask-image: url(/assets/outline/check-circle-4a184179129ffd18bb5c7b6f8df9c8657ea10e211af20fc37d2812814dc174cc.svg);
}
span.f-check-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/check-circle-277faf486f0bf3290c0b5a027f15a1511702835fa4d6ce80c90eb2d6a812dc2b.svg);
  mask-image: url(/assets/solid/check-circle-277faf486f0bf3290c0b5a027f15a1511702835fa4d6ce80c90eb2d6a812dc2b.svg);
}
span.f-thumb-down {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/thumb-down-ad1be701b9b6632609a143dceac1d3775a36f657ef189c48c5b77c8517ecac00.svg);
  mask-image: url(/assets/solid/thumb-down-ad1be701b9b6632609a143dceac1d3775a36f657ef189c48c5b77c8517ecac00.svg);
}
span.f-thumb-down-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/thumb-down-cf870c3aa9f8241f91aff8ba40ca0051e3f9845ae4b3cb727000ed0c181a360c.svg);
  mask-image: url(/assets/outline/thumb-down-cf870c3aa9f8241f91aff8ba40ca0051e3f9845ae4b3cb727000ed0c181a360c.svg);
}
span.f-thumb-down-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/thumb-down-ad1be701b9b6632609a143dceac1d3775a36f657ef189c48c5b77c8517ecac00.svg);
  mask-image: url(/assets/solid/thumb-down-ad1be701b9b6632609a143dceac1d3775a36f657ef189c48c5b77c8517ecac00.svg);
}
span.f-device-tablet {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/device-tablet-737bc364ba3e1c5cc8d78eb06a15b2ee1ecd4d56a543885d978f5c4f700e92bd.svg);
  mask-image: url(/assets/solid/device-tablet-737bc364ba3e1c5cc8d78eb06a15b2ee1ecd4d56a543885d978f5c4f700e92bd.svg);
}
span.f-device-tablet-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/device-tablet-9eec623cf9a5b7eedafa75c89128347547f2f44e73e46322838a6cb66bf1ef0b.svg);
  mask-image: url(/assets/outline/device-tablet-9eec623cf9a5b7eedafa75c89128347547f2f44e73e46322838a6cb66bf1ef0b.svg);
}
span.f-device-tablet-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/device-tablet-737bc364ba3e1c5cc8d78eb06a15b2ee1ecd4d56a543885d978f5c4f700e92bd.svg);
  mask-image: url(/assets/solid/device-tablet-737bc364ba3e1c5cc8d78eb06a15b2ee1ecd4d56a543885d978f5c4f700e92bd.svg);
}
span.f-save {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/save-983d2ed89303dfd58dd85a441cb1787ec14ab0ec38caa691557a1bbe34151d76.svg);
  mask-image: url(/assets/solid/save-983d2ed89303dfd58dd85a441cb1787ec14ab0ec38caa691557a1bbe34151d76.svg);
}
span.f-save-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/save-97fe23d45515f16bab9aa9ad1df36c20ef2c59e9a6ba6a7be0e39b7e1c3f2e97.svg);
  mask-image: url(/assets/outline/save-97fe23d45515f16bab9aa9ad1df36c20ef2c59e9a6ba6a7be0e39b7e1c3f2e97.svg);
}
span.f-save-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/save-983d2ed89303dfd58dd85a441cb1787ec14ab0ec38caa691557a1bbe34151d76.svg);
  mask-image: url(/assets/solid/save-983d2ed89303dfd58dd85a441cb1787ec14ab0ec38caa691557a1bbe34151d76.svg);
}
span.f-status-online {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/status-online-fc8b01e744ff7b90dc888fa90d490007b236943a9528a2398fe7c79b28921512.svg);
  mask-image: url(/assets/solid/status-online-fc8b01e744ff7b90dc888fa90d490007b236943a9528a2398fe7c79b28921512.svg);
}
span.f-status-online-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/status-online-97be894db78ec25df48e8922374f87f23f555cfde9a06c2a7c74ff6367998c93.svg);
  mask-image: url(/assets/outline/status-online-97be894db78ec25df48e8922374f87f23f555cfde9a06c2a7c74ff6367998c93.svg);
}
span.f-status-online-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/status-online-fc8b01e744ff7b90dc888fa90d490007b236943a9528a2398fe7c79b28921512.svg);
  mask-image: url(/assets/solid/status-online-fc8b01e744ff7b90dc888fa90d490007b236943a9528a2398fe7c79b28921512.svg);
}
span.f-paper-airplane {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/paper-airplane-075a00caf74e72955d9e62c7120e354044a0505b899ddd114937287c17bc77d3.svg);
  mask-image: url(/assets/solid/paper-airplane-075a00caf74e72955d9e62c7120e354044a0505b899ddd114937287c17bc77d3.svg);
}
span.f-paper-airplane-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/paper-airplane-8212ae0dcd690c174795e0e66c51192574eb599b2dc815a186b182e2ba4cf493.svg);
  mask-image: url(/assets/outline/paper-airplane-8212ae0dcd690c174795e0e66c51192574eb599b2dc815a186b182e2ba4cf493.svg);
}
span.f-paper-airplane-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/paper-airplane-075a00caf74e72955d9e62c7120e354044a0505b899ddd114937287c17bc77d3.svg);
  mask-image: url(/assets/solid/paper-airplane-075a00caf74e72955d9e62c7120e354044a0505b899ddd114937287c17bc77d3.svg);
}
span.f-shield-exclamation {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shield-exclamation-2351dfeed960d3bf5504095774102d1e1e4ae4e5f5813f67dcc9f81a9243cd1f.svg);
  mask-image: url(/assets/solid/shield-exclamation-2351dfeed960d3bf5504095774102d1e1e4ae4e5f5813f67dcc9f81a9243cd1f.svg);
}
span.f-shield-exclamation-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/shield-exclamation-cd5a3be65808ea25037b3c15c3d1aca5a239efa20c186778132210db539b5301.svg);
  mask-image: url(/assets/outline/shield-exclamation-cd5a3be65808ea25037b3c15c3d1aca5a239efa20c186778132210db539b5301.svg);
}
span.f-shield-exclamation-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shield-exclamation-2351dfeed960d3bf5504095774102d1e1e4ae4e5f5813f67dcc9f81a9243cd1f.svg);
  mask-image: url(/assets/solid/shield-exclamation-2351dfeed960d3bf5504095774102d1e1e4ae4e5f5813f67dcc9f81a9243cd1f.svg);
}
span.f-fast-forward {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/fast-forward-ae35b12cf728ea92095416c3876f92a834deb00731add4ddc5c39e9aaf52fc80.svg);
  mask-image: url(/assets/solid/fast-forward-ae35b12cf728ea92095416c3876f92a834deb00731add4ddc5c39e9aaf52fc80.svg);
}
span.f-fast-forward-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/fast-forward-30cd719c35d70d6eeb1a5bf7599680d01e56c04b523c41e20a813a695497c0b5.svg);
  mask-image: url(/assets/outline/fast-forward-30cd719c35d70d6eeb1a5bf7599680d01e56c04b523c41e20a813a695497c0b5.svg);
}
span.f-fast-forward-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/fast-forward-ae35b12cf728ea92095416c3876f92a834deb00731add4ddc5c39e9aaf52fc80.svg);
  mask-image: url(/assets/solid/fast-forward-ae35b12cf728ea92095416c3876f92a834deb00731add4ddc5c39e9aaf52fc80.svg);
}
span.f-currency-yen {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-yen-cd9889bd933776b8940f41bedc0d90ebe645f89632f51303e2e7cff7257f6690.svg);
  mask-image: url(/assets/solid/currency-yen-cd9889bd933776b8940f41bedc0d90ebe645f89632f51303e2e7cff7257f6690.svg);
}
span.f-currency-yen-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/currency-yen-bb2e228e89a657a4c007b5bfdabcfcae3450301f402ac6f8f0434d941da28e6a.svg);
  mask-image: url(/assets/outline/currency-yen-bb2e228e89a657a4c007b5bfdabcfcae3450301f402ac6f8f0434d941da28e6a.svg);
}
span.f-currency-yen-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-yen-cd9889bd933776b8940f41bedc0d90ebe645f89632f51303e2e7cff7257f6690.svg);
  mask-image: url(/assets/solid/currency-yen-cd9889bd933776b8940f41bedc0d90ebe645f89632f51303e2e7cff7257f6690.svg);
}
span.f-zoom-out {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/zoom-out-b34240a93d406de497e230a38f55bb8b5f89d8c7995d575b74a537b9bf04e5a7.svg);
  mask-image: url(/assets/solid/zoom-out-b34240a93d406de497e230a38f55bb8b5f89d8c7995d575b74a537b9bf04e5a7.svg);
}
span.f-zoom-out-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/zoom-out-a3449517c10f9e911103bb0c9732f027de4977e39787ae16633b2e8c7eb11e44.svg);
  mask-image: url(/assets/outline/zoom-out-a3449517c10f9e911103bb0c9732f027de4977e39787ae16633b2e8c7eb11e44.svg);
}
span.f-zoom-out-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/zoom-out-b34240a93d406de497e230a38f55bb8b5f89d8c7995d575b74a537b9bf04e5a7.svg);
  mask-image: url(/assets/solid/zoom-out-b34240a93d406de497e230a38f55bb8b5f89d8c7995d575b74a537b9bf04e5a7.svg);
}
span.f-play {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/play-490d8b99d6d803982bc32c774f3b4c753e7ec297f6e794fd3bccfa5456dd4799.svg);
  mask-image: url(/assets/solid/play-490d8b99d6d803982bc32c774f3b4c753e7ec297f6e794fd3bccfa5456dd4799.svg);
}
span.f-play-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/play-826bca872a46a953b6f169e551c604a21e4b36d84e69b41ba2e00d8d9e036dc0.svg);
  mask-image: url(/assets/outline/play-826bca872a46a953b6f169e551c604a21e4b36d84e69b41ba2e00d8d9e036dc0.svg);
}
span.f-play-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/play-490d8b99d6d803982bc32c774f3b4c753e7ec297f6e794fd3bccfa5456dd4799.svg);
  mask-image: url(/assets/solid/play-490d8b99d6d803982bc32c774f3b4c753e7ec297f6e794fd3bccfa5456dd4799.svg);
}
span.f-chat {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chat-5d0aa350fb5aa33d35b4f27aa5149453cf58ce55b689d02d704e4211527d568e.svg);
  mask-image: url(/assets/solid/chat-5d0aa350fb5aa33d35b4f27aa5149453cf58ce55b689d02d704e4211527d568e.svg);
}
span.f-chat-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chat-e536099f844f6aba7618fcce8807adcb836de091a55a53180ffc133192a3c843.svg);
  mask-image: url(/assets/outline/chat-e536099f844f6aba7618fcce8807adcb836de091a55a53180ffc133192a3c843.svg);
}
span.f-chat-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chat-5d0aa350fb5aa33d35b4f27aa5149453cf58ce55b689d02d704e4211527d568e.svg);
  mask-image: url(/assets/solid/chat-5d0aa350fb5aa33d35b4f27aa5149453cf58ce55b689d02d704e4211527d568e.svg);
}
span.f-pencil-alt {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/pencil-alt-c8259fb996921c932f9074785a10a32aed23835981cd8f8ddb9b98e0ab1956b5.svg);
  mask-image: url(/assets/solid/pencil-alt-c8259fb996921c932f9074785a10a32aed23835981cd8f8ddb9b98e0ab1956b5.svg);
}
span.f-pencil-alt-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/pencil-alt-53b252ad43631e83034bb1b555c8ec8d28d68bc1323755ee5b17fa4017ac1fc5.svg);
  mask-image: url(/assets/outline/pencil-alt-53b252ad43631e83034bb1b555c8ec8d28d68bc1323755ee5b17fa4017ac1fc5.svg);
}
span.f-pencil-alt-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/pencil-alt-c8259fb996921c932f9074785a10a32aed23835981cd8f8ddb9b98e0ab1956b5.svg);
  mask-image: url(/assets/solid/pencil-alt-c8259fb996921c932f9074785a10a32aed23835981cd8f8ddb9b98e0ab1956b5.svg);
}
span.f-cursor-click {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cursor-click-4abc68503a6ced82b99c3a2ec1576e226fc6e1c8ceaac235b29b9337becb1c90.svg);
  mask-image: url(/assets/solid/cursor-click-4abc68503a6ced82b99c3a2ec1576e226fc6e1c8ceaac235b29b9337becb1c90.svg);
}
span.f-cursor-click-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cursor-click-a9ef1065acb0f4365b4b857ea07df76e88f7fc96393debedcd2dc41567685d37.svg);
  mask-image: url(/assets/outline/cursor-click-a9ef1065acb0f4365b4b857ea07df76e88f7fc96393debedcd2dc41567685d37.svg);
}
span.f-cursor-click-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cursor-click-4abc68503a6ced82b99c3a2ec1576e226fc6e1c8ceaac235b29b9337becb1c90.svg);
  mask-image: url(/assets/solid/cursor-click-4abc68503a6ced82b99c3a2ec1576e226fc6e1c8ceaac235b29b9337becb1c90.svg);
}
span.f-table {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/table-1ed9db11bf55e43c2403577b8c5faacc50007d0a5720e756d6fb9bf1f6b413e3.svg);
  mask-image: url(/assets/solid/table-1ed9db11bf55e43c2403577b8c5faacc50007d0a5720e756d6fb9bf1f6b413e3.svg);
}
span.f-table-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/table-46e8b95b3cd49c2b7505f1a13a3671b51aaca541282fdf20097c166db3c5f2f5.svg);
  mask-image: url(/assets/outline/table-46e8b95b3cd49c2b7505f1a13a3671b51aaca541282fdf20097c166db3c5f2f5.svg);
}
span.f-table-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/table-1ed9db11bf55e43c2403577b8c5faacc50007d0a5720e756d6fb9bf1f6b413e3.svg);
  mask-image: url(/assets/solid/table-1ed9db11bf55e43c2403577b8c5faacc50007d0a5720e756d6fb9bf1f6b413e3.svg);
}
span.f-badge-check {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/badge-check-826000b31a62705fc82cd8c0bfb85bc4afec6864a0a18f3be9ed007c81138128.svg);
  mask-image: url(/assets/solid/badge-check-826000b31a62705fc82cd8c0bfb85bc4afec6864a0a18f3be9ed007c81138128.svg);
}
span.f-badge-check-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/badge-check-3471befb516bb1bd613bdedc3dbfb2d82421b928b201327af23e16f1e4c271a0.svg);
  mask-image: url(/assets/outline/badge-check-3471befb516bb1bd613bdedc3dbfb2d82421b928b201327af23e16f1e4c271a0.svg);
}
span.f-badge-check-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/badge-check-826000b31a62705fc82cd8c0bfb85bc4afec6864a0a18f3be9ed007c81138128.svg);
  mask-image: url(/assets/solid/badge-check-826000b31a62705fc82cd8c0bfb85bc4afec6864a0a18f3be9ed007c81138128.svg);
}
span.f-document-text {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-text-a783d3efba3aa7044d9c813c24a0d30eca531cec6de5cd2ad8ec8a7510a0174c.svg);
  mask-image: url(/assets/solid/document-text-a783d3efba3aa7044d9c813c24a0d30eca531cec6de5cd2ad8ec8a7510a0174c.svg);
}
span.f-document-text-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-text-cb89e9ee563e6a5288d8edd61f9cea78df7253ca51e5dbfc111a46e9230cc73c.svg);
  mask-image: url(/assets/outline/document-text-cb89e9ee563e6a5288d8edd61f9cea78df7253ca51e5dbfc111a46e9230cc73c.svg);
}
span.f-document-text-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-text-a783d3efba3aa7044d9c813c24a0d30eca531cec6de5cd2ad8ec8a7510a0174c.svg);
  mask-image: url(/assets/solid/document-text-a783d3efba3aa7044d9c813c24a0d30eca531cec6de5cd2ad8ec8a7510a0174c.svg);
}
span.f-camera {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/camera-6950556cf44886f9b9a9cd290ed74fcd3f3e37857f7bb164f5c77aee5b6c534a.svg);
  mask-image: url(/assets/solid/camera-6950556cf44886f9b9a9cd290ed74fcd3f3e37857f7bb164f5c77aee5b6c534a.svg);
}
span.f-camera-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/camera-8b9c7f2d4d4d8e46c57537433fe79569cb254e23c8a858c2f82efb8d59f7e2c5.svg);
  mask-image: url(/assets/outline/camera-8b9c7f2d4d4d8e46c57537433fe79569cb254e23c8a858c2f82efb8d59f7e2c5.svg);
}
span.f-camera-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/camera-6950556cf44886f9b9a9cd290ed74fcd3f3e37857f7bb164f5c77aee5b6c534a.svg);
  mask-image: url(/assets/solid/camera-6950556cf44886f9b9a9cd290ed74fcd3f3e37857f7bb164f5c77aee5b6c534a.svg);
}
span.f-printer {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/printer-7b2435ae57ae8ce050c3367658bc113649ed8a5626cc45b8e3f8db4e7dce1e35.svg);
  mask-image: url(/assets/solid/printer-7b2435ae57ae8ce050c3367658bc113649ed8a5626cc45b8e3f8db4e7dce1e35.svg);
}
span.f-printer-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/printer-60ab7359d0968171ee9fbf288eae620754e022e2a1b29fd3080971c8c75bf23f.svg);
  mask-image: url(/assets/outline/printer-60ab7359d0968171ee9fbf288eae620754e022e2a1b29fd3080971c8c75bf23f.svg);
}
span.f-printer-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/printer-7b2435ae57ae8ce050c3367658bc113649ed8a5626cc45b8e3f8db4e7dce1e35.svg);
  mask-image: url(/assets/solid/printer-7b2435ae57ae8ce050c3367658bc113649ed8a5626cc45b8e3f8db4e7dce1e35.svg);
}
span.f-truck {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/truck-8b27e6e0fcb9905264a11dd2769254042dd8465a5e37416367416866d2f1d97a.svg);
  mask-image: url(/assets/solid/truck-8b27e6e0fcb9905264a11dd2769254042dd8465a5e37416367416866d2f1d97a.svg);
}
span.f-truck-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/truck-20d4feff71c94313b6967a39d4133b6429c966c9067131bf56a5455d3d39b3a9.svg);
  mask-image: url(/assets/outline/truck-20d4feff71c94313b6967a39d4133b6429c966c9067131bf56a5455d3d39b3a9.svg);
}
span.f-truck-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/truck-8b27e6e0fcb9905264a11dd2769254042dd8465a5e37416367416866d2f1d97a.svg);
  mask-image: url(/assets/solid/truck-8b27e6e0fcb9905264a11dd2769254042dd8465a5e37416367416866d2f1d97a.svg);
}
span.f-identification {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/identification-66ef9a30d1d7473cf747ac793ef577f3f76c69c8f08f2b073a6d23e09d35dec6.svg);
  mask-image: url(/assets/solid/identification-66ef9a30d1d7473cf747ac793ef577f3f76c69c8f08f2b073a6d23e09d35dec6.svg);
}
span.f-identification-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/identification-cb607cdfab8a4bccef76a3eab8dcbd6b75f6f7150f19fc50b07b15555cb87c55.svg);
  mask-image: url(/assets/outline/identification-cb607cdfab8a4bccef76a3eab8dcbd6b75f6f7150f19fc50b07b15555cb87c55.svg);
}
span.f-identification-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/identification-66ef9a30d1d7473cf747ac793ef577f3f76c69c8f08f2b073a6d23e09d35dec6.svg);
  mask-image: url(/assets/solid/identification-66ef9a30d1d7473cf747ac793ef577f3f76c69c8f08f2b073a6d23e09d35dec6.svg);
}
span.f-device-mobile {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/device-mobile-5efaff4972aadd491fe7d4b8cb7e28c2d6edb2f2b1b25326035523b43bfc5619.svg);
  mask-image: url(/assets/solid/device-mobile-5efaff4972aadd491fe7d4b8cb7e28c2d6edb2f2b1b25326035523b43bfc5619.svg);
}
span.f-device-mobile-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/device-mobile-8c69e520b55b4ffe05b2f6ff8442da447f5bcb37b3a921466343f21fdc5d96f0.svg);
  mask-image: url(/assets/outline/device-mobile-8c69e520b55b4ffe05b2f6ff8442da447f5bcb37b3a921466343f21fdc5d96f0.svg);
}
span.f-device-mobile-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/device-mobile-5efaff4972aadd491fe7d4b8cb7e28c2d6edb2f2b1b25326035523b43bfc5619.svg);
  mask-image: url(/assets/solid/device-mobile-5efaff4972aadd491fe7d4b8cb7e28c2d6edb2f2b1b25326035523b43bfc5619.svg);
}
span.f-document-report {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-report-cfafee8290c184fe8d45d4acad1a6d60bedce7d52a4f8f461da88b8b2d6204eb.svg);
  mask-image: url(/assets/solid/document-report-cfafee8290c184fe8d45d4acad1a6d60bedce7d52a4f8f461da88b8b2d6204eb.svg);
}
span.f-document-report-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-report-faafc9159f7f5d0f2433be66bf831a9464cc7fcb46e6cbe15304e345dd515751.svg);
  mask-image: url(/assets/outline/document-report-faafc9159f7f5d0f2433be66bf831a9464cc7fcb46e6cbe15304e345dd515751.svg);
}
span.f-document-report-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-report-cfafee8290c184fe8d45d4acad1a6d60bedce7d52a4f8f461da88b8b2d6204eb.svg);
  mask-image: url(/assets/solid/document-report-cfafee8290c184fe8d45d4acad1a6d60bedce7d52a4f8f461da88b8b2d6204eb.svg);
}
span.f-document-download {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-download-25eacecd4e4118b48479668a4b3b0b9cb65b0ae2f2a7e16e1e61e470e880576b.svg);
  mask-image: url(/assets/solid/document-download-25eacecd4e4118b48479668a4b3b0b9cb65b0ae2f2a7e16e1e61e470e880576b.svg);
}
span.f-document-download-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-download-e4bab98ad1f4f6a7f607621d7987dd9eb237f7aafe642a40068c6640d62c4bc0.svg);
  mask-image: url(/assets/outline/document-download-e4bab98ad1f4f6a7f607621d7987dd9eb237f7aafe642a40068c6640d62c4bc0.svg);
}
span.f-document-download-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-download-25eacecd4e4118b48479668a4b3b0b9cb65b0ae2f2a7e16e1e61e470e880576b.svg);
  mask-image: url(/assets/solid/document-download-25eacecd4e4118b48479668a4b3b0b9cb65b0ae2f2a7e16e1e61e470e880576b.svg);
}
span.f-emoji-sad {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/emoji-sad-f466c22aeb8ecf8c347e63283ca178dfa0adbbc7b5b647ec2a1ac5c3e4b1e93c.svg);
  mask-image: url(/assets/solid/emoji-sad-f466c22aeb8ecf8c347e63283ca178dfa0adbbc7b5b647ec2a1ac5c3e4b1e93c.svg);
}
span.f-emoji-sad-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/emoji-sad-350adeec3126b1a54158eb4afac914d4ff1719353f4395fbb504884d3a512c11.svg);
  mask-image: url(/assets/outline/emoji-sad-350adeec3126b1a54158eb4afac914d4ff1719353f4395fbb504884d3a512c11.svg);
}
span.f-emoji-sad-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/emoji-sad-f466c22aeb8ecf8c347e63283ca178dfa0adbbc7b5b647ec2a1ac5c3e4b1e93c.svg);
  mask-image: url(/assets/solid/emoji-sad-f466c22aeb8ecf8c347e63283ca178dfa0adbbc7b5b647ec2a1ac5c3e4b1e93c.svg);
}
span.f-exclamation-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/exclamation-circle-50a9860fa4bd44b0c174499b2e4a034e07f14d737c1b53970198847fa79d9c72.svg);
  mask-image: url(/assets/solid/exclamation-circle-50a9860fa4bd44b0c174499b2e4a034e07f14d737c1b53970198847fa79d9c72.svg);
}
span.f-exclamation-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/exclamation-circle-bb18a474cd2c42f3fe76178438c9d5ec3bd1a9947336fe09efe60922ca04d314.svg);
  mask-image: url(/assets/outline/exclamation-circle-bb18a474cd2c42f3fe76178438c9d5ec3bd1a9947336fe09efe60922ca04d314.svg);
}
span.f-exclamation-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/exclamation-circle-50a9860fa4bd44b0c174499b2e4a034e07f14d737c1b53970198847fa79d9c72.svg);
  mask-image: url(/assets/solid/exclamation-circle-50a9860fa4bd44b0c174499b2e4a034e07f14d737c1b53970198847fa79d9c72.svg);
}
span.f-currency-euro {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-euro-52faf6f9e5e99d228af0944e8d27cf4912b3f15da4e72c74ffde38c99d0eb649.svg);
  mask-image: url(/assets/solid/currency-euro-52faf6f9e5e99d228af0944e8d27cf4912b3f15da4e72c74ffde38c99d0eb649.svg);
}
span.f-currency-euro-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/currency-euro-4befb3bde7c900e88ca7edc1b8377779019f56c711e09bec0839e3a45b8b2fc3.svg);
  mask-image: url(/assets/outline/currency-euro-4befb3bde7c900e88ca7edc1b8377779019f56c711e09bec0839e3a45b8b2fc3.svg);
}
span.f-currency-euro-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-euro-52faf6f9e5e99d228af0944e8d27cf4912b3f15da4e72c74ffde38c99d0eb649.svg);
  mask-image: url(/assets/solid/currency-euro-52faf6f9e5e99d228af0944e8d27cf4912b3f15da4e72c74ffde38c99d0eb649.svg);
}
span.f-arrows-expand {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrows-expand-6eb8dc5ca6da8dc12d3d03f61dc0fedfbc088b53c48e55ffe5240aff8b45d2a0.svg);
  mask-image: url(/assets/solid/arrows-expand-6eb8dc5ca6da8dc12d3d03f61dc0fedfbc088b53c48e55ffe5240aff8b45d2a0.svg);
}
span.f-arrows-expand-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrows-expand-c1946fbb038edd53c1e55f8c4b78aca416038ede304c5628391f93af6ff07bdc.svg);
  mask-image: url(/assets/outline/arrows-expand-c1946fbb038edd53c1e55f8c4b78aca416038ede304c5628391f93af6ff07bdc.svg);
}
span.f-arrows-expand-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrows-expand-6eb8dc5ca6da8dc12d3d03f61dc0fedfbc088b53c48e55ffe5240aff8b45d2a0.svg);
  mask-image: url(/assets/solid/arrows-expand-6eb8dc5ca6da8dc12d3d03f61dc0fedfbc088b53c48e55ffe5240aff8b45d2a0.svg);
}
span.f-trash {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/trash-11bff69c6c5b43e106758edfe100a844ea473fa84c3f1340d935670fa44c6fda.svg);
  mask-image: url(/assets/solid/trash-11bff69c6c5b43e106758edfe100a844ea473fa84c3f1340d935670fa44c6fda.svg);
}
span.f-trash-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/trash-fea314484b60437377a705ba6ad7ce83be8c489ed0604e55bcdf7981a3bef80c.svg);
  mask-image: url(/assets/outline/trash-fea314484b60437377a705ba6ad7ce83be8c489ed0604e55bcdf7981a3bef80c.svg);
}
span.f-trash-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/trash-11bff69c6c5b43e106758edfe100a844ea473fa84c3f1340d935670fa44c6fda.svg);
  mask-image: url(/assets/solid/trash-11bff69c6c5b43e106758edfe100a844ea473fa84c3f1340d935670fa44c6fda.svg);
}
span.f-chart-bar {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chart-bar-4f18554047fa0feb16f4aabee197f29f2a1cbe94f19b063f9ae2d755e8fb3812.svg);
  mask-image: url(/assets/solid/chart-bar-4f18554047fa0feb16f4aabee197f29f2a1cbe94f19b063f9ae2d755e8fb3812.svg);
}
span.f-chart-bar-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chart-bar-fcf1db1d3392517d13b667823787c40fabbcc626b8dea451d09a05efde34e48c.svg);
  mask-image: url(/assets/outline/chart-bar-fcf1db1d3392517d13b667823787c40fabbcc626b8dea451d09a05efde34e48c.svg);
}
span.f-chart-bar-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chart-bar-4f18554047fa0feb16f4aabee197f29f2a1cbe94f19b063f9ae2d755e8fb3812.svg);
  mask-image: url(/assets/solid/chart-bar-4f18554047fa0feb16f4aabee197f29f2a1cbe94f19b063f9ae2d755e8fb3812.svg);
}
span.f-view-grid-add {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-grid-add-6203b62c8c0b68fdbe549caa274cbc95d381b97e7abbddb286c302bfcc11edaa.svg);
  mask-image: url(/assets/solid/view-grid-add-6203b62c8c0b68fdbe549caa274cbc95d381b97e7abbddb286c302bfcc11edaa.svg);
}
span.f-view-grid-add-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/view-grid-add-c4c6918d438cdce99fc0ff520334b00fe35bab8bd6286808ef84a4fb715378c5.svg);
  mask-image: url(/assets/outline/view-grid-add-c4c6918d438cdce99fc0ff520334b00fe35bab8bd6286808ef84a4fb715378c5.svg);
}
span.f-view-grid-add-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/view-grid-add-6203b62c8c0b68fdbe549caa274cbc95d381b97e7abbddb286c302bfcc11edaa.svg);
  mask-image: url(/assets/solid/view-grid-add-6203b62c8c0b68fdbe549caa274cbc95d381b97e7abbddb286c302bfcc11edaa.svg);
}
span.f-switch-horizontal {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/switch-horizontal-2c1859ad899f00c4cecb5fe59932857977bc9fc0da3a5f19adc05268c9aaa3a3.svg);
  mask-image: url(/assets/solid/switch-horizontal-2c1859ad899f00c4cecb5fe59932857977bc9fc0da3a5f19adc05268c9aaa3a3.svg);
}
span.f-switch-horizontal-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/switch-horizontal-a71ee1b7668404af18229a80caf4dace1a98e59fe1826e1569eaa85c53f7b8f0.svg);
  mask-image: url(/assets/outline/switch-horizontal-a71ee1b7668404af18229a80caf4dace1a98e59fe1826e1569eaa85c53f7b8f0.svg);
}
span.f-switch-horizontal-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/switch-horizontal-2c1859ad899f00c4cecb5fe59932857977bc9fc0da3a5f19adc05268c9aaa3a3.svg);
  mask-image: url(/assets/solid/switch-horizontal-2c1859ad899f00c4cecb5fe59932857977bc9fc0da3a5f19adc05268c9aaa3a3.svg);
}
span.f-volume-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/volume-up-50a7679b9d728a64b37ccb795fb73230eb31f263e7f12c4726b4128ff6981497.svg);
  mask-image: url(/assets/solid/volume-up-50a7679b9d728a64b37ccb795fb73230eb31f263e7f12c4726b4128ff6981497.svg);
}
span.f-volume-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/volume-up-f7db996d332b0d7980f15ca3f24dab249374a7d04497a6a5691d0dd1c4772af3.svg);
  mask-image: url(/assets/outline/volume-up-f7db996d332b0d7980f15ca3f24dab249374a7d04497a6a5691d0dd1c4772af3.svg);
}
span.f-volume-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/volume-up-50a7679b9d728a64b37ccb795fb73230eb31f263e7f12c4726b4128ff6981497.svg);
  mask-image: url(/assets/solid/volume-up-50a7679b9d728a64b37ccb795fb73230eb31f263e7f12c4726b4128ff6981497.svg);
}
span.f-hashtag {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/hashtag-b720f83665be92f9a34da16adac3143fa83fafe6fccc287c99046077a1bb1a14.svg);
  mask-image: url(/assets/solid/hashtag-b720f83665be92f9a34da16adac3143fa83fafe6fccc287c99046077a1bb1a14.svg);
}
span.f-hashtag-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/hashtag-5af38a29128979800c8dc17b0cd3b3706884d08bca2887f208a530e33330746f.svg);
  mask-image: url(/assets/outline/hashtag-5af38a29128979800c8dc17b0cd3b3706884d08bca2887f208a530e33330746f.svg);
}
span.f-hashtag-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/hashtag-b720f83665be92f9a34da16adac3143fa83fafe6fccc287c99046077a1bb1a14.svg);
  mask-image: url(/assets/solid/hashtag-b720f83665be92f9a34da16adac3143fa83fafe6fccc287c99046077a1bb1a14.svg);
}
span.f-presentation-chart-line {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/presentation-chart-line-b25f3c4d9f590570dffca993769b1a3852ae24a4feeb27dea9cba8496d48c3c0.svg);
  mask-image: url(/assets/solid/presentation-chart-line-b25f3c4d9f590570dffca993769b1a3852ae24a4feeb27dea9cba8496d48c3c0.svg);
}
span.f-presentation-chart-line-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/presentation-chart-line-ebab72e92493c90398eb9201d69b5ce9ce38244e8d36449260d36cf2bc46a98c.svg);
  mask-image: url(/assets/outline/presentation-chart-line-ebab72e92493c90398eb9201d69b5ce9ce38244e8d36449260d36cf2bc46a98c.svg);
}
span.f-presentation-chart-line-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/presentation-chart-line-b25f3c4d9f590570dffca993769b1a3852ae24a4feeb27dea9cba8496d48c3c0.svg);
  mask-image: url(/assets/solid/presentation-chart-line-b25f3c4d9f590570dffca993769b1a3852ae24a4feeb27dea9cba8496d48c3c0.svg);
}
span.f-template {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/template-4643c0a6535223add766f06f144aa7dcfbd06cc181863c8e6eb93386a443cfe0.svg);
  mask-image: url(/assets/solid/template-4643c0a6535223add766f06f144aa7dcfbd06cc181863c8e6eb93386a443cfe0.svg);
}
span.f-template-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/template-e0376c5c714c58c8a59356c30e512c5d4130a26186a5a52504b1cb6a42566f69.svg);
  mask-image: url(/assets/outline/template-e0376c5c714c58c8a59356c30e512c5d4130a26186a5a52504b1cb6a42566f69.svg);
}
span.f-template-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/template-4643c0a6535223add766f06f144aa7dcfbd06cc181863c8e6eb93386a443cfe0.svg);
  mask-image: url(/assets/solid/template-4643c0a6535223add766f06f144aa7dcfbd06cc181863c8e6eb93386a443cfe0.svg);
}
span.f-star {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/star-dd35c13956e715c5d3b7920c315da15f4e214f337c22041c9ab641c6a444bee4.svg);
  mask-image: url(/assets/solid/star-dd35c13956e715c5d3b7920c315da15f4e214f337c22041c9ab641c6a444bee4.svg);
}
span.f-star-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/star-8db4dcae60f4c6b275395cde0a9d8b5c37f71554db02d5ae85cded1d2066d612.svg);
  mask-image: url(/assets/outline/star-8db4dcae60f4c6b275395cde0a9d8b5c37f71554db02d5ae85cded1d2066d612.svg);
}
span.f-star-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/star-dd35c13956e715c5d3b7920c315da15f4e214f337c22041c9ab641c6a444bee4.svg);
  mask-image: url(/assets/solid/star-dd35c13956e715c5d3b7920c315da15f4e214f337c22041c9ab641c6a444bee4.svg);
}
span.f-sun {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sun-a2e320e5b04121833628f49c82f503699d664d7cdde8adb94848c81022d94aaf.svg);
  mask-image: url(/assets/solid/sun-a2e320e5b04121833628f49c82f503699d664d7cdde8adb94848c81022d94aaf.svg);
}
span.f-sun-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/sun-ddcec726a5bc31bf55351f41fc3164a2ebad48bcfc33a94ebfbd9b516c5fe197.svg);
  mask-image: url(/assets/outline/sun-ddcec726a5bc31bf55351f41fc3164a2ebad48bcfc33a94ebfbd9b516c5fe197.svg);
}
span.f-sun-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sun-a2e320e5b04121833628f49c82f503699d664d7cdde8adb94848c81022d94aaf.svg);
  mask-image: url(/assets/solid/sun-a2e320e5b04121833628f49c82f503699d664d7cdde8adb94848c81022d94aaf.svg);
}
span.f-receipt-refund {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/receipt-refund-9627fb41ac8bd3ae6c018eb2801c195c560f550364379105da27471db17e36f6.svg);
  mask-image: url(/assets/solid/receipt-refund-9627fb41ac8bd3ae6c018eb2801c195c560f550364379105da27471db17e36f6.svg);
}
span.f-receipt-refund-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/receipt-refund-3b9fd859cd1e14a5fedab9e844604c2f1999402cb6396e06db44b13a7446d313.svg);
  mask-image: url(/assets/outline/receipt-refund-3b9fd859cd1e14a5fedab9e844604c2f1999402cb6396e06db44b13a7446d313.svg);
}
span.f-receipt-refund-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/receipt-refund-9627fb41ac8bd3ae6c018eb2801c195c560f550364379105da27471db17e36f6.svg);
  mask-image: url(/assets/solid/receipt-refund-9627fb41ac8bd3ae6c018eb2801c195c560f550364379105da27471db17e36f6.svg);
}
span.f-arrow-circle-down {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-down-45bd33eeaac833adbf19b2a003652fb7083aa2c3e8c71a85a7be2502df296b60.svg);
  mask-image: url(/assets/solid/arrow-circle-down-45bd33eeaac833adbf19b2a003652fb7083aa2c3e8c71a85a7be2502df296b60.svg);
}
span.f-arrow-circle-down-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-circle-down-f6d407ae91eadd6b33525fe7fd12df530a982d00839c3c849b04e6773800464e.svg);
  mask-image: url(/assets/outline/arrow-circle-down-f6d407ae91eadd6b33525fe7fd12df530a982d00839c3c849b04e6773800464e.svg);
}
span.f-arrow-circle-down-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-circle-down-45bd33eeaac833adbf19b2a003652fb7083aa2c3e8c71a85a7be2502df296b60.svg);
  mask-image: url(/assets/solid/arrow-circle-down-45bd33eeaac833adbf19b2a003652fb7083aa2c3e8c71a85a7be2502df296b60.svg);
}
span.f-folder-download {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-download-3705e100a6ad3c6366e44006466f8f1ac7781240436a0f42219f2bebcb787b42.svg);
  mask-image: url(/assets/solid/folder-download-3705e100a6ad3c6366e44006466f8f1ac7781240436a0f42219f2bebcb787b42.svg);
}
span.f-folder-download-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/folder-download-c32a4e00f6a4ffcef5d79458e2c7019099ab054d8c09c7fdad8f02b696293c4b.svg);
  mask-image: url(/assets/outline/folder-download-c32a4e00f6a4ffcef5d79458e2c7019099ab054d8c09c7fdad8f02b696293c4b.svg);
}
span.f-folder-download-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-download-3705e100a6ad3c6366e44006466f8f1ac7781240436a0f42219f2bebcb787b42.svg);
  mask-image: url(/assets/solid/folder-download-3705e100a6ad3c6366e44006466f8f1ac7781240436a0f42219f2bebcb787b42.svg);
}
span.f-chart-pie {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chart-pie-edb2d0923fba6d912578df112c0d81ff1815db77a0ccf87884ad671209107ce6.svg);
  mask-image: url(/assets/solid/chart-pie-edb2d0923fba6d912578df112c0d81ff1815db77a0ccf87884ad671209107ce6.svg);
}
span.f-chart-pie-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chart-pie-1fea9ff55295c24f0c24066ea6958074e476fac3d5bff9012b88f746ed89c178.svg);
  mask-image: url(/assets/outline/chart-pie-1fea9ff55295c24f0c24066ea6958074e476fac3d5bff9012b88f746ed89c178.svg);
}
span.f-chart-pie-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chart-pie-edb2d0923fba6d912578df112c0d81ff1815db77a0ccf87884ad671209107ce6.svg);
  mask-image: url(/assets/solid/chart-pie-edb2d0923fba6d912578df112c0d81ff1815db77a0ccf87884ad671209107ce6.svg);
}
span.f-cash {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cash-cc705ecf75cbf17b02c82295ceb4dfd98062b80b84ca7cacb2d7d0b1b589000c.svg);
  mask-image: url(/assets/solid/cash-cc705ecf75cbf17b02c82295ceb4dfd98062b80b84ca7cacb2d7d0b1b589000c.svg);
}
span.f-cash-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cash-659847d0ab7743f593006f3e2f9c0fab0279f139591df01c31f4143fda03e8ed.svg);
  mask-image: url(/assets/outline/cash-659847d0ab7743f593006f3e2f9c0fab0279f139591df01c31f4143fda03e8ed.svg);
}
span.f-cash-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cash-cc705ecf75cbf17b02c82295ceb4dfd98062b80b84ca7cacb2d7d0b1b589000c.svg);
  mask-image: url(/assets/solid/cash-cc705ecf75cbf17b02c82295ceb4dfd98062b80b84ca7cacb2d7d0b1b589000c.svg);
}
span.f-mail-open {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/mail-open-ffc2288a7233ede25b9b83da5e3b3cbd45f2b72489352f8f005dfd3c7eced175.svg);
  mask-image: url(/assets/solid/mail-open-ffc2288a7233ede25b9b83da5e3b3cbd45f2b72489352f8f005dfd3c7eced175.svg);
}
span.f-mail-open-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/mail-open-5b2ba65bb6db2f406374052800492053806d1cd8f955d172966fabe07388646c.svg);
  mask-image: url(/assets/outline/mail-open-5b2ba65bb6db2f406374052800492053806d1cd8f955d172966fabe07388646c.svg);
}
span.f-mail-open-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/mail-open-ffc2288a7233ede25b9b83da5e3b3cbd45f2b72489352f8f005dfd3c7eced175.svg);
  mask-image: url(/assets/solid/mail-open-ffc2288a7233ede25b9b83da5e3b3cbd45f2b72489352f8f005dfd3c7eced175.svg);
}
span.f-collection {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/collection-a036cf22f61fa2478fe96f9f5ee1527bf78d2eb5a686b6555305fe1149582e09.svg);
  mask-image: url(/assets/solid/collection-a036cf22f61fa2478fe96f9f5ee1527bf78d2eb5a686b6555305fe1149582e09.svg);
}
span.f-collection-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/collection-df4b82453d1c34c8d964beffa97e0430be0eb224307121aa15adb2ae7d62f0de.svg);
  mask-image: url(/assets/outline/collection-df4b82453d1c34c8d964beffa97e0430be0eb224307121aa15adb2ae7d62f0de.svg);
}
span.f-collection-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/collection-a036cf22f61fa2478fe96f9f5ee1527bf78d2eb5a686b6555305fe1149582e09.svg);
  mask-image: url(/assets/solid/collection-a036cf22f61fa2478fe96f9f5ee1527bf78d2eb5a686b6555305fe1149582e09.svg);
}
span.f-search-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/search-circle-dc43edb5b0515b56f3a0c5d5d2f377c576bb99ed997c93e7d21f6a42ed020737.svg);
  mask-image: url(/assets/solid/search-circle-dc43edb5b0515b56f3a0c5d5d2f377c576bb99ed997c93e7d21f6a42ed020737.svg);
}
span.f-search-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/search-circle-f1272426be63a3edf6600fa80fdd9db6924891efa7fa9c965ccaf23ce19512c6.svg);
  mask-image: url(/assets/outline/search-circle-f1272426be63a3edf6600fa80fdd9db6924891efa7fa9c965ccaf23ce19512c6.svg);
}
span.f-search-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/search-circle-dc43edb5b0515b56f3a0c5d5d2f377c576bb99ed997c93e7d21f6a42ed020737.svg);
  mask-image: url(/assets/solid/search-circle-dc43edb5b0515b56f3a0c5d5d2f377c576bb99ed997c93e7d21f6a42ed020737.svg);
}
span.f-plus-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/plus-circle-187c6c0933ea7ec8d8c4b22c7516897062fd820a89a2fc0697dbc2523b65c90e.svg);
  mask-image: url(/assets/solid/plus-circle-187c6c0933ea7ec8d8c4b22c7516897062fd820a89a2fc0697dbc2523b65c90e.svg);
}
span.f-plus-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/plus-circle-0c117d5ebf5fb034d7ecb1dd363c1147ae61c1284afc93c9e845801e8e2758b0.svg);
  mask-image: url(/assets/outline/plus-circle-0c117d5ebf5fb034d7ecb1dd363c1147ae61c1284afc93c9e845801e8e2758b0.svg);
}
span.f-plus-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/plus-circle-187c6c0933ea7ec8d8c4b22c7516897062fd820a89a2fc0697dbc2523b65c90e.svg);
  mask-image: url(/assets/solid/plus-circle-187c6c0933ea7ec8d8c4b22c7516897062fd820a89a2fc0697dbc2523b65c90e.svg);
}
span.f-arrow-narrow-down {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-down-ead4818594b11bb7b91d33aaf4759c33a6b16491996cd647e9663a9b94825a7e.svg);
  mask-image: url(/assets/solid/arrow-narrow-down-ead4818594b11bb7b91d33aaf4759c33a6b16491996cd647e9663a9b94825a7e.svg);
}
span.f-arrow-narrow-down-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-narrow-down-569ebc370e1a81d66657bc6cfcc1d114f629544342fc6beff3d935f97550cd52.svg);
  mask-image: url(/assets/outline/arrow-narrow-down-569ebc370e1a81d66657bc6cfcc1d114f629544342fc6beff3d935f97550cd52.svg);
}
span.f-arrow-narrow-down-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-down-ead4818594b11bb7b91d33aaf4759c33a6b16491996cd647e9663a9b94825a7e.svg);
  mask-image: url(/assets/solid/arrow-narrow-down-ead4818594b11bb7b91d33aaf4759c33a6b16491996cd647e9663a9b94825a7e.svg);
}
span.f-information-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/information-circle-b768f776fc3cc685525a799d46fe2fd208f7ed0f16e6d18eb3fc3d0fa54f8be9.svg);
  mask-image: url(/assets/solid/information-circle-b768f776fc3cc685525a799d46fe2fd208f7ed0f16e6d18eb3fc3d0fa54f8be9.svg);
}
span.f-information-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/information-circle-e430db580967cdb741800fe9161bbce52adc7a26a54c5a5f7a2e85a7fb7be531.svg);
  mask-image: url(/assets/outline/information-circle-e430db580967cdb741800fe9161bbce52adc7a26a54c5a5f7a2e85a7fb7be531.svg);
}
span.f-information-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/information-circle-b768f776fc3cc685525a799d46fe2fd208f7ed0f16e6d18eb3fc3d0fa54f8be9.svg);
  mask-image: url(/assets/solid/information-circle-b768f776fc3cc685525a799d46fe2fd208f7ed0f16e6d18eb3fc3d0fa54f8be9.svg);
}
span.f-credit-card {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/credit-card-8f24cc989ded4a27d64adef8a54a75c856f009666d38f7feaea6a635d63322e7.svg);
  mask-image: url(/assets/solid/credit-card-8f24cc989ded4a27d64adef8a54a75c856f009666d38f7feaea6a635d63322e7.svg);
}
span.f-credit-card-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/credit-card-d35a11ad413cf2481e2fd46171ba4102f90e60f975e7295bfccb4bf8726f4726.svg);
  mask-image: url(/assets/outline/credit-card-d35a11ad413cf2481e2fd46171ba4102f90e60f975e7295bfccb4bf8726f4726.svg);
}
span.f-credit-card-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/credit-card-8f24cc989ded4a27d64adef8a54a75c856f009666d38f7feaea6a635d63322e7.svg);
  mask-image: url(/assets/solid/credit-card-8f24cc989ded4a27d64adef8a54a75c856f009666d38f7feaea6a635d63322e7.svg);
}
span.f-user-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-circle-4a590a94a9bfeb72527a0be9854cb4670acc703e9828b9150ba274af583ad635.svg);
  mask-image: url(/assets/solid/user-circle-4a590a94a9bfeb72527a0be9854cb4670acc703e9828b9150ba274af583ad635.svg);
}
span.f-user-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/user-circle-66200acb563cf753662974cbbc551ea7dd783bcedfe3a64259c30cd080bc6444.svg);
  mask-image: url(/assets/outline/user-circle-66200acb563cf753662974cbbc551ea7dd783bcedfe3a64259c30cd080bc6444.svg);
}
span.f-user-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-circle-4a590a94a9bfeb72527a0be9854cb4670acc703e9828b9150ba274af583ad635.svg);
  mask-image: url(/assets/solid/user-circle-4a590a94a9bfeb72527a0be9854cb4670acc703e9828b9150ba274af583ad635.svg);
}
span.f-lightning-bolt {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/lightning-bolt-462636ed9c5e293af1a834affd5b78f62b9ad9a95604b79bb3dc708d664b1b77.svg);
  mask-image: url(/assets/solid/lightning-bolt-462636ed9c5e293af1a834affd5b78f62b9ad9a95604b79bb3dc708d664b1b77.svg);
}
span.f-lightning-bolt-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/lightning-bolt-3c003baf6feb90d2f6abd5ea56827a3cde858b8db01c275f372476baf3f5f24d.svg);
  mask-image: url(/assets/outline/lightning-bolt-3c003baf6feb90d2f6abd5ea56827a3cde858b8db01c275f372476baf3f5f24d.svg);
}
span.f-lightning-bolt-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/lightning-bolt-462636ed9c5e293af1a834affd5b78f62b9ad9a95604b79bb3dc708d664b1b77.svg);
  mask-image: url(/assets/solid/lightning-bolt-462636ed9c5e293af1a834affd5b78f62b9ad9a95604b79bb3dc708d664b1b77.svg);
}
span.f-office-building {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/office-building-da03b7464a07351dcba6dfdb86a98156a28234f3fddcd68052efbfaec2857139.svg);
  mask-image: url(/assets/solid/office-building-da03b7464a07351dcba6dfdb86a98156a28234f3fddcd68052efbfaec2857139.svg);
}
span.f-office-building-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/office-building-92939bd98ef5232f3db5645a446ac04f81364f1d0f45a3b3384a6978778726bc.svg);
  mask-image: url(/assets/outline/office-building-92939bd98ef5232f3db5645a446ac04f81364f1d0f45a3b3384a6978778726bc.svg);
}
span.f-office-building-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/office-building-da03b7464a07351dcba6dfdb86a98156a28234f3fddcd68052efbfaec2857139.svg);
  mask-image: url(/assets/solid/office-building-da03b7464a07351dcba6dfdb86a98156a28234f3fddcd68052efbfaec2857139.svg);
}
span.f-pencil {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/pencil-36be85c62213fe027429cb64725ffad25c12645244a40cfd200b8032985b2b12.svg);
  mask-image: url(/assets/solid/pencil-36be85c62213fe027429cb64725ffad25c12645244a40cfd200b8032985b2b12.svg);
}
span.f-pencil-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/pencil-5ed7fe3b787aa80694ae8612c879985a4d67ca6abca13d39464e7ffbd75ec3b2.svg);
  mask-image: url(/assets/outline/pencil-5ed7fe3b787aa80694ae8612c879985a4d67ca6abca13d39464e7ffbd75ec3b2.svg);
}
span.f-pencil-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/pencil-36be85c62213fe027429cb64725ffad25c12645244a40cfd200b8032985b2b12.svg);
  mask-image: url(/assets/solid/pencil-36be85c62213fe027429cb64725ffad25c12645244a40cfd200b8032985b2b12.svg);
}
span.f-status-offline {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/status-offline-bcdbafaf058a4421b5b19be84b85b6091d2e4c5dd2db2a3b61d28c0fc768a60e.svg);
  mask-image: url(/assets/solid/status-offline-bcdbafaf058a4421b5b19be84b85b6091d2e4c5dd2db2a3b61d28c0fc768a60e.svg);
}
span.f-status-offline-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/status-offline-6d2be96c94ff63e7d17a0db568ed11d597cb24076a77117324f7f817f93446a8.svg);
  mask-image: url(/assets/outline/status-offline-6d2be96c94ff63e7d17a0db568ed11d597cb24076a77117324f7f817f93446a8.svg);
}
span.f-status-offline-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/status-offline-bcdbafaf058a4421b5b19be84b85b6091d2e4c5dd2db2a3b61d28c0fc768a60e.svg);
  mask-image: url(/assets/solid/status-offline-bcdbafaf058a4421b5b19be84b85b6091d2e4c5dd2db2a3b61d28c0fc768a60e.svg);
}
span.f-user-group, span.f-organisation {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-group-d2912d85fcbe8168754f110cf01e7647639338f98ced4583cebcbcc9987d3838.svg);
  mask-image: url(/assets/solid/user-group-d2912d85fcbe8168754f110cf01e7647639338f98ced4583cebcbcc9987d3838.svg);
}
span.f-user-group-o, span.f-organisation-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/user-group-03ebab4f9f671f3943cf177ad3b920948e57dad4a3bad245683923e955dc8ce7.svg);
  mask-image: url(/assets/outline/user-group-03ebab4f9f671f3943cf177ad3b920948e57dad4a3bad245683923e955dc8ce7.svg);
}
span.f-user-group-sm, span.f-organisation-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/user-group-d2912d85fcbe8168754f110cf01e7647639338f98ced4583cebcbcc9987d3838.svg);
  mask-image: url(/assets/solid/user-group-d2912d85fcbe8168754f110cf01e7647639338f98ced4583cebcbcc9987d3838.svg);
}
span.f-document-duplicate {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-duplicate-661e22e4a8c6a020e4f7353f1bc0f15f398d78b8a7fb3bb3578c98ead4652786.svg);
  mask-image: url(/assets/solid/document-duplicate-661e22e4a8c6a020e4f7353f1bc0f15f398d78b8a7fb3bb3578c98ead4652786.svg);
}
span.f-document-duplicate-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-duplicate-bf5c0af9b446e540faa791d305a6cdf46845bf1053a4ad36c2b3e8bd69808f9f.svg);
  mask-image: url(/assets/outline/document-duplicate-bf5c0af9b446e540faa791d305a6cdf46845bf1053a4ad36c2b3e8bd69808f9f.svg);
}
span.f-document-duplicate-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-duplicate-661e22e4a8c6a020e4f7353f1bc0f15f398d78b8a7fb3bb3578c98ead4652786.svg);
  mask-image: url(/assets/solid/document-duplicate-661e22e4a8c6a020e4f7353f1bc0f15f398d78b8a7fb3bb3578c98ead4652786.svg);
}
span.f-clock {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clock-f4eb100d47744daed7fa63811d850dedfee02ff62d3774f67b220c633f71b61f.svg);
  mask-image: url(/assets/solid/clock-f4eb100d47744daed7fa63811d850dedfee02ff62d3774f67b220c633f71b61f.svg);
}
span.f-clock-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/clock-6dab98d0e750bef12396ec09a87ca45e23a12d68399a570ee33abef0f374aebe.svg);
  mask-image: url(/assets/outline/clock-6dab98d0e750bef12396ec09a87ca45e23a12d68399a570ee33abef0f374aebe.svg);
}
span.f-clock-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clock-f4eb100d47744daed7fa63811d850dedfee02ff62d3774f67b220c633f71b61f.svg);
  mask-image: url(/assets/solid/clock-f4eb100d47744daed7fa63811d850dedfee02ff62d3774f67b220c633f71b61f.svg);
}
span.f-phone {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-97998310675f5aab8370a5b0f84243d37312ab2a51a69c25829d16369edcab37.svg);
  mask-image: url(/assets/solid/phone-97998310675f5aab8370a5b0f84243d37312ab2a51a69c25829d16369edcab37.svg);
}
span.f-phone-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/phone-e5141833d4caa41aa3e4597215323bdc08244aa26e13f2fbdd12e844b499cb12.svg);
  mask-image: url(/assets/outline/phone-e5141833d4caa41aa3e4597215323bdc08244aa26e13f2fbdd12e844b499cb12.svg);
}
span.f-phone-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-97998310675f5aab8370a5b0f84243d37312ab2a51a69c25829d16369edcab37.svg);
  mask-image: url(/assets/solid/phone-97998310675f5aab8370a5b0f84243d37312ab2a51a69c25829d16369edcab37.svg);
}
span.f-eye {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/eye-779240582494c6a9696beb0c8f21c20fc234510930e9e2ad53d1ab677b1f0dfd.svg);
  mask-image: url(/assets/solid/eye-779240582494c6a9696beb0c8f21c20fc234510930e9e2ad53d1ab677b1f0dfd.svg);
}
span.f-eye-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/eye-84e47840b33fa99409678b6542abe7b3167628f4f8b5e6d5e4d975dfaeaef2c9.svg);
  mask-image: url(/assets/outline/eye-84e47840b33fa99409678b6542abe7b3167628f4f8b5e6d5e4d975dfaeaef2c9.svg);
}
span.f-eye-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/eye-779240582494c6a9696beb0c8f21c20fc234510930e9e2ad53d1ab677b1f0dfd.svg);
  mask-image: url(/assets/solid/eye-779240582494c6a9696beb0c8f21c20fc234510930e9e2ad53d1ab677b1f0dfd.svg);
}
span.f-light-bulb {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/light-bulb-78be3fd22940ba3a66ed279b89c19e4f1a71d40b686c4b93960fb08e58081061.svg);
  mask-image: url(/assets/solid/light-bulb-78be3fd22940ba3a66ed279b89c19e4f1a71d40b686c4b93960fb08e58081061.svg);
}
span.f-light-bulb-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/light-bulb-e98018adbc9f7bb6cc4f6f0be76b8ca2e7189100cfb85aaec48896819dbce1f4.svg);
  mask-image: url(/assets/outline/light-bulb-e98018adbc9f7bb6cc4f6f0be76b8ca2e7189100cfb85aaec48896819dbce1f4.svg);
}
span.f-light-bulb-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/light-bulb-78be3fd22940ba3a66ed279b89c19e4f1a71d40b686c4b93960fb08e58081061.svg);
  mask-image: url(/assets/solid/light-bulb-78be3fd22940ba3a66ed279b89c19e4f1a71d40b686c4b93960fb08e58081061.svg);
}
span.f-phone-missed-call {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-missed-call-3af080cf2e9503aeb767509a6b23d656057feb783f276a07729e263f3d2dac46.svg);
  mask-image: url(/assets/solid/phone-missed-call-3af080cf2e9503aeb767509a6b23d656057feb783f276a07729e263f3d2dac46.svg);
}
span.f-phone-missed-call-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/phone-missed-call-ae95cdd6393afae335bd949b2a8712b42c0a89c26aa8189e9a91dfe36935f046.svg);
  mask-image: url(/assets/outline/phone-missed-call-ae95cdd6393afae335bd949b2a8712b42c0a89c26aa8189e9a91dfe36935f046.svg);
}
span.f-phone-missed-call-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-missed-call-3af080cf2e9503aeb767509a6b23d656057feb783f276a07729e263f3d2dac46.svg);
  mask-image: url(/assets/solid/phone-missed-call-3af080cf2e9503aeb767509a6b23d656057feb783f276a07729e263f3d2dac46.svg);
}
span.f-gift {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/gift-8b5d6365136091372463eadec28dc864bc97b23bc90228c3c90340e34cda1e39.svg);
  mask-image: url(/assets/solid/gift-8b5d6365136091372463eadec28dc864bc97b23bc90228c3c90340e34cda1e39.svg);
}
span.f-gift-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/gift-6c74f2444b36e8be78d5f96f0e046c97d15d4d0a5d9a100016670206b68d131c.svg);
  mask-image: url(/assets/outline/gift-6c74f2444b36e8be78d5f96f0e046c97d15d4d0a5d9a100016670206b68d131c.svg);
}
span.f-gift-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/gift-8b5d6365136091372463eadec28dc864bc97b23bc90228c3c90340e34cda1e39.svg);
  mask-image: url(/assets/solid/gift-8b5d6365136091372463eadec28dc864bc97b23bc90228c3c90340e34cda1e39.svg);
}
span.f-external-link {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/external-link-6c17703fb74622c807752dc4ab2a4317594bdfcd16a3f86fdf36d79f88b060b6.svg);
  mask-image: url(/assets/solid/external-link-6c17703fb74622c807752dc4ab2a4317594bdfcd16a3f86fdf36d79f88b060b6.svg);
}
span.f-external-link-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/external-link-aa750386c74157ff42a8baf79f9bef9d2d1c40d4bf87fce61a09c89460ceb117.svg);
  mask-image: url(/assets/outline/external-link-aa750386c74157ff42a8baf79f9bef9d2d1c40d4bf87fce61a09c89460ceb117.svg);
}
span.f-external-link-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/external-link-6c17703fb74622c807752dc4ab2a4317594bdfcd16a3f86fdf36d79f88b060b6.svg);
  mask-image: url(/assets/solid/external-link-6c17703fb74622c807752dc4ab2a4317594bdfcd16a3f86fdf36d79f88b060b6.svg);
}
span.f-question-mark-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/question-mark-circle-1185403d7e567bebce3c05c5b785451f9c084337a25dc9c731ba92e5a5ee2002.svg);
  mask-image: url(/assets/solid/question-mark-circle-1185403d7e567bebce3c05c5b785451f9c084337a25dc9c731ba92e5a5ee2002.svg);
}
span.f-question-mark-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/question-mark-circle-e73128f6e3f0cb4039fdc96ff3648a057d0d25e02d304f86e2ccf673caa5152b.svg);
  mask-image: url(/assets/outline/question-mark-circle-e73128f6e3f0cb4039fdc96ff3648a057d0d25e02d304f86e2ccf673caa5152b.svg);
}
span.f-question-mark-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/question-mark-circle-1185403d7e567bebce3c05c5b785451f9c084337a25dc9c731ba92e5a5ee2002.svg);
  mask-image: url(/assets/solid/question-mark-circle-1185403d7e567bebce3c05c5b785451f9c084337a25dc9c731ba92e5a5ee2002.svg);
}
span.f-share {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/share-03e5d208385f0c8f8d935dd2d4ee63b503c57607f157349d97e9ff2699ec649f.svg);
  mask-image: url(/assets/solid/share-03e5d208385f0c8f8d935dd2d4ee63b503c57607f157349d97e9ff2699ec649f.svg);
}
span.f-share-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/share-eea34d00c961560d96176de479a280c76de705415342819ef90e55f71473b44e.svg);
  mask-image: url(/assets/outline/share-eea34d00c961560d96176de479a280c76de705415342819ef90e55f71473b44e.svg);
}
span.f-share-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/share-03e5d208385f0c8f8d935dd2d4ee63b503c57607f157349d97e9ff2699ec649f.svg);
  mask-image: url(/assets/solid/share-03e5d208385f0c8f8d935dd2d4ee63b503c57607f157349d97e9ff2699ec649f.svg);
}
span.f-arrow-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-up-bee3b74a37b962af3197577986115a44d4cc2c09c8ebffc0f5c3857f7d8cd70c.svg);
  mask-image: url(/assets/solid/arrow-up-bee3b74a37b962af3197577986115a44d4cc2c09c8ebffc0f5c3857f7d8cd70c.svg);
}
span.f-arrow-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-up-70e506ffa4a461a172431b74a4f89d407df5ada5f329e29b31acdb145db437fd.svg);
  mask-image: url(/assets/outline/arrow-up-70e506ffa4a461a172431b74a4f89d407df5ada5f329e29b31acdb145db437fd.svg);
}
span.f-arrow-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-up-bee3b74a37b962af3197577986115a44d4cc2c09c8ebffc0f5c3857f7d8cd70c.svg);
  mask-image: url(/assets/solid/arrow-up-bee3b74a37b962af3197577986115a44d4cc2c09c8ebffc0f5c3857f7d8cd70c.svg);
}
span.f-folder-add {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-add-0939f68d9731b4037ca222491692a728ca4abf53f0abd0988765e5d69ad9f3e8.svg);
  mask-image: url(/assets/solid/folder-add-0939f68d9731b4037ca222491692a728ca4abf53f0abd0988765e5d69ad9f3e8.svg);
}
span.f-folder-add-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/folder-add-7123839e4dc9eac4be47e3742be4e41b835698f9ecf69710f0269b3b5834af1d.svg);
  mask-image: url(/assets/outline/folder-add-7123839e4dc9eac4be47e3742be4e41b835698f9ecf69710f0269b3b5834af1d.svg);
}
span.f-folder-add-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-add-0939f68d9731b4037ca222491692a728ca4abf53f0abd0988765e5d69ad9f3e8.svg);
  mask-image: url(/assets/solid/folder-add-0939f68d9731b4037ca222491692a728ca4abf53f0abd0988765e5d69ad9f3e8.svg);
}
span.f-filter {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/filter-7f41bc5d1a2c2b4e907c8a09ff12cebc80f3d0dbd72e7cab2248cb85bb612891.svg);
  mask-image: url(/assets/solid/filter-7f41bc5d1a2c2b4e907c8a09ff12cebc80f3d0dbd72e7cab2248cb85bb612891.svg);
}
span.f-filter-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/filter-51422956687f1519e4ec649030b128959eff07bbb7457e44524ba10fb451a544.svg);
  mask-image: url(/assets/outline/filter-51422956687f1519e4ec649030b128959eff07bbb7457e44524ba10fb451a544.svg);
}
span.f-filter-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/filter-7f41bc5d1a2c2b4e907c8a09ff12cebc80f3d0dbd72e7cab2248cb85bb612891.svg);
  mask-image: url(/assets/solid/filter-7f41bc5d1a2c2b4e907c8a09ff12cebc80f3d0dbd72e7cab2248cb85bb612891.svg);
}
span.f-arrow-narrow-right {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-right-cc88f9450239fc405e133a958376358b13e01a6321a27dc6cba64c7fe5149956.svg);
  mask-image: url(/assets/solid/arrow-narrow-right-cc88f9450239fc405e133a958376358b13e01a6321a27dc6cba64c7fe5149956.svg);
}
span.f-arrow-narrow-right-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-narrow-right-9636d14b7657bc0a9a55e002b5c47e2f5c45cdb6a6d7178666aae36f6f8259d3.svg);
  mask-image: url(/assets/outline/arrow-narrow-right-9636d14b7657bc0a9a55e002b5c47e2f5c45cdb6a6d7178666aae36f6f8259d3.svg);
}
span.f-arrow-narrow-right-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-narrow-right-cc88f9450239fc405e133a958376358b13e01a6321a27dc6cba64c7fe5149956.svg);
  mask-image: url(/assets/solid/arrow-narrow-right-cc88f9450239fc405e133a958376358b13e01a6321a27dc6cba64c7fe5149956.svg);
}
span.f-phone-incoming {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-incoming-332e31e2663eb384c4ceaa49392688ad4419603500e1c347fbb62df6922a26cf.svg);
  mask-image: url(/assets/solid/phone-incoming-332e31e2663eb384c4ceaa49392688ad4419603500e1c347fbb62df6922a26cf.svg);
}
span.f-phone-incoming-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/phone-incoming-f689b935a3581c9b8ba85027ee475cb0a7796e5c04db81db5aaca52928bf363a.svg);
  mask-image: url(/assets/outline/phone-incoming-f689b935a3581c9b8ba85027ee475cb0a7796e5c04db81db5aaca52928bf363a.svg);
}
span.f-phone-incoming-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/phone-incoming-332e31e2663eb384c4ceaa49392688ad4419603500e1c347fbb62df6922a26cf.svg);
  mask-image: url(/assets/solid/phone-incoming-332e31e2663eb384c4ceaa49392688ad4419603500e1c347fbb62df6922a26cf.svg);
}
span.f-photograph {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/photograph-30b542eceae1337a5f4fab8f563bca705cd662f7939a4fc7ef78fa373e31a9f6.svg);
  mask-image: url(/assets/solid/photograph-30b542eceae1337a5f4fab8f563bca705cd662f7939a4fc7ef78fa373e31a9f6.svg);
}
span.f-photograph-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/photograph-a01078e7be8ef7e1df98c3340814e3886222a2c7d100566d5c8fc519a7dc591e.svg);
  mask-image: url(/assets/outline/photograph-a01078e7be8ef7e1df98c3340814e3886222a2c7d100566d5c8fc519a7dc591e.svg);
}
span.f-photograph-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/photograph-30b542eceae1337a5f4fab8f563bca705cd662f7939a4fc7ef78fa373e31a9f6.svg);
  mask-image: url(/assets/solid/photograph-30b542eceae1337a5f4fab8f563bca705cd662f7939a4fc7ef78fa373e31a9f6.svg);
}
span.f-calendar {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/calendar-aac2dab321e5e632f14bb537b4e85ae775d60bba1ea01337a1cc644ffd5ce4f4.svg);
  mask-image: url(/assets/solid/calendar-aac2dab321e5e632f14bb537b4e85ae775d60bba1ea01337a1cc644ffd5ce4f4.svg);
}
span.f-calendar-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/calendar-17acbdf6cefb1524196f48e92d37432226bffa4a698462d9cf0c082092182af1.svg);
  mask-image: url(/assets/outline/calendar-17acbdf6cefb1524196f48e92d37432226bffa4a698462d9cf0c082092182af1.svg);
}
span.f-calendar-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/calendar-aac2dab321e5e632f14bb537b4e85ae775d60bba1ea01337a1cc644ffd5ce4f4.svg);
  mask-image: url(/assets/solid/calendar-aac2dab321e5e632f14bb537b4e85ae775d60bba1ea01337a1cc644ffd5ce4f4.svg);
}
span.f-video-camera {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/video-camera-ab2d9443d8806c8d048b6030bb753ef1a7c048f625195d0c390c3db9afb87cb9.svg);
  mask-image: url(/assets/solid/video-camera-ab2d9443d8806c8d048b6030bb753ef1a7c048f625195d0c390c3db9afb87cb9.svg);
}
span.f-video-camera-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/video-camera-24268eb47fc80707d8a223535b7b6dd482fc740f8292b9f821348a6b80f2eb70.svg);
  mask-image: url(/assets/outline/video-camera-24268eb47fc80707d8a223535b7b6dd482fc740f8292b9f821348a6b80f2eb70.svg);
}
span.f-video-camera-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/video-camera-ab2d9443d8806c8d048b6030bb753ef1a7c048f625195d0c390c3db9afb87cb9.svg);
  mask-image: url(/assets/solid/video-camera-ab2d9443d8806c8d048b6030bb753ef1a7c048f625195d0c390c3db9afb87cb9.svg);
}
span.f-globe, span.f-zone, span.f-region {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/globe-7e0b755a1eba008b0624e77f35c4d71726ed71e4c2a9bf9acbb639e6cda54d31.svg);
  mask-image: url(/assets/solid/globe-7e0b755a1eba008b0624e77f35c4d71726ed71e4c2a9bf9acbb639e6cda54d31.svg);
}
span.f-globe-o, span.f-zone-o, span.f-region-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/globe-16eb3a534b444ab4db2d3836beaf6bdd37a97dcbf6453070db92521ada75fc10.svg);
  mask-image: url(/assets/outline/globe-16eb3a534b444ab4db2d3836beaf6bdd37a97dcbf6453070db92521ada75fc10.svg);
}
span.f-globe-sm, span.f-zone-sm, span.f-region-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/globe-7e0b755a1eba008b0624e77f35c4d71726ed71e4c2a9bf9acbb639e6cda54d31.svg);
  mask-image: url(/assets/solid/globe-7e0b755a1eba008b0624e77f35c4d71726ed71e4c2a9bf9acbb639e6cda54d31.svg);
}
span.f-arrow-left {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-left-5b7c11d68699d603c00253d1661bd028257529cca0b40a4e2be8c2eeb8247f63.svg);
  mask-image: url(/assets/solid/arrow-left-5b7c11d68699d603c00253d1661bd028257529cca0b40a4e2be8c2eeb8247f63.svg);
}
span.f-arrow-left-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/arrow-left-6c7db4aa50c312b8a7c390e01cc8722e176ad703d08069820b73aae9b9604978.svg);
  mask-image: url(/assets/outline/arrow-left-6c7db4aa50c312b8a7c390e01cc8722e176ad703d08069820b73aae9b9604978.svg);
}
span.f-arrow-left-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/arrow-left-5b7c11d68699d603c00253d1661bd028257529cca0b40a4e2be8c2eeb8247f63.svg);
  mask-image: url(/assets/solid/arrow-left-5b7c11d68699d603c00253d1661bd028257529cca0b40a4e2be8c2eeb8247f63.svg);
}
span.f-minus-circle {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/minus-circle-d7af37fb3ad27b0c00a44e36df728c42f44fa03f4c316f5d791398b8a317d07a.svg);
  mask-image: url(/assets/solid/minus-circle-d7af37fb3ad27b0c00a44e36df728c42f44fa03f4c316f5d791398b8a317d07a.svg);
}
span.f-minus-circle-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/minus-circle-9e6cd38af751002107171425528a36cddae92e2d3e380ffd2ab1069a662cd834.svg);
  mask-image: url(/assets/outline/minus-circle-9e6cd38af751002107171425528a36cddae92e2d3e380ffd2ab1069a662cd834.svg);
}
span.f-minus-circle-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/minus-circle-d7af37fb3ad27b0c00a44e36df728c42f44fa03f4c316f5d791398b8a317d07a.svg);
  mask-image: url(/assets/solid/minus-circle-d7af37fb3ad27b0c00a44e36df728c42f44fa03f4c316f5d791398b8a317d07a.svg);
}
span.f-desktop-computer {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/desktop-computer-2f3640fb8be2836fda14eacfa4b2db2dbbc63941eb7245fd24956d2a89266cf4.svg);
  mask-image: url(/assets/solid/desktop-computer-2f3640fb8be2836fda14eacfa4b2db2dbbc63941eb7245fd24956d2a89266cf4.svg);
}
span.f-desktop-computer-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/desktop-computer-e43bdbc36d56371dc5285501f2bdd91f7a50173d76e96d31febd38803e89a7e1.svg);
  mask-image: url(/assets/outline/desktop-computer-e43bdbc36d56371dc5285501f2bdd91f7a50173d76e96d31febd38803e89a7e1.svg);
}
span.f-desktop-computer-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/desktop-computer-2f3640fb8be2836fda14eacfa4b2db2dbbc63941eb7245fd24956d2a89266cf4.svg);
  mask-image: url(/assets/solid/desktop-computer-2f3640fb8be2836fda14eacfa4b2db2dbbc63941eb7245fd24956d2a89266cf4.svg);
}
span.f-lock-closed {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/lock-closed-f4f55fa8e386029dc539ca8a4f8671c46c27abd380920143309b6969c752af80.svg);
  mask-image: url(/assets/solid/lock-closed-f4f55fa8e386029dc539ca8a4f8671c46c27abd380920143309b6969c752af80.svg);
}
span.f-lock-closed-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/lock-closed-b1f6f1c8645376f767f1e04b46a77c0e74deef22f981136661b175bf58a99adc.svg);
  mask-image: url(/assets/outline/lock-closed-b1f6f1c8645376f767f1e04b46a77c0e74deef22f981136661b175bf58a99adc.svg);
}
span.f-lock-closed-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/lock-closed-f4f55fa8e386029dc539ca8a4f8671c46c27abd380920143309b6969c752af80.svg);
  mask-image: url(/assets/solid/lock-closed-f4f55fa8e386029dc539ca8a4f8671c46c27abd380920143309b6969c752af80.svg);
}
span.f-finger-print {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/finger-print-ab147915699a2bcdade199b21375e269376d0fa51e269f8349887b4c208655a5.svg);
  mask-image: url(/assets/solid/finger-print-ab147915699a2bcdade199b21375e269376d0fa51e269f8349887b4c208655a5.svg);
}
span.f-finger-print-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/finger-print-e8c2955b0a6dcb4bff84bf730f09f5884f35abf30798df678d598d7dc3fb67a2.svg);
  mask-image: url(/assets/outline/finger-print-e8c2955b0a6dcb4bff84bf730f09f5884f35abf30798df678d598d7dc3fb67a2.svg);
}
span.f-finger-print-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/finger-print-ab147915699a2bcdade199b21375e269376d0fa51e269f8349887b4c208655a5.svg);
  mask-image: url(/assets/solid/finger-print-ab147915699a2bcdade199b21375e269376d0fa51e269f8349887b4c208655a5.svg);
}
span.f-cloud {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cloud-1a70361ae7dd1572798192c17f1fb1b5bdc0d0367069725d2a4da4ec6f378968.svg);
  mask-image: url(/assets/solid/cloud-1a70361ae7dd1572798192c17f1fb1b5bdc0d0367069725d2a4da4ec6f378968.svg);
}
span.f-cloud-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cloud-91468204678a79ae0c723d4813d00f34654bc99e05e29a81bdb77f9a14ee5363.svg);
  mask-image: url(/assets/outline/cloud-91468204678a79ae0c723d4813d00f34654bc99e05e29a81bdb77f9a14ee5363.svg);
}
span.f-cloud-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cloud-1a70361ae7dd1572798192c17f1fb1b5bdc0d0367069725d2a4da4ec6f378968.svg);
  mask-image: url(/assets/solid/cloud-1a70361ae7dd1572798192c17f1fb1b5bdc0d0367069725d2a4da4ec6f378968.svg);
}
span.f-document-remove {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-remove-4a57852f1f98c75fc71d2f827a73de4d718a1adffebf372a7694600b4611e947.svg);
  mask-image: url(/assets/solid/document-remove-4a57852f1f98c75fc71d2f827a73de4d718a1adffebf372a7694600b4611e947.svg);
}
span.f-document-remove-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/document-remove-a77f34641af3a4f6b272920ba5044e1ab9bec898834e3b3b63ba36d1941abc6f.svg);
  mask-image: url(/assets/outline/document-remove-a77f34641af3a4f6b272920ba5044e1ab9bec898834e3b3b63ba36d1941abc6f.svg);
}
span.f-document-remove-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/document-remove-4a57852f1f98c75fc71d2f827a73de4d718a1adffebf372a7694600b4611e947.svg);
  mask-image: url(/assets/solid/document-remove-4a57852f1f98c75fc71d2f827a73de4d718a1adffebf372a7694600b4611e947.svg);
}
span.f-rewind {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/rewind-f6a4364a002173073e2dba2ec140e6f44a497744d2edaf05b05aade803d77fd1.svg);
  mask-image: url(/assets/solid/rewind-f6a4364a002173073e2dba2ec140e6f44a497744d2edaf05b05aade803d77fd1.svg);
}
span.f-rewind-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/rewind-2937118da10a70e10e9330c979d533abdb0be500eba8b4803cc344d83d9c1481.svg);
  mask-image: url(/assets/outline/rewind-2937118da10a70e10e9330c979d533abdb0be500eba8b4803cc344d83d9c1481.svg);
}
span.f-rewind-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/rewind-f6a4364a002173073e2dba2ec140e6f44a497744d2edaf05b05aade803d77fd1.svg);
  mask-image: url(/assets/solid/rewind-f6a4364a002173073e2dba2ec140e6f44a497744d2edaf05b05aade803d77fd1.svg);
}
span.f-speakerphone {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/speakerphone-ff42f4ea9b4210e15eb08f12887ba8cbea185c0b20d7f1144a20df19ea3c6c16.svg);
  mask-image: url(/assets/solid/speakerphone-ff42f4ea9b4210e15eb08f12887ba8cbea185c0b20d7f1144a20df19ea3c6c16.svg);
}
span.f-speakerphone-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/speakerphone-32baf79c40dd68cf2a3a391cb084797cc126121cbc7cd91767defdffc87c67be.svg);
  mask-image: url(/assets/outline/speakerphone-32baf79c40dd68cf2a3a391cb084797cc126121cbc7cd91767defdffc87c67be.svg);
}
span.f-speakerphone-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/speakerphone-ff42f4ea9b4210e15eb08f12887ba8cbea185c0b20d7f1144a20df19ea3c6c16.svg);
  mask-image: url(/assets/solid/speakerphone-ff42f4ea9b4210e15eb08f12887ba8cbea185c0b20d7f1144a20df19ea3c6c16.svg);
}
span.f-upload {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/upload-4071b4d511dbaa002d9a2df74a9df527ed54e8ed63574cf02719e2b039a3b67a.svg);
  mask-image: url(/assets/solid/upload-4071b4d511dbaa002d9a2df74a9df527ed54e8ed63574cf02719e2b039a3b67a.svg);
}
span.f-upload-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/upload-ac5d1c4b269cea3594b53f876c20411c79416f6b3734fd892b1ff4a19937aed6.svg);
  mask-image: url(/assets/outline/upload-ac5d1c4b269cea3594b53f876c20411c79416f6b3734fd892b1ff4a19937aed6.svg);
}
span.f-upload-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/upload-4071b4d511dbaa002d9a2df74a9df527ed54e8ed63574cf02719e2b039a3b67a.svg);
  mask-image: url(/assets/solid/upload-4071b4d511dbaa002d9a2df74a9df527ed54e8ed63574cf02719e2b039a3b67a.svg);
}
span.f-trending-down {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/trending-down-d0797ca7c7372807a0d7275ec5405a21109df2f2663e08593b777f612b8cd964.svg);
  mask-image: url(/assets/solid/trending-down-d0797ca7c7372807a0d7275ec5405a21109df2f2663e08593b777f612b8cd964.svg);
}
span.f-trending-down-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/trending-down-a1add5c5ebca7b3ac10268a66448637f031e10990f9dd17c1fe07956ad5c7e46.svg);
  mask-image: url(/assets/outline/trending-down-a1add5c5ebca7b3ac10268a66448637f031e10990f9dd17c1fe07956ad5c7e46.svg);
}
span.f-trending-down-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/trending-down-d0797ca7c7372807a0d7275ec5405a21109df2f2663e08593b777f612b8cd964.svg);
  mask-image: url(/assets/solid/trending-down-d0797ca7c7372807a0d7275ec5405a21109df2f2663e08593b777f612b8cd964.svg);
}
span.f-pause {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/pause-48a7c79953149afee1d0641a66c8dfd4c0d5af0ca9b4532c1253c55039446510.svg);
  mask-image: url(/assets/solid/pause-48a7c79953149afee1d0641a66c8dfd4c0d5af0ca9b4532c1253c55039446510.svg);
}
span.f-pause-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/pause-311492f759d4b5a8002556ebbd97d8ee6687c84cf757f925c3f46c17c5fcae6e.svg);
  mask-image: url(/assets/outline/pause-311492f759d4b5a8002556ebbd97d8ee6687c84cf757f925c3f46c17c5fcae6e.svg);
}
span.f-pause-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/pause-48a7c79953149afee1d0641a66c8dfd4c0d5af0ca9b4532c1253c55039446510.svg);
  mask-image: url(/assets/solid/pause-48a7c79953149afee1d0641a66c8dfd4c0d5af0ca9b4532c1253c55039446510.svg);
}
span.f-bookmark {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/bookmark-107ecfcc01238065bc40f17c6fb217bf97f94bdeceb347cef1cc01f17a80ddd2.svg);
  mask-image: url(/assets/solid/bookmark-107ecfcc01238065bc40f17c6fb217bf97f94bdeceb347cef1cc01f17a80ddd2.svg);
}
span.f-bookmark-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/bookmark-fff33829cc11df3747615bc1398b5b499c9ae02c479b405e4ac5c592d7b57e56.svg);
  mask-image: url(/assets/outline/bookmark-fff33829cc11df3747615bc1398b5b499c9ae02c479b405e4ac5c592d7b57e56.svg);
}
span.f-bookmark-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/bookmark-107ecfcc01238065bc40f17c6fb217bf97f94bdeceb347cef1cc01f17a80ddd2.svg);
  mask-image: url(/assets/solid/bookmark-107ecfcc01238065bc40f17c6fb217bf97f94bdeceb347cef1cc01f17a80ddd2.svg);
}
span.f-switch-vertical {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/switch-vertical-41f5d4385daeb0fca2048d452594c7fdf88d06c997f19ff3d4da67ad71607e62.svg);
  mask-image: url(/assets/solid/switch-vertical-41f5d4385daeb0fca2048d452594c7fdf88d06c997f19ff3d4da67ad71607e62.svg);
}
span.f-switch-vertical-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/switch-vertical-571f23bc8b71ff74704794131ae85a0cfff9bf423383f768a656a2ffb6716b68.svg);
  mask-image: url(/assets/outline/switch-vertical-571f23bc8b71ff74704794131ae85a0cfff9bf423383f768a656a2ffb6716b68.svg);
}
span.f-switch-vertical-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/switch-vertical-41f5d4385daeb0fca2048d452594c7fdf88d06c997f19ff3d4da67ad71607e62.svg);
  mask-image: url(/assets/solid/switch-vertical-41f5d4385daeb0fca2048d452594c7fdf88d06c997f19ff3d4da67ad71607e62.svg);
}
span.f-currency-dollar {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-dollar-3ff03df6446670292d54312cdcb1cae9c111ab14a4f9f25594cde4a8c786d426.svg);
  mask-image: url(/assets/solid/currency-dollar-3ff03df6446670292d54312cdcb1cae9c111ab14a4f9f25594cde4a8c786d426.svg);
}
span.f-currency-dollar-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/currency-dollar-89c6bced3461d488f0fe17934ee357c37c2eb89c946dd49300aff287bb6eb817.svg);
  mask-image: url(/assets/outline/currency-dollar-89c6bced3461d488f0fe17934ee357c37c2eb89c946dd49300aff287bb6eb817.svg);
}
span.f-currency-dollar-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/currency-dollar-3ff03df6446670292d54312cdcb1cae9c111ab14a4f9f25594cde4a8c786d426.svg);
  mask-image: url(/assets/solid/currency-dollar-3ff03df6446670292d54312cdcb1cae9c111ab14a4f9f25594cde4a8c786d426.svg);
}
span.f-cloud-download {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cloud-download-04086646e2cb822be1b2d6998e67b0d184a855d20eb17243c6e67e5bc85720f3.svg);
  mask-image: url(/assets/solid/cloud-download-04086646e2cb822be1b2d6998e67b0d184a855d20eb17243c6e67e5bc85720f3.svg);
}
span.f-cloud-download-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/cloud-download-056215d8a882342a767febfb386efcf89ff9da2ffe2a70724618f28a3bf06645.svg);
  mask-image: url(/assets/outline/cloud-download-056215d8a882342a767febfb386efcf89ff9da2ffe2a70724618f28a3bf06645.svg);
}
span.f-cloud-download-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/cloud-download-04086646e2cb822be1b2d6998e67b0d184a855d20eb17243c6e67e5bc85720f3.svg);
  mask-image: url(/assets/solid/cloud-download-04086646e2cb822be1b2d6998e67b0d184a855d20eb17243c6e67e5bc85720f3.svg);
}
span.f-lock-open {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/lock-open-c7fed684bb2a5aa239a737c222e5de9229dcb09ce9e39e7b9f8acf3081ae6793.svg);
  mask-image: url(/assets/solid/lock-open-c7fed684bb2a5aa239a737c222e5de9229dcb09ce9e39e7b9f8acf3081ae6793.svg);
}
span.f-lock-open-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/lock-open-0fe09edec0bbc5b343991cea47c52c4deea468dcffb586c2e390c74b11ed7557.svg);
  mask-image: url(/assets/outline/lock-open-0fe09edec0bbc5b343991cea47c52c4deea468dcffb586c2e390c74b11ed7557.svg);
}
span.f-lock-open-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/lock-open-c7fed684bb2a5aa239a737c222e5de9229dcb09ce9e39e7b9f8acf3081ae6793.svg);
  mask-image: url(/assets/solid/lock-open-c7fed684bb2a5aa239a737c222e5de9229dcb09ce9e39e7b9f8acf3081ae6793.svg);
}
span.f-menu {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-87cbe9286f4efd8528d225da60b25c264df3c1c7050c89f8ded615bfa4dc093a.svg);
  mask-image: url(/assets/solid/menu-87cbe9286f4efd8528d225da60b25c264df3c1c7050c89f8ded615bfa4dc093a.svg);
}
span.f-menu-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/menu-ddc150d0e6b13d867323c5c7466a291ad262c6ebc0e7da49531e643abeb60424.svg);
  mask-image: url(/assets/outline/menu-ddc150d0e6b13d867323c5c7466a291ad262c6ebc0e7da49531e643abeb60424.svg);
}
span.f-menu-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/menu-87cbe9286f4efd8528d225da60b25c264df3c1c7050c89f8ded615bfa4dc093a.svg);
  mask-image: url(/assets/solid/menu-87cbe9286f4efd8528d225da60b25c264df3c1c7050c89f8ded615bfa4dc093a.svg);
}
span.f-backspace {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/backspace-4c8e2fa49cf1ec0e7c76ebf275e63fbff108665d6445779e6af1b3bc2af87032.svg);
  mask-image: url(/assets/solid/backspace-4c8e2fa49cf1ec0e7c76ebf275e63fbff108665d6445779e6af1b3bc2af87032.svg);
}
span.f-backspace-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/backspace-068534359ab55cf43b0a40fbe4884c0121b5ccacaa438f746e6c929b32f6cd09.svg);
  mask-image: url(/assets/outline/backspace-068534359ab55cf43b0a40fbe4884c0121b5ccacaa438f746e6c929b32f6cd09.svg);
}
span.f-backspace-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/backspace-4c8e2fa49cf1ec0e7c76ebf275e63fbff108665d6445779e6af1b3bc2af87032.svg);
  mask-image: url(/assets/solid/backspace-4c8e2fa49cf1ec0e7c76ebf275e63fbff108665d6445779e6af1b3bc2af87032.svg);
}
span.f-shopping-cart {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shopping-cart-0c12cacfce70800f16b76db4ad899ffddb744452e770dc47165e9b33818cc6a4.svg);
  mask-image: url(/assets/solid/shopping-cart-0c12cacfce70800f16b76db4ad899ffddb744452e770dc47165e9b33818cc6a4.svg);
}
span.f-shopping-cart-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/shopping-cart-25ac9834bfdec6653cfaa7fda8faf5ca2c699bb5533bf7c8de97e90fc85e05ac.svg);
  mask-image: url(/assets/outline/shopping-cart-25ac9834bfdec6653cfaa7fda8faf5ca2c699bb5533bf7c8de97e90fc85e05ac.svg);
}
span.f-shopping-cart-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shopping-cart-0c12cacfce70800f16b76db4ad899ffddb744452e770dc47165e9b33818cc6a4.svg);
  mask-image: url(/assets/solid/shopping-cart-0c12cacfce70800f16b76db4ad899ffddb744452e770dc47165e9b33818cc6a4.svg);
}
span.f-sort-ascending {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sort-ascending-711d7b326ce119173f6e8ea0a2482a97bd3d6955647002e7d041761d3ce3701b.svg);
  mask-image: url(/assets/solid/sort-ascending-711d7b326ce119173f6e8ea0a2482a97bd3d6955647002e7d041761d3ce3701b.svg);
}
span.f-sort-ascending-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/sort-ascending-e8de38336d08196da94b5cdb2ab586eb577ce13e83e867fdf9d834832e8a794d.svg);
  mask-image: url(/assets/outline/sort-ascending-e8de38336d08196da94b5cdb2ab586eb577ce13e83e867fdf9d834832e8a794d.svg);
}
span.f-sort-ascending-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/sort-ascending-711d7b326ce119173f6e8ea0a2482a97bd3d6955647002e7d041761d3ce3701b.svg);
  mask-image: url(/assets/solid/sort-ascending-711d7b326ce119173f6e8ea0a2482a97bd3d6955647002e7d041761d3ce3701b.svg);
}
span.f-calculator {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/calculator-69fdc9d19b8b9a4d5525995f01ab2f6689246ed4fc5327b590d94098ddd4c1df.svg);
  mask-image: url(/assets/solid/calculator-69fdc9d19b8b9a4d5525995f01ab2f6689246ed4fc5327b590d94098ddd4c1df.svg);
}
span.f-calculator-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/calculator-01d53294f9fc3c0725c57f2fa4dcb974810b9eb7fd3ee10e667ba492e493fdfa.svg);
  mask-image: url(/assets/outline/calculator-01d53294f9fc3c0725c57f2fa4dcb974810b9eb7fd3ee10e667ba492e493fdfa.svg);
}
span.f-calculator-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/calculator-69fdc9d19b8b9a4d5525995f01ab2f6689246ed4fc5327b590d94098ddd4c1df.svg);
  mask-image: url(/assets/solid/calculator-69fdc9d19b8b9a4d5525995f01ab2f6689246ed4fc5327b590d94098ddd4c1df.svg);
}
span.f-chart-square-bar {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chart-square-bar-b1af7dd2261e2d90d34c3d5665294f180a2deedee9093491627c98e757b1d77c.svg);
  mask-image: url(/assets/solid/chart-square-bar-b1af7dd2261e2d90d34c3d5665294f180a2deedee9093491627c98e757b1d77c.svg);
}
span.f-chart-square-bar-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chart-square-bar-9d616323851281da1cdd94cc7ca94fa39721a69d1b2ffa6161154b3912913bdc.svg);
  mask-image: url(/assets/outline/chart-square-bar-9d616323851281da1cdd94cc7ca94fa39721a69d1b2ffa6161154b3912913bdc.svg);
}
span.f-chart-square-bar-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chart-square-bar-b1af7dd2261e2d90d34c3d5665294f180a2deedee9093491627c98e757b1d77c.svg);
  mask-image: url(/assets/solid/chart-square-bar-b1af7dd2261e2d90d34c3d5665294f180a2deedee9093491627c98e757b1d77c.svg);
}
span.f-shield-check {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shield-check-e4987792ab6ebd26d59882591c0aac844d5b6d9bf7d890b0af326e05a0fbb999.svg);
  mask-image: url(/assets/solid/shield-check-e4987792ab6ebd26d59882591c0aac844d5b6d9bf7d890b0af326e05a0fbb999.svg);
}
span.f-shield-check-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/shield-check-dd14db7eb46c1e900615295857d2c7e4228e6eb04bc06d4465ab5f44395116b8.svg);
  mask-image: url(/assets/outline/shield-check-dd14db7eb46c1e900615295857d2c7e4228e6eb04bc06d4465ab5f44395116b8.svg);
}
span.f-shield-check-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/shield-check-e4987792ab6ebd26d59882591c0aac844d5b6d9bf7d890b0af326e05a0fbb999.svg);
  mask-image: url(/assets/solid/shield-check-e4987792ab6ebd26d59882591c0aac844d5b6d9bf7d890b0af326e05a0fbb999.svg);
}
span.f-clipboard-copy {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-copy-e14de5f612805d35d571ba1329393a7bfde041b0fb4d3f8df54f1382348b9414.svg);
  mask-image: url(/assets/solid/clipboard-copy-e14de5f612805d35d571ba1329393a7bfde041b0fb4d3f8df54f1382348b9414.svg);
}
span.f-clipboard-copy-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/clipboard-copy-49630404df0fbccb8e87c3579192365269de25ea58eea10d8b9c115040c82aaa.svg);
  mask-image: url(/assets/outline/clipboard-copy-49630404df0fbccb8e87c3579192365269de25ea58eea10d8b9c115040c82aaa.svg);
}
span.f-clipboard-copy-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-copy-e14de5f612805d35d571ba1329393a7bfde041b0fb4d3f8df54f1382348b9414.svg);
  mask-image: url(/assets/solid/clipboard-copy-e14de5f612805d35d571ba1329393a7bfde041b0fb4d3f8df54f1382348b9414.svg);
}
span.f-presentation-chart-bar {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/presentation-chart-bar-431f0a347b68832757f00e7246d533cdc5f208f43af1c2e9bebfd77d70227ca9.svg);
  mask-image: url(/assets/solid/presentation-chart-bar-431f0a347b68832757f00e7246d533cdc5f208f43af1c2e9bebfd77d70227ca9.svg);
}
span.f-presentation-chart-bar-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/presentation-chart-bar-fa80a2b42eea5e97e5fe31efe0889058d4d93f1d3e909706c7cb0c564c8127dc.svg);
  mask-image: url(/assets/outline/presentation-chart-bar-fa80a2b42eea5e97e5fe31efe0889058d4d93f1d3e909706c7cb0c564c8127dc.svg);
}
span.f-presentation-chart-bar-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/presentation-chart-bar-431f0a347b68832757f00e7246d533cdc5f208f43af1c2e9bebfd77d70227ca9.svg);
  mask-image: url(/assets/solid/presentation-chart-bar-431f0a347b68832757f00e7246d533cdc5f208f43af1c2e9bebfd77d70227ca9.svg);
}
span.f-folder {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-672147b0ce509fd33ce4aee98245d6b7f057d32755b733f1a58fdba023b1dd9b.svg);
  mask-image: url(/assets/solid/folder-672147b0ce509fd33ce4aee98245d6b7f057d32755b733f1a58fdba023b1dd9b.svg);
}
span.f-folder-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/folder-dece178870daa9330558400b7191b5e8afcf233128cb0040277a0f9edd6f6b7b.svg);
  mask-image: url(/assets/outline/folder-dece178870daa9330558400b7191b5e8afcf233128cb0040277a0f9edd6f6b7b.svg);
}
span.f-folder-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/folder-672147b0ce509fd33ce4aee98245d6b7f057d32755b733f1a58fdba023b1dd9b.svg);
  mask-image: url(/assets/solid/folder-672147b0ce509fd33ce4aee98245d6b7f057d32755b733f1a58fdba023b1dd9b.svg);
}
span.f-users {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/users-db2b2c8a6daf8e9866dcd7b5eac27cf09e35957a94560f54225874b300d7aa20.svg);
  mask-image: url(/assets/solid/users-db2b2c8a6daf8e9866dcd7b5eac27cf09e35957a94560f54225874b300d7aa20.svg);
}
span.f-users-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/users-7ee8722c2330c464ff48fa0584edbd94f7da3d586f1b52ee38ed3606cce7d713.svg);
  mask-image: url(/assets/outline/users-7ee8722c2330c464ff48fa0584edbd94f7da3d586f1b52ee38ed3606cce7d713.svg);
}
span.f-users-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/users-db2b2c8a6daf8e9866dcd7b5eac27cf09e35957a94560f54225874b300d7aa20.svg);
  mask-image: url(/assets/solid/users-db2b2c8a6daf8e9866dcd7b5eac27cf09e35957a94560f54225874b300d7aa20.svg);
}
span.f-color-swatch {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/color-swatch-18b6dbe77e604ce014832c480247ccd55e3381c1b91dfa1f2f30668e76721d2d.svg);
  mask-image: url(/assets/solid/color-swatch-18b6dbe77e604ce014832c480247ccd55e3381c1b91dfa1f2f30668e76721d2d.svg);
}
span.f-color-swatch-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/color-swatch-da08f1ea647c007ac85b4c2c97e3dc4d3fa03240154a9fa5a580ef4f97ee8e16.svg);
  mask-image: url(/assets/outline/color-swatch-da08f1ea647c007ac85b4c2c97e3dc4d3fa03240154a9fa5a580ef4f97ee8e16.svg);
}
span.f-color-swatch-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/color-swatch-18b6dbe77e604ce014832c480247ccd55e3381c1b91dfa1f2f30668e76721d2d.svg);
  mask-image: url(/assets/solid/color-swatch-18b6dbe77e604ce014832c480247ccd55e3381c1b91dfa1f2f30668e76721d2d.svg);
}
span.f-clipboard-check {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-check-676b2c3570a818bdfd624ecbbd78e1c2083ddf37fb0903c70f1907bec6434cf1.svg);
  mask-image: url(/assets/solid/clipboard-check-676b2c3570a818bdfd624ecbbd78e1c2083ddf37fb0903c70f1907bec6434cf1.svg);
}
span.f-clipboard-check-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/clipboard-check-cb8743870949efa3589ab8790ca169e042bb0d50236b198c49047b1d2406fa08.svg);
  mask-image: url(/assets/outline/clipboard-check-cb8743870949efa3589ab8790ca169e042bb0d50236b198c49047b1d2406fa08.svg);
}
span.f-clipboard-check-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/clipboard-check-676b2c3570a818bdfd624ecbbd78e1c2083ddf37fb0903c70f1907bec6434cf1.svg);
  mask-image: url(/assets/solid/clipboard-check-676b2c3570a818bdfd624ecbbd78e1c2083ddf37fb0903c70f1907bec6434cf1.svg);
}
span.f-minus {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/minus-9322c2ac6ed95eaf4eb5c1d2d048d8ceb0db32b9404d41c459168972c1442631.svg);
  mask-image: url(/assets/solid/minus-9322c2ac6ed95eaf4eb5c1d2d048d8ceb0db32b9404d41c459168972c1442631.svg);
}
span.f-minus-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/minus-c008dd04a3c626cf20c4e112d45a9f27062ae77d2b7832eff286a0496d995fe6.svg);
  mask-image: url(/assets/outline/minus-c008dd04a3c626cf20c4e112d45a9f27062ae77d2b7832eff286a0496d995fe6.svg);
}
span.f-minus-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/minus-9322c2ac6ed95eaf4eb5c1d2d048d8ceb0db32b9404d41c459168972c1442631.svg);
  mask-image: url(/assets/solid/minus-9322c2ac6ed95eaf4eb5c1d2d048d8ceb0db32b9404d41c459168972c1442631.svg);
}
span.f-chevron-double-down {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-down-8e536944fd6453ed54779d404a3c85a92f0b17f39422f03081de4e232e82337b.svg);
  mask-image: url(/assets/solid/chevron-double-down-8e536944fd6453ed54779d404a3c85a92f0b17f39422f03081de4e232e82337b.svg);
}
span.f-chevron-double-down-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-double-down-e3704a2e176e435162066864188e667fce3452597dcbe6c045bb8c1a55b9d30d.svg);
  mask-image: url(/assets/outline/chevron-double-down-e3704a2e176e435162066864188e667fce3452597dcbe6c045bb8c1a55b9d30d.svg);
}
span.f-chevron-double-down-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-down-8e536944fd6453ed54779d404a3c85a92f0b17f39422f03081de4e232e82337b.svg);
  mask-image: url(/assets/solid/chevron-double-down-8e536944fd6453ed54779d404a3c85a92f0b17f39422f03081de4e232e82337b.svg);
}
span.f-chevron-left {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-left-d95536b5d054e89e14648f568cfea16f62ef63457d284e5f7e4030e4672cd8cc.svg);
  mask-image: url(/assets/solid/chevron-left-d95536b5d054e89e14648f568cfea16f62ef63457d284e5f7e4030e4672cd8cc.svg);
}
span.f-chevron-left-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-left-afed90e2aaa903c07603051b7a104d129e7094482b5bef76ba19407e293bc85d.svg);
  mask-image: url(/assets/outline/chevron-left-afed90e2aaa903c07603051b7a104d129e7094482b5bef76ba19407e293bc85d.svg);
}
span.f-chevron-left-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-left-d95536b5d054e89e14648f568cfea16f62ef63457d284e5f7e4030e4672cd8cc.svg);
  mask-image: url(/assets/solid/chevron-left-d95536b5d054e89e14648f568cfea16f62ef63457d284e5f7e4030e4672cd8cc.svg);
}
span.f-annotation {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/annotation-d12eb30e99145d585571e1c51ca9558a9d393899c3d0d18fb443216142cce0f8.svg);
  mask-image: url(/assets/solid/annotation-d12eb30e99145d585571e1c51ca9558a9d393899c3d0d18fb443216142cce0f8.svg);
}
span.f-annotation-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/annotation-0c7c1b88b2015777bd452bd44b86c73cb87199f51199e1991e3b449badec4d34.svg);
  mask-image: url(/assets/outline/annotation-0c7c1b88b2015777bd452bd44b86c73cb87199f51199e1991e3b449badec4d34.svg);
}
span.f-annotation-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/annotation-d12eb30e99145d585571e1c51ca9558a9d393899c3d0d18fb443216142cce0f8.svg);
  mask-image: url(/assets/solid/annotation-d12eb30e99145d585571e1c51ca9558a9d393899c3d0d18fb443216142cce0f8.svg);
}
span.f-film {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/film-ff2a00812bec02cc5c0e5d6516d209989cbf91e2d2019f52a65b2f8dedb51c46.svg);
  mask-image: url(/assets/solid/film-ff2a00812bec02cc5c0e5d6516d209989cbf91e2d2019f52a65b2f8dedb51c46.svg);
}
span.f-film-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/film-b6551f1c31fb69fef23556ac15952728708f6bf97d5ce701a97ef3ed9a6c2680.svg);
  mask-image: url(/assets/outline/film-b6551f1c31fb69fef23556ac15952728708f6bf97d5ce701a97ef3ed9a6c2680.svg);
}
span.f-film-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/film-ff2a00812bec02cc5c0e5d6516d209989cbf91e2d2019f52a65b2f8dedb51c46.svg);
  mask-image: url(/assets/solid/film-ff2a00812bec02cc5c0e5d6516d209989cbf91e2d2019f52a65b2f8dedb51c46.svg);
}
span.f-moon {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/moon-3d307c74e4f0186c920c6229da57a0e63eb060d65b9fe71f15485df8be9cc899.svg);
  mask-image: url(/assets/solid/moon-3d307c74e4f0186c920c6229da57a0e63eb060d65b9fe71f15485df8be9cc899.svg);
}
span.f-moon-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/moon-b4a7795249428772b8f6d6ebe686325790b93880fab95381a95314bd0be72103.svg);
  mask-image: url(/assets/outline/moon-b4a7795249428772b8f6d6ebe686325790b93880fab95381a95314bd0be72103.svg);
}
span.f-moon-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/moon-3d307c74e4f0186c920c6229da57a0e63eb060d65b9fe71f15485df8be9cc899.svg);
  mask-image: url(/assets/solid/moon-3d307c74e4f0186c920c6229da57a0e63eb060d65b9fe71f15485df8be9cc899.svg);
}
span.f-exclamation {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/exclamation-965d06e8c4c4abf71015bee2fbc9806f7fe94e4b38da6b5f9bb36cb74888f4dd.svg);
  mask-image: url(/assets/solid/exclamation-965d06e8c4c4abf71015bee2fbc9806f7fe94e4b38da6b5f9bb36cb74888f4dd.svg);
}
span.f-exclamation-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/exclamation-a9cbebbcc04b6c372b8028b0b747e8af87ec9d3a72aa72ccf8bfe691152513fe.svg);
  mask-image: url(/assets/outline/exclamation-a9cbebbcc04b6c372b8028b0b747e8af87ec9d3a72aa72ccf8bfe691152513fe.svg);
}
span.f-exclamation-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/exclamation-965d06e8c4c4abf71015bee2fbc9806f7fe94e4b38da6b5f9bb36cb74888f4dd.svg);
  mask-image: url(/assets/solid/exclamation-965d06e8c4c4abf71015bee2fbc9806f7fe94e4b38da6b5f9bb36cb74888f4dd.svg);
}
span.f-dots-vertical {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/dots-vertical-250d79ff0c34c8b3347f69a78ccafe5c77e36bb367061f3ed431a70fc1d40a4d.svg);
  mask-image: url(/assets/solid/dots-vertical-250d79ff0c34c8b3347f69a78ccafe5c77e36bb367061f3ed431a70fc1d40a4d.svg);
}
span.f-dots-vertical-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/dots-vertical-1ba6ad4c51d7178ec73314f505e23676fa827839c71c6e9a6b651ed8836a2c69.svg);
  mask-image: url(/assets/outline/dots-vertical-1ba6ad4c51d7178ec73314f505e23676fa827839c71c6e9a6b651ed8836a2c69.svg);
}
span.f-dots-vertical-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/dots-vertical-250d79ff0c34c8b3347f69a78ccafe5c77e36bb367061f3ed431a70fc1d40a4d.svg);
  mask-image: url(/assets/solid/dots-vertical-250d79ff0c34c8b3347f69a78ccafe5c77e36bb367061f3ed431a70fc1d40a4d.svg);
}
span.f-chevron-double-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-up-d82ee5f56ea0f23f566f2a82493b4b9755b15f1d520fb94635d22a0b31b82b28.svg);
  mask-image: url(/assets/solid/chevron-double-up-d82ee5f56ea0f23f566f2a82493b4b9755b15f1d520fb94635d22a0b31b82b28.svg);
}
span.f-chevron-double-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/chevron-double-up-4124135eb1e948e44a357f705854df99c2baa70c3df87ac6883fa6ae31d6d582.svg);
  mask-image: url(/assets/outline/chevron-double-up-4124135eb1e948e44a357f705854df99c2baa70c3df87ac6883fa6ae31d6d582.svg);
}
span.f-chevron-double-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/chevron-double-up-d82ee5f56ea0f23f566f2a82493b4b9755b15f1d520fb94635d22a0b31b82b28.svg);
  mask-image: url(/assets/solid/chevron-double-up-d82ee5f56ea0f23f566f2a82493b4b9755b15f1d520fb94635d22a0b31b82b28.svg);
}
span.f-heart {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/heart-86a4cab38327871fddff8fd31b9919b9b1d5c741501dbe098b7f6cdf0e4b434b.svg);
  mask-image: url(/assets/solid/heart-86a4cab38327871fddff8fd31b9919b9b1d5c741501dbe098b7f6cdf0e4b434b.svg);
}
span.f-heart-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/heart-27d14db447f2c43372b4a38f974219c57de627029d557d01c2ec25521cc91cb3.svg);
  mask-image: url(/assets/outline/heart-27d14db447f2c43372b4a38f974219c57de627029d557d01c2ec25521cc91cb3.svg);
}
span.f-heart-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/heart-86a4cab38327871fddff8fd31b9919b9b1d5c741501dbe098b7f6cdf0e4b434b.svg);
  mask-image: url(/assets/solid/heart-86a4cab38327871fddff8fd31b9919b9b1d5c741501dbe098b7f6cdf0e4b434b.svg);
}
span.f-trending-up {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/trending-up-53fb957dc4abb9972bb786c8143e9de635f5f4b82ae22d42476d7579f45fae27.svg);
  mask-image: url(/assets/solid/trending-up-53fb957dc4abb9972bb786c8143e9de635f5f4b82ae22d42476d7579f45fae27.svg);
}
span.f-trending-up-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/trending-up-87195a3f70ef7670f8c9d35dd333b2e68da4119025ff73c7da200997660f4641.svg);
  mask-image: url(/assets/outline/trending-up-87195a3f70ef7670f8c9d35dd333b2e68da4119025ff73c7da200997660f4641.svg);
}
span.f-trending-up-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/trending-up-53fb957dc4abb9972bb786c8143e9de635f5f4b82ae22d42476d7579f45fae27.svg);
  mask-image: url(/assets/solid/trending-up-53fb957dc4abb9972bb786c8143e9de635f5f4b82ae22d42476d7579f45fae27.svg);
}
span.f-academic-cap {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/academic-cap-1a1950efdef62e6f5e812f2328799ce9bdbe46f789766197c2ad1e2d693e4d8c.svg);
  mask-image: url(/assets/solid/academic-cap-1a1950efdef62e6f5e812f2328799ce9bdbe46f789766197c2ad1e2d693e4d8c.svg);
}
span.f-academic-cap-o {
  background-color: #374151;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/outline/academic-cap-c10e9ea54a803e1381d613399a7f1f596b75446ca14b3dad011eec52db296eaa.svg);
  mask-image: url(/assets/outline/academic-cap-c10e9ea54a803e1381d613399a7f1f596b75446ca14b3dad011eec52db296eaa.svg);
}
span.f-academic-cap-sm {
  background-color: #374151;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(/assets/solid/academic-cap-1a1950efdef62e6f5e812f2328799ce9bdbe46f789766197c2ad1e2d693e4d8c.svg);
  mask-image: url(/assets/solid/academic-cap-1a1950efdef62e6f5e812f2328799ce9bdbe46f789766197c2ad1e2d693e4d8c.svg);
}
span.favorite, span.subscribe {
  background-color: #fdcc0d;
}
span.powered_on {
  background-color: #E82222;
}
span.powered_off {
  background-color: #63B70F;
}
span[class^=f].xs {
  width: 12px;
  height: 12px;
  background-size: 12px;
}

img.f-rdp-dl {
  display: block;
  width: 24px;
  height: 24px;
}

:root {
  --ds-font-family-sans: Open Sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ds-font-family-mono: JetBrains Mono, SF Mono, Menlo, Consolas, monospace;
  --ds-red-50: #fef2f2;
  --ds-color-red-700: #b91c1c;
  --ds-color-gray-400: #9ca3af;
  --ds-color-gray-500: #6b7280;
  --ds-color-gray-700: #374151;
  --ds-color-green-500: #63b70f;
  --ds-color-primary-500: #a335e8;
}

.mono,
.mono *,
.ds-mono,
.ds-mono *,
.ds-billing-card__amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-variant-numeric: tabular-nums;
}

.ds-btn:focus-visible,
.ds-cta:focus-visible,
.ds-icon-btn:focus-visible,
.ds-row-action:focus-visible,
.ds-pill-btn:focus-visible,
.ds-type-card:focus-visible,
.ds-zone-card:focus-visible,
.ds-field__forgot:focus-visible,
.ds-login__signup a:focus-visible,
.ds-kv__copy:focus-visible,
.ds-access-btn:focus-visible,
.ds-net-reverse:focus-visible,
.ds-card__link:focus-visible,
.ds-release-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

/* padding left */
.pl-0 {
  padding-left: 0em;
}

.pl-1 {
  padding-left: 1em;
}

.pl-2 {
  padding-left: 2em;
}

.pl-3 {
  padding-left: 3em;
}

.pl-4 {
  padding-left: 4em;
}

.pl-5 {
  padding-left: 5em;
}

.pl-6 {
  padding-left: 6em;
}

.pl-7 {
  padding-left: 7em;
}

.pl-8 {
  padding-left: 8em;
}

.pl-9 {
  padding-left: 9em;
}

.pl-10 {
  padding-left: 10em;
}

/* padding right */
.pr-0 {
  padding-right: 0em;
}

.pr-1 {
  padding-right: 1em;
}

.pr-2 {
  padding-right: 2em;
}

.pr-3 {
  padding-right: 3em;
}

.pr-4 {
  padding-right: 4em;
}

.pr-5 {
  padding-right: 5em;
}

.pr-6 {
  padding-right: 6em;
}

.pr-7 {
  padding-right: 7em;
}

.pr-8 {
  padding-right: 8em;
}

.pr-9 {
  padding-right: 9em;
}

.pr-10 {
  padding-right: 10em;
}

/* padding top */
.pt-0 {
  padding-top: 0em;
}

.pt-1 {
  padding-top: 1em;
}

.pt-2 {
  padding-top: 2em;
}

.pt-3 {
  padding-top: 3em;
}

.pt-4 {
  padding-top: 4em;
}

.pt-5 {
  padding-top: 5em;
}

.pt-6 {
  padding-top: 6em;
}

.pt-7 {
  padding-top: 7em;
}

.pt-8 {
  padding-top: 8em;
}

.pt-9 {
  padding-top: 9em;
}

.pt-10 {
  padding-top: 10em;
}

/* padding bottom */
.pb-0 {
  padding-bottom: 0em;
}

.pb-1 {
  padding-bottom: 1em;
}

.pb-2 {
  padding-bottom: 2em;
}

.pb-3 {
  padding-bottom: 3em;
}

.pb-4 {
  padding-bottom: 4em;
}

.pb-5 {
  padding-bottom: 5em;
}

.pb-6 {
  padding-bottom: 6em;
}

.pb-7 {
  padding-bottom: 7em;
}

.pb-8 {
  padding-bottom: 8em;
}

.pb-9 {
  padding-bottom: 9em;
}

.pb-10 {
  padding-bottom: 10em;
}

/* margin left */
.ml-0 {
  margin-left: 0em;
}

.ml-1 {
  margin-left: 1em;
}

.ml-2 {
  margin-left: 2em;
}

.ml-3 {
  margin-left: 3em;
}

.ml-4 {
  margin-left: 4em;
}

.ml-5 {
  margin-left: 5em;
}

.ml-6 {
  margin-left: 6em;
}

.ml-7 {
  margin-left: 7em;
}

.ml-8 {
  margin-left: 8em;
}

.ml-9 {
  margin-left: 9em;
}

.ml-10 {
  margin-left: 10em;
}

/* margin right */
.mr-0 {
  margin-right: 0em;
}

.mr-1 {
  margin-right: 1em;
}

.mr-2 {
  margin-right: 2em;
}

.mr-3 {
  margin-right: 3em;
}

.mr-4 {
  margin-right: 4em;
}

.mr-5 {
  margin-right: 5em;
}

.mr-6 {
  margin-right: 6em;
}

.mr-7 {
  margin-right: 7em;
}

.mr-8 {
  margin-right: 8em;
}

.mr-9 {
  margin-right: 9em;
}

.mr-10 {
  margin-right: 10em;
}

/* margin top */
.mt-0 {
  margin-top: 0em;
}

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

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

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

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

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

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

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

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

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

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

/* margin bottom */
.mb-0 {
  margin-bottom: 0em;
}

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

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

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

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

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

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

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

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

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

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

.ml-0 {
  margin-left: 0 !important;
}

.ml {
  margin-left: 15px;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin: auto;
}

.container-lg {
  margin-left: 15px;
  margin-right: 15px;
}

.container {
  margin-left: 45px;
  margin-right: 45px;
}

.container-sm {
  margin-left: 90px;
  margin-right: 90px;
}

.container-xs {
  margin-left: 150px;
  margin-right: 150px;
}

.gt {
  padding: 10px;
}

.gt-sm {
  padding: 30px;
}

/* primary #a335e8 */
.bg-primary {
  background-color: #a335e8 !important;
}

/* primary-dark #430d64 */
.bg-primary-dark {
  background-color: #430d64 !important;
}

/* secondary  #FFC64B */
.bg-secondary {
  background-color: #FFC64B !important;
}

/* blue-darker #1e56e5 */
.bg-blue-darker {
  background-color: #1e56e5 !important;
}

/* red #E82222 */
.bg-red {
  background-color: #E82222 !important;
}

/* green #63B70F */
.bg-green {
  background-color: #63B70F !important;
}

/* grey-light rgba(158, 138, 171, 0.2509803922) */
.bg-grey-light {
  background-color: rgba(158, 138, 171, 0.2509803922) !important;
}

/* grey #71767D */
.bg-grey {
  background-color: #71767D !important;
}

/* grey-dark #374151 */
.bg-grey-dark {
  background-color: #374151 !important;
}

/* white white */
.bg-white {
  background-color: white !important;
}

/* primary #a335e8 */
.primary {
  color: #a335e8 !important;
}

/* primary-dark #430d64 */
.primary-dark {
  color: #430d64 !important;
}

/* secondary  #FFC64B */
.secondary {
  color: #FFC64B !important;
}

/* blue-darker #1e56e5 */
.blue-darker {
  color: #1e56e5 !important;
}

/* red #E82222 */
.red {
  color: #E82222 !important;
}

/* green #63B70F */
.green {
  color: #63B70F !important;
}

/* grey-light rgba(158, 138, 171, 0.2509803922) */
.grey-light {
  color: rgba(158, 138, 171, 0.2509803922) !important;
}

/* grey #71767D */
.grey {
  color: #71767D !important;
}

/* grey-dark #374151 */
.grey-dark {
  color: #374151 !important;
}

/* white white */
.white {
  color: white !important;
}

.border {
  border: 1px solid rgba(158, 138, 171, 0.2509803922);
  border-radius: 5px;
}

.rounded {
  border-radius: 5px;
}

.rounded-sm {
  border-radius: 2px;
}

.br-red {
  border-color: #E82222 !important;
}

.br-orange {
  border-color: #F69C00 !important;
}

body {
  color: #374151;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.f-bold {
  font-weight: bolder;
}

.f-10 {
  font-size: 10px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 1rem;
}

.break {
  word-break: break-all;
}

.ln14 {
  line-height: 1.4;
}

.underline {
  text-decoration: underline;
}

.red {
  color: #E82222;
}

.fakeField p:first-child {
  color: rgba(158, 138, 171, 0.2509803922);
  font-size: 10px;
  margin-bottom: 5px;
}
.fakeField.lg p:first-child {
  font-size: 12px;
}
.fakeField.lg p:last-child {
  font-size: 16px;
  font-weight: bold;
}

ul.no-style {
  list-style: none;
}

a.no-decoration {
  color: inherit;
  text-decoration: none;
}

blockquote {
  border: 0 solid rgba(158, 138, 171, 0.2509803922);
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

.p-body {
  font-size: 1rem;
  font-weight: 400;
}

.p-small {
  font-size: 0.875rem;
}

.caption {
  font-size: 0.6875rem;
}

.code {
  font-size: 0.875rem;
  font-family: "Courier New", Courier, monospace;
}

.special-text-1 {
  font-size: 4.5rem;
}

.h1 {
  font-size: 2.25rem;
  font-weight: 600;
}

.h2 {
  font-size: 1.625rem;
  font-weight: 600;
}

.h3 {
  font-size: 1.25rem;
  font-weight: 500;
}

.h4 {
  font-size: 1.125rem;
  font-weight: 600;
}

.h5 {
  font-size: 1rem;
  font-weight: 500;
}

.hypertext {
  font-size: inherit;
  color: #a335e8;
  text-decoration: underline;
}

.hypertext-small {
  font-size: 0.75rem;
  color: #a335e8;
  text-decoration: underline;
}

.hypertext-medium {
  font-size: 1rem;
  color: #a335e8;
  text-decoration: underline;
}

.hypertext-grande {
  font-size: 1.125rem;
  color: #a335e8;
  text-decoration: underline;
}

.shadow {
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.05);
}

.no-shadow {
  box-shadow: none !important;
}

.inline {
  display: inline-block !important;
}

.end {
  text-align: end;
}

.flex {
  display: inline-flex;
}
.flex.middle {
  align-items: center;
}
.flex.end {
  align-items: flex-end;
}
.flex.wrap {
  flex-flow: wrap;
}
.flex.b {
  display: flex;
}
.flex.btw {
  justify-content: space-between;
}
.flex.around {
  justify-content: space-around;
}
.flex.jc-center {
  justify-content: center;
}
.flex.fd-column {
  flex-direction: column;
}
.flex.fill-height {
  flex: 1 1 auto;
}

.hide {
  display: none !important;
}

.pointer {
  cursor: pointer;
}

.d-block {
  display: block;
}

.d-iblock {
  display: inline-block;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.w-70 {
  width: 70%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.w-30 {
  width: 30%;
}

.w-25 {
  width: 25%;
}

.w-20 {
  width: 20%;
}

.w-15 {
  width: 15%;
}

.w-10 {
  width: 10%;
}

.w-7 {
  width: 7%;
}

.w-5 {
  width: 5%;
}

.h-100vh-header {
  height: calc(100vh - 65px);
}

.f1 {
  flex: 1;
}

.f2 {
  flex: 2;
}

.f3 {
  flex: 3;
}

.f4 {
  flex: 4;
}

img {
  display: block;
}
img.xs {
  width: 16px;
}
img.sm {
  width: 24px;
}

button, .btn {
  display: inline-block;
  font-family: "Open Sans";
  background-color: #a335e8;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 14px;
  color: white;
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
button:hover, .btn:hover {
  background-color: #902dce;
}
button:focus, .btn:focus {
  outline: none;
}
button.lg, .btn.lg {
  font-size: 14px;
  padding: 15px 35px;
}
button.full, .btn.full {
  width: 100%;
}
button.contain, .btn.contain {
  width: fit-content;
}
button.sm, .btn.sm {
  font-size: 14px;
  padding: 6.6666666667px 10px;
}
button.secondary, .btn.secondary {
  background-color: rgba(163, 53, 232, 0.0588235294);
  color: #a335e8 !important;
  border: 1.5px solid #a335e8;
}
button.secondary span, .btn.secondary span {
  background-color: #a335e8;
  width: 1.2rem;
}
button.info, .btn.info {
  background-color: #3567E8;
  color: white !important;
}
button.info:hover, .btn.info:hover {
  background-color: #1e56e5;
}
button.warn, .btn.warn {
  background-color: #F69C00;
  color: white !important;
}
button.danger, .btn.danger {
  background-color: #E82222;
  color: white !important;
}
button.disable, button[disabled], .btn.disable, .btn[disabled] {
  background-color: #71767D;
  cursor: auto;
}
button.with-loader, .btn.with-loader {
  display: inline-flex;
  align-items: center;
}
button.with-loader div.loader, .btn.with-loader div.loader {
  display: none;
  margin-left: 9px;
  border: 1.5px solid #430d64 !important;
  border-top: 1.5px solid white !important;
}

.reset-btn {
  background-color: transparent;
  padding: 0;
  border: none;
  color: #374151;
}
.reset-btn:hover {
  background-color: transparent;
  border: none;
}

.btn-tertiary {
  color: #a335e8;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-tertiary:hover {
  color: #902dce;
}

.btn-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}

.icon-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.25rem;
  background-color: #374151;
  border-radius: 50%;
}
.icon-link span[class^=f-], .icon-link span[class*=f-] {
  background-color: rgb(255, 255, 255);
}
.icon-link.primary {
  background-color: #a335e8;
}
.icon-link.secondary {
  background-color: #430d64;
}
.icon-link.tertiary {
  background-color: transparent;
}
.icon-link.tertiary span[class^=f-], .icon-link.tertiary span[class*=f-] {
  background-color: #430d64;
}

input, textarea {
  padding: 8px 16px;
  border: 1px solid rgba(158, 138, 171, 0.2509803922);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.4);
  color: #71767D;
  font-size: 14px;
  font-family: "Open Sans";
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
input:focus, textarea:focus {
  border-color: rgba(158, 138, 171, 0.2509803922);
  outline: none;
}
input.w-100, textarea.w-100 {
  width: calc(100% - 2rem);
}
input.invalid, textarea.invalid {
  border-color: #E82222;
  color: #E82222;
}
input + .btn-password-forgotten, textarea + .btn-password-forgotten {
  display: inline-block;
  margin-top: 1rem;
}
input.xs, textarea.xs {
  max-width: 40%;
}

textarea {
  font-family: "Open Sans";
  font-size: 12px;
  min-width: 350px;
  min-height: 100px;
}

input[type=radio], input[type=checkbox] {
  accent-color: #430d64;
}

input[type=submit] {
  font-family: "Open Sans";
  background-color: #a335e8;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 14px;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
input[type=submit]:hover {
  background-color: #902dce;
}
input[type=submit].lg {
  font-size: 14px;
  padding: 15px 35px;
}
input[type=submit][disabled=disabled] {
  background-color: #71767D;
}
input[type=submit].sm {
  font-size: 10px;
  padding: 6.6666666667px 10px;
}
input[type=submit].secondary {
  background-color: rgba(163, 53, 232, 0.0588235294);
  color: #a335e8 !important;
  border: 1.5px solid #a335e8;
}
input[type=submit].secondary:hover {
  background-color: #a335e8;
  color: rgba(255, 255, 255, 0.4) !important;
}
input[type=submit].blue {
  background-color: #3567E8;
  color: white !important;
}
input[type=submit].blue:hover {
  background-color: #1e56e5;
}
input[type=submit].disable {
  background-color: #71767D;
  cursor: auto;
}

.fake-radio {
  position: relative;
}
.fake-radio input[type=radio] {
  cursor: pointer;
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  opacity: 0.01;
}

.image_component {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}

select {
  position: relative;
  border: 1px solid rgba(158, 138, 171, 0.2509803922);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  padding-right: 3rem;
  width: 100%;
  font-size: 14px;
  color: #71767D;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  appearance: none;
  background: rgba(255, 255, 255, 0.4);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='14' viewBox='0 0 20 20' width='14' fill='none' color='rgba(163, 53, 232, 1)' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% + 2rem);
  background-position-y: 40%;
  background-origin: content-box;
  cursor: pointer;
}
select:focus {
  border-color: rgba(158, 138, 171, 0.2509803922);
  outline: none;
}

.image_selector {
  position: relative;
}
.image_selector .selected {
  display: flex;
  align-items: center;
}
.image_selector .selected .version {
  color: #a335e8;
}
.image_selector .selected span:last-child {
  margin-left: 5px;
  cursor: pointer;
  transform: rotate(180deg);
}
.image_selector .image_list {
  display: none;
  position: absolute;
  top: 20px;
  left: -10px;
  width: 100%;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background-color: white;
  border-radius: 5px;
}
.image_selector .image_list .option {
  margin: 10px 0;
  cursor: pointer;
}
.image_selector .image_list .option:hover {
  color: grey;
}
.image_selector .image_list .option.selected {
  color: #a335e8;
}
.image_selector.active .selected span:last-child {
  transform: rotate(0);
}
.image_selector.active .image_list {
  display: block;
}

.custom-number {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 0.0625rem solid #430d64;
  width: fit-content;
  border-radius: 8px;
}
.custom-number label {
  overflow: hidden;
  height: 0;
  width: 0;
}
.custom-number button {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out, box-shadow 0.25s ease-in-out;
  cursor: pointer;
  color: rgb(255, 255, 255);
  background-color: #430d64;
  padding: 0.5rem 3rem;
  transition: 300ms cubic-bezier(0.4, 0, 1, 1);
}
.custom-number button:disabled {
  background-color: #71767D;
  color: rgb(255, 255, 255);
}
.custom-number button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.custom-number button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-number button:disabled {
  background-color: rgba(158, 138, 171, 0.2509803922);
}
.custom-number input {
  flex: 1;
  margin: 0;
  width: 30%;
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: bold;
  -moz-appearance: textfield;
  padding: 0rem 1.5rem;
}
.custom-number input::-webkit-outer-spin-button, .custom-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.custom-number span {
  cursor: pointer;
  background-color: #a335e8;
}
.custom-number span.disabled {
  cursor: initial;
  background-color: rgba(158, 138, 171, 0.2509803922);
}

.dropdown {
  width: 100%;
}
.dropdown .dropdown__content {
  opacity: 0;
}
.dropdown.active {
  animation: growDown 100ms cubic-bezier(0.4, 0, 1, 1) forwards;
  transform-origin: top center;
}
.dropdown.active .dropdown__content {
  animation: reveal 100ms cubic-bezier(0.16, 1, 0.3, 1) 100ms forwards;
}
.dropdown.selected {
  border: 0.0625rem solid #a335e8;
}

@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes growUp {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes reveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.form__footer {
  height: fit-content;
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-top: 2rem;
}

.checkbox-switch__container {
  display: flex;
  flex-direction: column;
}

.checkbox-switch--component[type=checkbox] {
  position: relative;
  width: 2rem;
  height: 1rem;
  margin: 0;
  border-radius: 16px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  background: rgba(158, 138, 171, 0.2509803922);
  cursor: pointer;
}

.checkbox-switch--component[type=checkbox]:checked {
  background: #a335e8;
}

.checkbox-switch--startnstop[type=checkbox]:checked {
  background: #63B70F;
}

.checkbox-switch--component[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  transition: 500ms;
  background: white;
}

.checkbox-switch--component[type=checkbox]:checked::before {
  transform: translateX(100%);
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.05);
}

.radio-box {
  width: max-content;
  min-width: 9.375rem;
  min-height: 6.25rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  -moz-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  cursor: pointer;
}
.radio-box__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.5rem 0.5rem;
}
.radio-box__head .logo img {
  max-width: 3rem;
}
.radio-box .dropdown {
  width: 100%;
  box-shadow: none;
  padding: 0.25rem 0.5rem;
  border-top: 0.0625rem solid rgba(158, 138, 171, 0.2509803922);
  border-radius: 0;
}
.radio-box .dropdown .sub-content {
  position: relative;
}
.radio-box .dropdown .sub-content label {
  cursor: pointer;
  transition: 300ms cubic-bezier(0.4, 0, 1, 1);
}
.radio-box button {
  padding: 0;
}
.radio-box.active {
  box-shadow: 0px 0px 2px 0px #a335e8;
}

[data-range-input-target=wrap] {
  position: relative;
  width: fit-content;
}
[data-range-input-target=wrap] input[type=range] {
  padding: 0;
  accent-color: #430d64;
}
[data-range-input-target=wrap] input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
}
[data-range-input-target=wrap] input[type=range]::-moz-range-track {
  background: transparent;
}
[data-range-input-target=wrap] input[type=range]::-moz-range-progress {
  background-color: #430d64;
}
[data-range-input-target=wrap] .bubble {
  position: absolute;
  background: #430d64;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  left: 50%;
  top: -1.5625rem;
  transform: translateX(-50%);
}
[data-range-input-target=wrap] .bubble::after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: #430d64;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

form .row, .form .row, .xhr-filters .row {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
form .row .field, .form .row .field, .xhr-filters .row .field {
  width: 100%;
}
form .row .field input:not([type=checkbox]), form .row .field select, .form .row .field input:not([type=checkbox]), .form .row .field select, .xhr-filters .row .field input:not([type=checkbox]), .xhr-filters .row .field select {
  width: 100%;
}
form .row + .row, .form .row + .row, .xhr-filters .row + .row {
  margin-top: 1rem;
}
form .col, .form .col, .xhr-filters .col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
form .form__description, .form .form__description, .xhr-filters .form__description {
  color: #71767D;
}
form .field, .form .field, .xhr-filters .field {
  display: inline-block;
}
form .field.b, .form .field.b, .xhr-filters .field.b {
  display: block;
}
form .field.inline label, .form .field.inline label, .xhr-filters .field.inline label {
  display: inline-block;
}
form .field label, .form .field label, .xhr-filters .field label {
  display: block;
  font-size: 1rem;
  color: #71767D;
  margin-bottom: 8px;
}
form .field label a, .form .field label a, .xhr-filters .field label a {
  font-size: 1rem;
}
form .field .hint, .form .field .hint, .xhr-filters .field .hint {
  display: block;
  font-size: 14px;
  color: #71767D;
  margin-top: 4px;
}
form .field.lg label, form .field.lg input, form .field.lg textarea, .form .field.lg label, .form .field.lg input, .form .field.lg textarea, .xhr-filters .field.lg label, .xhr-filters .field.lg input, .xhr-filters .field.lg textarea {
  font-size: 14px;
}
form .field.xs, .form .field.xs, .xhr-filters .field.xs {
  max-width: 40%;
}
form .field.content, .form .field.content, .xhr-filters .field.content {
  width: fit-content;
}
form .field.content label, .form .field.content label, .xhr-filters .field.content label {
  width: fit-content;
}
form .field.xl label, form .field.xl input, form .field.xl textarea, .form .field.xl label, .form .field.xl input, .form .field.xl textarea, .xhr-filters .field.xl label, .xhr-filters .field.xl input, .xhr-filters .field.xl textarea {
  font-size: 18px;
}
form .field.transparent input, .form .field.transparent input, .xhr-filters .field.transparent input {
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
form .flex-wrap, .form .flex-wrap, .xhr-filters .flex-wrap {
  flex-wrap: wrap;
}

.form-70 {
  width: 70%;
}

.form-50 {
  width: 50%;
}

.form__header {
  height: fit-content;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

form#new_instance .main-sect {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
form#new_instance .main-sect .intro {
  color: #71767D;
}
form#new_instance .main-sect h2, form#new_instance .main-sect h4 {
  color: #430d64;
}
form#new_instance .main-sect header h2, form#new_instance .main-sect header h4 {
  font-weight: 500;
}
form#new_instance .main-sect header p, form#new_instance .main-sect header span {
  color: #374151;
}
form#new_instance .main-sect p, form#new_instance .main-sect span {
  max-width: 90ch;
}
form#new_instance .main-sect + .main-sect {
  margin-top: 2rem;
}
form#new_instance .main-sect section {
  padding: 0 2rem;
}
form#new_instance .main-sect section header {
  margin-bottom: 1.5rem;
}
form#new_instance .main-sect section .subbar {
  margin-bottom: 0;
}
form#new_instance .main-sect section .subbar + .row {
  margin-top: 1.5rem;
}

@media screen and (max-width: 800px) {
  form#new_instance .main-sect section {
    padding: 0;
  }
}
.alert {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  border: 1px solid rgba(158, 138, 171, 0.2509803922);
  text-align: center;
  padding: 10px 15px;
  animation: alert-enter 0.4s ease-in, disapear 0.3s ease-out 6s forwards;
  z-index: 999;
  opacity: 1;
  display: block;
  background-color: white;
}
.alert.success {
  border-color: #63B70F;
  color: #63B70F;
}
.alert.success .progress {
  background-color: #63B70F;
}
.alert.error {
  border-color: #E82222;
  color: #E82222;
}
.alert.error .progress {
  background-color: #E82222;
}
.alert .bar, .alert .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
  height: 2px;
  background-color: rgba(158, 138, 171, 0.2509803922);
}
.alert .progress {
  background-color: rgba(158, 138, 171, 0.2509803922);
  animation: progress 6s linear;
  animation-fill-mode: forwards;
}

@keyframes alert-enter {
  from {
    transform: translate(-50%, -80px);
  }
  to {
    transform: translate(-50%, 0px);
  }
}
@keyframes progress {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
@keyframes disapear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.banner {
  z-index: 10;
  height: calc(30px - 2px);
  width: 100%;
  border-bottom: 2px #FFC64B solid;
  position: fixed;
  top: 0;
  left: 0;
}
.banner.warn {
  border-bottom-color: #F69C00;
  background-color: #F69C00;
  color: white;
}
.banner.error {
  border-bottom-color: #E82222;
  background-color: #E82222;
  color: white;
}
.banner.priority {
  z-index: 11;
}
.banner p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main-nav {
  position: sticky;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 65px;
  padding: 0 2rem;
  border-bottom: 2px solid rgba(158, 138, 171, 0.2509803922);
  background-color: white;
  z-index: 97;
  grid-column: full-width;
}
.main-nav__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.main-nav .vertical-separator {
  border-left: 2px solid rgba(158, 138, 171, 0.2509803922);
  height: 65%;
}
.main-nav .link {
  margin: 5px;
}
.main-nav .link a {
  display: flex;
  align-items: center;
}
.main-nav .link a span {
  margin-right: 4px;
}
.main-nav .breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  flex-grow: 1;
}
.main-nav .breadcrumb__separation {
  color: #71767D;
}
.main-nav .nav-account {
  margin-left: auto;
}
.main-nav .dropdown {
  color: #430d64;
  display: none;
  background-color: white;
  border-radius: 5px;
  position: absolute;
  transform: translateX(-40%);
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
  padding: 13px;
  top: 60px;
}
.main-nav .dropdown .horizontal-separator {
  margin: 10px 0px;
  border-bottom: 2px solid rgba(158, 138, 171, 0.2509803922);
  width: 100%;
}
.main-nav .dropdown span[class^=f] {
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-color: #430d64;
}
.main-nav .dropdown.active {
  display: block;
}

@media screen and (max-width: 800px) {
  .main-nav {
    width: 100%;
  }
  .main-nav .breadcrumb.desktop {
    display: none;
  }
}
.wrapper {
  display: flex;
  width: 100%;
  min-height: 100vh;
}
.wrapper__right {
  padding-bottom: 2rem;
  display: grid;
  grid-template-columns: [full-width-start] minmax(2rem, 1fr) [breakout-start] minmax(0, 50px) [content-start] min(100% - 4rem, 1500px) [content-end] minmax(0, 50px) [breakout-end] minmax(2rem, 1fr) [full-width-end];
  align-items: start;
  grid-template-rows: max-content;
  width: 100%;
  grid-gap: 2rem 0;
}
.wrapper__right main {
  grid-column: content;
}

code, pre {
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #f2f2f2;
  font-family: monospace;
}

.sidebar {
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.sidebar__container {
  z-index: 999;
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  min-width: 200px;
  max-width: 250px;
  border-right: 2px solid rgba(158, 138, 171, 0.2509803922);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  background-color: rgb(255, 255, 255);
  padding: 0 2rem;
  padding-bottom: 1rem;
  transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar__container .mobile {
  display: none;
}
.sidebar::-webkit-scrollbar {
  display: none;
}
.sidebar__menu {
  display: none;
}
.sidebar__menu.active {
  display: block;
}
.sidebar__logo-container {
  z-index: 999;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  padding: 1rem 0;
  background-color: rgb(255, 255, 255);
}
.sidebar__logo-container .sidebar__logo.desktop {
  width: 6.875rem;
}
.sidebar__logo-container .sidebar__logo.mobile {
  height: 2.5rem;
}
.sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
.sidebar__cat-list {
  width: 100%;
}
.sidebar__cat-list, .sidebar__cat-list li {
  list-style: none;
}
.sidebar__cat-list .sidebar__cat-head + .sidebar__cat-head, .sidebar__cat-list .sidebar__icon-link + .sidebar__icon-link {
  margin-top: 1rem;
}
.sidebar span[class^=f-], .sidebar span[class*=f-] {
  background-color: #430d64;
}
.sidebar__cat-head, .sidebar__sub-list, .sidebar__icon-link, .sidebar__default-project {
  display: grid;
  grid-template-columns: [icon] 1.5rem [name] auto;
  grid-gap: 0.5rem;
  align-items: center;
}
.sidebar__cat-head {
  text-transform: uppercase;
  font-size: 1rem;
  color: #430d64;
  font-weight: 500;
}
.sidebar__icon-link {
  text-transform: capitalize;
}
.sidebar__icon-link + .sidebar__icon-link {
  margin-top: 0.5rem;
}
.sidebar__icon-link, .sidebar__link-list {
  font-size: 0.875rem;
}
.sidebar__icon-link, .sidebar__icon-link a, .sidebar__link-list, .sidebar__link-list a {
  text-decoration: none;
  color: #71767D;
}
.sidebar__icon-link:visited, .sidebar__icon-link a:visited, .sidebar__link-list:visited, .sidebar__link-list a:visited {
  color: #71767D;
}
.sidebar__sub-list .sidebar__link-list {
  grid-column-start: name;
  margin-top: 0.5rem;
}
.sidebar__sub-list .sidebar__link-list li + li {
  margin-top: 0.25rem;
}

@media screen and (max-width: 800px) {
  .sidebar__container {
    position: sticky;
    top: 0;
    left: 0;
    min-height: 100vh;
    width: fit-content;
    min-width: 10%;
    padding: 0 0.5rem;
  }
  .sidebar__container.active {
    position: fixed;
    min-width: 93%;
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 2rem;
    padding-bottom: 2rem;
  }
  .sidebar__container.active nav > .desktop {
    display: block;
  }
  .sidebar__container .mobile {
    display: block;
  }
  .sidebar__container .desktop {
    display: none;
  }
  .sidebar__logo-container {
    padding: 1rem 0;
  }
  .sidebar__logo-container a {
    width: fit-content;
  }
  .sidebar__btn {
    z-index: 1000;
    position: absolute;
    width: 1.5rem;
    height: 4rem;
    top: 4rem;
    right: 0rem;
    transform: translateX(95%);
    background-color: rgb(255, 255, 255);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid rgba(158, 138, 171, 0.2509803922);
    border-left: none;
    box-shadow: none;
  }
  .sidebar__btn span[class^=f-], .sidebar__btn span[class*=f-] {
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .sidebar__btn:hover {
    background-color: rgb(255, 255, 255);
    border: inherit;
    box-shadow: none;
  }
  .sidebar__container.active > .sidebar__btn span[class^=f-], .sidebar__container.active > .sidebar__btn span[class*=f-] {
    transform: rotate3d(0, 1, 0, 180deg);
  }
}
.subbar {
  padding-bottom: 0.5rem;
  border-bottom: 1.5px solid rgba(158, 138, 171, 0.2509803922);
  margin-bottom: 2rem;
}
.subbar a {
  color: inherit;
  text-decoration: none;
}
.subbar ul {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  gap: 2rem;
}
.subbar ul li, .subbar ul .subbar__item {
  font-size: 14px;
  position: relative;
  color: rgba(111, 94, 122, 0.5607843137);
  padding-bottom: 0.5rem;
}
.subbar ul li.active, .subbar ul li a.active, .subbar ul li span.active, .subbar ul li input:checked + label, .subbar ul .subbar__item.active, .subbar ul .subbar__item a.active, .subbar ul .subbar__item span.active, .subbar ul .subbar__item input:checked + label {
  color: #430d64;
  font-weight: 500;
  padding: 0.5rem 1rem;
  background-color: rgba(163, 53, 232, 0.0588235294);
  border-radius: 8px;
}
.subbar ul li.active span[class^=f], .subbar ul li a.active span[class^=f], .subbar ul li span.active span[class^=f], .subbar ul li input:checked + label span[class^=f], .subbar ul .subbar__item.active span[class^=f], .subbar ul .subbar__item a.active span[class^=f], .subbar ul .subbar__item span.active span[class^=f], .subbar ul .subbar__item input:checked + label span[class^=f] {
  background-color: black;
}
.subbar ul li label, .subbar ul .subbar__item label {
  cursor: pointer;
}
.subbar ul li span[class^=f], .subbar ul .subbar__item span[class^=f] {
  background-color: rgba(158, 138, 171, 0.2509803922);
}
.subbar ul li > input[type=radio], .subbar ul .subbar__item > input[type=radio] {
  position: absolute;
  opacity: 0;
}
.subbar ul li > input[type=radio]:focus + label, .subbar ul .subbar__item > input[type=radio]:focus + label {
  outline: 1px solid rgb(255, 255, 255);
  outline-offset: 0;
}
.subbar ul li > input[type=radio]:focus:not(:focus-visible), .subbar ul .subbar__item > input[type=radio]:focus:not(:focus-visible) {
  outline: none;
}
.subbar.last-end ul li:last-child {
  margin-left: auto;
  margin-right: 0;
}
.subbar__container {
  display: none;
}
.subbar__container.active {
  display: block;
}

.head + .subbar {
  margin-top: 1rem;
}

@media screen and (max-width: 800px) {
  .subbar {
    overflow-x: scroll;
    max-width: calc(100vw - 60px - 64px);
  }
  .subbar ul {
    min-width: fit-content;
    flex-wrap: nowrap;
    padding: 0.5rem 0.15rem;
    gap: 1.2rem;
  }
  .subbar ul li {
    width: max-content;
  }
}
@media screen and (max-width: 380px) {
  .subbar ul {
    gap: 1.3rem;
  }
}
@media screen and (max-width: 290px) {
  .subbar {
    max-width: calc(100vw - 64px);
  }
}
.pagination {
  margin: 10px 0;
  display: table;
  border-collapse: none;
  border: 1px solid rgba(158, 138, 171, 0.2509803922);
  border-radius: 5px;
}
.pagination span {
  padding: 5px 7px;
  display: table-cell;
  border-right: 1px solid rgba(158, 138, 171, 0.2509803922);
}
.pagination span a {
  text-decoration: none;
  color: inherit;
}
.pagination span:last-child {
  border-right: none;
}
.pagination span.current {
  font-weight: bold;
  color: #a335e8;
}

div[data-container] {
  display: none;
}
div[data-container].active {
  display: block;
}
div[data-container] .data-container__sect + .data-container__sect {
  margin-top: 2rem;
}
div[data-container] header {
  margin-bottom: 1rem;
}

.avatar {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: rgba(158, 138, 171, 0.2509803922);
}
.avatar p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.avatar.md {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.avatar.lg {
  width: 64px;
  height: 64px;
  border-radius: 32px;
}
.avatar.interactive {
  cursor: pointer;
}
.avatar.interactive:hover {
  box-shadow: inset 0px 0px 0px 1px #71767D;
}
.avatar.active {
  box-shadow: inset 0px 0px 0px 1px #a335e8;
}

table {
  width: 100%;
  border-spacing: 0.5rem 1rem;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

tr {
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.4);
  vertical-align: middle;
}
tr.active {
  box-shadow: 0px 0px 2px 0px #a335e8;
}
tr.inactive, tr.inactive td {
  font-style: italic;
  color: rgba(111, 94, 122, 0.5607843137);
}
tr.interactive {
  cursor: pointer;
}

thead tr {
  box-shadow: none;
  border-radius: 0.5rem;
}

th {
  font-size: 0.75rem;
  color: #71767D;
  padding: 1rem;
}

td {
  padding: 1rem;
  color: #374151;
}

th, td {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}

td:first-child {
  font-weight: 600;
  min-width: 100px;
}

.table__container {
  max-width: calc(100vw - 200px - 64px);
  overflow-x: scroll;
}
.table__container.insideCard {
  max-width: calc(100vw - 60px - 128px);
}
.table__container::-webkit-scrollbar {
  -webkit-appearance: none;
}
.table__container::-webkit-scrollbar:horizontal {
  width: 11px;
}
.table__container::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  border: 2px solid white;
  background-color: #F1E5FB;
}

.table__action {
  padding: 0;
  vertical-align: middle;
  width: 20px;
}
.table__action:hover {
  background-color: rgba(242, 242, 242, 0.4);
}
.table__action a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1rem;
}
.table__action span[class^=f-], .table__action span[class*=f-] {
  width: 1rem;
  height: 1rem;
  background-color: #a335e8;
}
.table__action.danger span[class^=f-], .table__action.danger span[class*=f-] {
  width: 1rem;
  height: 1rem;
  background-color: #374151;
}

.table__caption {
  visibility: hidden;
}
.table__caption.visible {
  visibility: visible;
}

@media screen and (max-width: 800px) {
  .table__container {
    max-width: calc(100vw - 60px - 64px);
  }
}
.panel {
  position: fixed;
  right: 0;
  bottom: 0;
  min-height: calc(100% - 65px - 2px - 60px);
  padding: 30px;
  width: 350px;
  z-index: 3;
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.05);
  background-color: white;
}
.panel span.f-x {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-size: 20px;
}

.popup {
  position: fixed;
  border-radius: 16px;
  top: 10rem;
  left: 50%;
  transform: translateX(-50%);
  max-height: 90%;
  overflow-y: auto;
  z-index: 1000;
}
.popup__screen {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(20, 14, 30, 0.42);
  backdrop-filter: blur(4px);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 999;
}
.popup.new {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  padding: 26px 30px 30px;
  gap: 0.5rem;
  min-width: min(420px, 90vw);
  max-width: min(560px, 92vw);
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e5e7eb;
  box-shadow: 0 24px 60px -14px rgba(59, 10, 90, 0.3), 0 8px 24px -18px rgba(59, 10, 90, 0.2);
  animation: dsPopIn 220ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.popup.new::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #a335e8 0%, #ffc64b 100%);
  border-radius: 16px 16px 0 0;
}
.popup__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f3f4f6;
}
.popup__header h2 {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.01em;
}
.popup__header .popup__close-btn {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out, box-shadow 0.25s ease-in-out;
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #6b7280;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.popup__header .popup__close-btn:disabled {
  background-color: #71767D;
  color: rgb(255, 255, 255);
}
.popup__header .popup__close-btn:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}
.popup__header .popup__close-btn span.f-x {
  position: static;
}
.popup__action, .popup__btns-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.popup__btns-list {
  flex: 1;
  justify-content: flex-end;
}
.popup__filters {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.popup__filters input {
  width: 100%;
}
.popup .organisation__table {
  min-width: 28.125rem;
}
.popup .organisation__table tr td:not(td:first-of-type), .popup .organisation__table tr th:not(th:first-of-type) {
  text-align: center;
}
.popup .organisation__link {
  text-decoration: none;
  color: #374151;
}
.popup .organisation__link:visited {
  color: #430d64;
}
.popup.welcome {
  box-shadow: 0px 0px 4px 0px rgba(150, 150, 150, 0.25);
  background-image: url(/assets/background/Asolta-Illustration-abstraite-plateforme-intuitive-cloud-publique.webp);
  background-position: left;
  background-size: 250%;
  background-repeat: no-repeat;
}
.popup.welcome .pattern-gradient-1 {
  width: 900px;
}
.popup.welcome .popup__content {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(50px);
  width: 35vw;
  min-width: 450px;
  padding: 32px;
  border-radius: inherit;
}
.popup.welcome .popup__content .separator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  color: rgba(158, 138, 171, 0.2509803922);
  margin: 2rem 0;
}
.popup.welcome .popup__content .separator__line {
  height: 1px;
  background-color: rgba(158, 138, 171, 0.2509803922);
  width: 100%;
}
.popup.welcome .popup__content .popup__subtitle {
  color: #430d64;
  font-size: 1.15rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
.popup.welcome .popup__content header .popup__title, .popup.welcome .popup__content header h2 {
  font-size: 2rem;
  font-weight: 500;
}
.popup.welcome .popup__content header h2 {
  color: #374151;
}
.popup.welcome .popup__content header .popup__title {
  color: #430d64;
  text-transform: uppercase;
  font-weight: 700;
  width: 60%;
}
.popup.welcome .popup__content header .popup__title + p {
  margin-top: 1rem;
}
.popup.welcome .popup__content header p {
  color: #71767D;
  font-size: 1rem;
  font-weight: 400;
}
.popup.welcome .popup__content header + section, .popup.welcome .popup__content header + form {
  margin-top: 2rem;
}
.popup.welcome .popup__content form {
  display: flex;
  flex-direction: column;
}
.popup.welcome .popup__content form label {
  margin-bottom: 0.5rem;
}
.popup.welcome .popup__content form footer {
  margin-top: 1rem;
}
.popup.welcome .popup__content .ds-welcome-fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.popup.welcome .popup__content footer {
  display: flex;
  gap: 2rem;
  margin-top: auto;
}
.popup.welcome .popup__content footer button {
  font-weight: 500;
}
.popup.welcome .popup__content footer .form__step {
  margin-left: auto;
  color: #430d64;
  font-weight: 600;
}
.popup__content {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(50px);
  width: 70vw;
  padding: 32px;
  border-radius: inherit;
}
.popup span.f-x {
  z-index: 5;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.popup.scrollable {
  overflow: scroll;
}
.popup.lg {
  min-width: 80%;
}

.modal_screen {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(200, 195, 203, 0.25);
  backdrop-filter: blur(5px);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 999;
}

@media screen and (max-width: 800px) {
  .popup {
    max-width: 95%;
  }
}
@keyframes dsPopIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.ds-confirm__screen {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background-color: rgba(20, 14, 30, 0.42);
  backdrop-filter: blur(4px);
}
.ds-confirm__screen[hidden] {
  display: none;
}

.ds-confirm {
  position: relative;
  width: min(440px, 92vw);
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 24px 60px -14px rgba(59, 10, 90, 0.3), 0 8px 24px -18px rgba(59, 10, 90, 0.2);
  padding: 26px 28px 24px;
  overflow: hidden;
  animation: dsConfirmIn 200ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-confirm::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #a335e8 0%, #ffc64b 100%);
}
.ds-confirm__msg {
  margin: 0 0 22px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #111827;
  line-height: 1.5;
}
.ds-confirm__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.ds-confirm__btn {
  padding: 9px 18px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-confirm__btn--ghost {
  background-color: #ffffff;
  border-color: #e5e7eb;
  color: #374151;
}
.ds-confirm__btn--ghost:hover {
  background-color: #f9fafb;
  border-color: #d1d5db;
}
.ds-confirm__btn--confirm {
  background-color: #a335e8;
  color: #ffffff;
}
.ds-confirm__btn--confirm:hover {
  background-color: #8a1cd0;
}
.ds-confirm__btn--danger {
  background-color: #e82222;
  color: #ffffff;
}
.ds-confirm__btn--danger:hover {
  background-color: #dc2626;
}

@keyframes dsConfirmIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.popup.new.ds-popup-otp {
  min-width: min(620px, 92vw);
}

.ds-otp__grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: start;
}
@media screen and (max-width: 600px) {
  .ds-otp__grid {
    grid-template-columns: 1fr;
  }
}
.ds-otp__step {
  min-width: 0;
}
.ds-otp__num {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}
.ds-otp__num span {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #a335e8;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}
.ds-otp__qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.ds-otp__img {
  width: 190px;
  height: 190px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px;
  background-color: #ffffff;
}
.ds-otp__secret {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  background-color: #f3f4f6;
  color: #374151;
  padding: 6px 10px;
  border-radius: 6px;
  word-break: break-all;
  text-align: center;
}
.ds-otp .ds-field {
  margin-bottom: 14px;
}
.ds-otp__submit {
  margin-top: 4px;
}

.ds-review {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ds-review__item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.ds-review__mark {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
}
.ds-review__mark svg {
  width: 13px;
  height: 13px;
}
.ds-review__mark[data-status=ok] {
  color: #63b70f;
  background-color: rgba(99, 183, 15, 0.1);
  border-color: rgba(99, 183, 15, 0.3);
}
.ds-review__mark[data-status=missing] {
  color: #b91c1c;
  background-color: #fef2f2;
  border-color: rgba(185, 28, 28, 0.2);
}
.ds-review__label {
  font-size: 13px;
  line-height: 1.45;
  color: #374151;
}

.card {
  background-color: rgb(255, 255, 255);
}
.card, .card--glass {
  display: flex;
  flex-direction: column;
  -moz-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  border-radius: 8px;
  padding: 1rem;
}
.card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1.5rem;
}
.card__header .card__actions {
  margin-left: auto;
}

.row {
  display: flex;
  flex-direction: row;
}
.row.equal-size {
  gap: 1rem;
  justify-content: stretch;
}
.row.equal-size .card {
  flex: 1;
  align-self: stretch;
}

.cluster_type {
  display: flex;
  align-items: center;
  background-color: rgba(158, 138, 171, 0.2509803922);
  border-radius: 5px;
  padding: 5px 10px;
}

.toggle_list_container .parent span.toggler {
  cursor: pointer;
  margin-left: 5px;
  transform: rotate(180deg);
}
.toggle_list_container .parent span.toggler.active {
  transform: rotate(0deg);
}
.toggle_list_container .toggle_sub {
  display: none;
}
.toggle_list_container .toggle_sub.right {
  margin-left: 150px;
}
.toggle_list_container .toggle_sub.active {
  display: block;
}
.toggle_list_container .toggle_sub.active.flex {
  display: flex;
}

.instance_type {
  display: flex;
  align-items: center;
  background-color: rgba(158, 138, 171, 0.2509803922);
  border-radius: 2px;
  padding: 0 5px;
}
.instance_type.disabled {
  color: rgba(158, 138, 171, 0.2509803922);
}
.instance_type span {
  padding: 0 10px;
}
.instance_type span.name {
  min-width: 100px;
}
.instance_type a:last-child {
  justify-self: end;
  padding: 0;
  cursor: pointer;
  margin-left: auto;
  margin-right: 10px;
}
.instance_type a:last-child span {
  padding: 0;
}
.instance_type .informations {
  margin: 0 50px;
  display: flex;
  width: 70%;
  justify-content: space-between;
}
.instance_type .separator {
  padding: 0;
  display: inline-block;
  min-height: 30px;
  width: 2px;
  background-color: white;
}

.instance_type_badge.active {
  box-shadow: 0px 0px 0px 2px #a335e8;
}

.link {
  display: flex;
  align-items: center;
}
.link span[class^=f] {
  margin-right: 3px;
}

.region-badge {
  background-color: rgba(216, 207, 221, 0.2509803922);
  width: 100px;
  border-radius: 5px;
}
.region-badge img {
  display: block;
  margin: auto;
  width: 70px;
  padding: 15px;
  padding-bottom: 5px;
}
.region-badge hr {
  display: block;
  border: none;
  width: 100%;
  height: 2px;
  background-color: rgba(158, 138, 171, 0.2509803922);
}
.region-badge .name {
  padding: 0 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 7px;
}
.region-badge.coming_soon img {
  opacity: 0.6;
}
.region-badge.coming_soon .name {
  opacity: 0.4;
}
.region-badge.coming_soon .soon_container {
  padding-bottom: 5px;
}
.region-badge.coming_soon .soon {
  font-size: 10px;
  background-color: #a335e8;
  padding: 2px 4px;
  text-transform: uppercase;
  text-align: center;
  color: white;
  border-radius: 8px;
  width: 41px;
  display: block;
  margin: auto;
}

.regions .separator_h {
  display: block;
  width: 60%;
  border-radius: 8px;
  height: 2px;
  background-color: #3567E8;
}

.fake-radio.active .region-badge {
  box-shadow: inset 0px 0px 0px 2px #a335e8;
}

.image-badge {
  background-color: rgba(216, 207, 221, 0.2509803922);
  width: 100px;
  border-radius: 5px;
}
.image-badge .logo {
  padding: 13px;
  padding-bottom: 5px;
  width: 50px;
  margin: auto;
}
.image-badge .logo span[class^=f] {
  display: block;
  margin: auto;
  margin-top: 6px;
  width: 35px;
  height: 38px;
  background-size: 25px;
}
.image-badge .logo img {
  display: block;
  margin: auto;
  width: 44px;
}
.image-badge hr {
  display: block;
  border: none;
  width: 100%;
  height: 2px;
  background-color: rgba(158, 138, 171, 0.2509803922);
}
.image-badge .name {
  padding: 0 13px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 7px;
}

.image-container {
  background-color: rgba(216, 207, 221, 0.2509803922);
  width: 130px;
  border-radius: 5px;
  cursor: pointer;
}
.image-container .logo {
  padding: 15px 13px;
  margin: auto;
}
.image-container .logo span.f-image {
  display: block;
  margin: auto;
  margin-top: 6px;
  width: 35px;
  height: 38px;
  background-size: 25px;
}
.image-container .logo img {
  display: block;
  margin: auto;
  width: 44px;
}
.image-container hr {
  display: block;
  border: none;
  width: 100%;
  height: 2px;
  background-color: rgba(158, 138, 171, 0.2509803922);
}
.image-container .image_selector {
  margin: 10px;
}
.image-container .image_selector .selector {
  margin: auto;
}
.image-container .image_selector .image_list {
  z-index: 8;
}
.image-container.active {
  box-shadow: inset 0px 0px 0px 2px #a335e8;
}

.pin {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #71767D;
}
.pin.failed, .pin.powered_off, .pin.deleting, .pin.deleted, .pin.unknown {
  background-color: #E82222;
}
.pin.pending_creation, .pin.pending_deletion, .pin.pending_resize, .pin.pending, .pin.pending_restoration, .pin.pending_power_off, .pin.pending_power_on {
  background-color: #F69C00;
}
.pin.powered_on, .pin.succeed, .pin.done {
  background-color: #63B70F;
}
.pin.initializing, .pin.imaging, .pin.setting_up, .pin.resizing, .pin.performing, .pin.restoring, .pin.running {
  background-color: #a335e8;
}

ul.sm li {
  margin: 0.25em 0;
}

.instance .main_infos ul {
  list-style: none;
}
.instance .interactive.linked {
  cursor: pointer;
}
.instance .interactive.linked:hover {
  background-color: rgba(158, 138, 171, 0.2509803922);
}

.payment .header {
  max-width: 1000px;
  margin: auto;
}
.payment .header .amount {
  padding-bottom: 15px;
  border-bottom: 1px solid #71767D;
}
.payment .header .amount p {
  font-size: 16px !important;
}
.payment .loader-container {
  height: 180px;
  position: relative;
  background-color: #fafafa;
  border-radius: 8px;
  opacity: 1;
  transition: all 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.payment .loader-container .loader-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.payment .loader-container.disapear {
  opacity: 0;
}
.payment .payment-container {
  max-width: 1000px;
  margin: auto;
}
.payment .payment-container button#submit {
  display: flex;
  align-items: center;
  margin: auto;
  margin-top: 1.75rem;
}
.payment .payment-container button#submit div.loader {
  display: none;
  margin-left: 9px;
  border: 1.5px solid #430d64 !important;
  border-top: 1.5px solid white !important;
}

.ds-pay {
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 48px 24px;
  background-color: #f9fafb;
}
.ds-pay__card {
  width: 100%;
  max-width: 460px;
  margin-inline: auto;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  padding: 32px;
}
.ds-pay__logo {
  height: 34px;
  width: auto;
  display: block;
  margin-bottom: 18px;
}
.ds-pay__title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
}
.ds-pay__amount {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f3f4f6;
}
.ds-pay__amount span {
  font-size: 13px;
  color: #6b7280;
}
.ds-pay__amount strong {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 22px;
  font-weight: 600;
  color: #111827;
}
.ds-pay__saved {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ds-pay__saved-label {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ds-pay__card-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pay__card-row:hover {
  border-color: #d29df6;
}
.ds-pay__card-logo {
  height: 20px;
  width: auto;
}
.ds-pay__card-num {
  font-size: 13px;
  color: #111827;
}
.ds-pay__card-default {
  font-size: 11px;
  color: #6c15a3;
  background-color: #faf3ff;
  border-radius: 9999px;
  padding: 2px 8px;
}
.ds-pay__card-exp {
  margin-left: auto;
  font-size: 12px;
  color: #6b7280;
}
.ds-pay__sep {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0;
  color: #9ca3af;
  font-size: 12px;
}
.ds-pay__sep::before, .ds-pay__sep::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #e5e7eb;
}
.ds-pay__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 0 16px;
  height: 44px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pay__btn--primary {
  background-color: #a335e8;
  color: #fff;
  border-color: #8a1cd0;
}
.ds-pay__btn--primary:hover {
  background-color: #8a1cd0;
}
.ds-pay__btn--secondary {
  background-color: #ffffff;
  color: #111827;
  border-color: #e5e7eb;
}
.ds-pay__btn--secondary:hover {
  background-color: #f9fafb;
}
.ds-pay .payment-container {
  max-width: none;
  margin: 0;
}

.action__container ul {
  margin-top: 10px;
  list-style: circle;
}
.action__container ul li {
  margin: 5px 0;
}
.action__container .log__container {
  margin-top: 15px;
  border-radius: 5px;
  padding: 15px;
  border: 1px solid rgba(158, 138, 171, 0.2509803922);
  font-family: monospace;
  min-height: 150px;
}
.action__container .log__container span {
  display: block;
}
.action__container .log__container span.critical {
  color: #E82222;
  font-size: bold;
}
.action__container .log__container span.error {
  color: #E82222;
}
.action__container .log__container span.warn {
  color: #F69C00;
}

.loader, .loader-lg {
  border: 2px solid rgba(216, 207, 221, 0.2509803922);
  border-radius: 50%;
  border-top: 2px solid #a335e8;
  width: 12px;
  height: 12px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.loader-lg, .loader-lg-lg {
  width: 24px;
  height: 24px;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gauge .mask {
  position: relative;
  overflow: hidden;
  display: block;
  width: 12.5rem;
  height: 6.25rem;
  margin: auto;
}
.gauge .mask .halfcircle {
  position: relative;
  display: block;
  width: 12.5rem;
  height: 6.25rem;
  background: #a335e8;
  border-radius: 50% 50% 50% 50%/100% 100% 0% 0%;
}
.gauge .mask .halfcircle.green {
  background: rgba(37, 191, 23, 0.5843137255);
}
.gauge .mask .halfcircle.orange {
  background: #F69C00;
}
.gauge .mask .halfcircle.red {
  background: #E82222;
}
.gauge .mask .halfcircle::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  display: block;
  width: 8.75rem;
  height: 4.375rem;
  margin-left: -4.375rem;
  background: #fff;
  border-radius: 50% 50% 50% 50%/100% 100% 0% 0%;
}
.gauge .mask .halfcircle__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.5rem;
  height: 12.5rem;
  background: transparent;
  transform: rotate(0) translate3d(0, 0, 0);
  transform-origin: center center;
  backface-visibility: hidden;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.gauge .mask .halfcircle__mask::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  z-index: 2;
  display: block;
  width: 12.625rem;
  height: 6.375rem;
  margin: -1px 0 0 -1px;
  background: #f2f2f2;
  border-radius: 50% 50% 50% 50%/100% 100% 0% 0%;
}
.gauge .mask .legend {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  text-align: center;
}

.card.selected {
  outline: 2px solid #a335e8;
  outline-offset: -1px;
}

.card-container {
  min-height: 32px;
  min-width: 32px;
  position: relative;
}
.card-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 32px;
}
.card-container.sm {
  min-height: 24px;
  min-width: 24px;
}
.card-container.sm img {
  max-width: 24px;
}

.stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, 0.5fr);
  grid-template-rows: repeat(2, 80px);
  grid-auto-flow: column;
  max-width: 800px;
}
.stats > div {
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(158, 138, 171, 0.2509803922);
  display: flex;
  flex-direction: column;
}
.stats > div span:first-child {
  height: 90%;
  font-size: 16px;
  font-weight: bold;
}
.stats > div span:last-child {
  font-size: 10px;
  text-align: right;
  align-self: flex-end;
}
.stats > div.long {
  grid-row: span 2;
}
.stats > div.large {
  grid-column: span 2;
}
.stats > div.large_value span:first-child {
  font-size: 22px;
}
.stats > div.right_align_value span:first-child {
  text-align: right;
}
.stats .success {
  background-color: rgb(39, 133, 39);
  color: white;
}
.stats .error {
  background-color: rgb(184, 35, 35);
  color: white;
}
.stats .pending {
  background-color: rgb(212, 114, 49);
  color: white;
}

.billing__card-row, .billing__section {
  display: flex;
  gap: 2rem;
}

.billing__section {
  flex-direction: column;
}

.billing__card-row {
  flex-wrap: wrap;
}
.billing__card-row.middle .billing__box {
  flex: 1;
}
.billing__card-row.rigth .billing__box:last-of-type {
  flex: 2;
}

.billing__box {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border-radius: 16px;
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
}
.billing__box .hightlighted-tag {
  margin-top: 1rem;
}
.billing__box .billing-list {
  margin: 1rem 0;
}
.billing__box .right, .billing__box .left {
  flex: 1;
}
.billing__box .right {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.billing__box .billing__title {
  text-transform: uppercase;
}
.billing__box .amount-balance {
  font-size: 2.5rem;
  font-weight: 600;
  color: #430d64;
  margin-bottom: 1rem;
}
.billing__box .binlling_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: rgba(163, 53, 232, 0.0588235294);
  border-radius: 8px;
  text-decoration: none !important;
  color: #430d64;
}
.billing__box .binlling_line + .binlling_line {
  margin-top: 0.5rem;
}
.billing__box .binlling_line .left {
  height: 100%;
  flex: 3;
}
.billing__box .binlling_line .left .billing__offer-name {
  font-weight: 400;
  font-size: 1rem;
}
.billing__box .binlling_line .right {
  flex: 1;
}
.billing__box .info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(94, 77, 104, 0.75);
}
.billing__box footer {
  margin-top: auto;
}
.billing__box footer .info {
  margin: 2rem 0 1rem 0;
}

@media screen and (max-width: 800px) {
  .billing__card-row .billing__box {
    width: 100%;
    flex-wrap: wrap;
  }
  .billing__card-row.middle .billing__box {
    flex: none;
  }
  .billing__card-row.rigth .billing__box:last-of-type {
    flex: none;
  }
}
.dashboard-component, .dashboard-component--neutral, .dashboard-component--danger, .dashboard-component--warn, .dashboard-component--info, .dashboard-component--valid {
  background-color: rgb(255, 255, 255);
  -moz-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  border-radius: 8px;
  padding: 0.5rem;
  min-width: 16.875rem;
}
.dashboard-component .dashboard-component__header, .dashboard-component--neutral .dashboard-component__header, .dashboard-component--danger .dashboard-component__header, .dashboard-component--warn .dashboard-component__header, .dashboard-component--info .dashboard-component__header, .dashboard-component--valid .dashboard-component__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
}
.dashboard-component .dashboard-component__header .dashboard-component__title, .dashboard-component--neutral .dashboard-component__header .dashboard-component__title, .dashboard-component--danger .dashboard-component__header .dashboard-component__title, .dashboard-component--warn .dashboard-component__header .dashboard-component__title, .dashboard-component--info .dashboard-component__header .dashboard-component__title, .dashboard-component--valid .dashboard-component__header .dashboard-component__title {
  text-transform: uppercase;
}
.dashboard-component .dashboard-component__item-container, .dashboard-component--neutral .dashboard-component__item-container, .dashboard-component--danger .dashboard-component__item-container, .dashboard-component--warn .dashboard-component__item-container, .dashboard-component--info .dashboard-component__item-container, .dashboard-component--valid .dashboard-component__item-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dashboard-component .dashboard-component__item-container .dashboard-component__item-group, .dashboard-component--neutral .dashboard-component__item-container .dashboard-component__item-group, .dashboard-component--danger .dashboard-component__item-container .dashboard-component__item-group, .dashboard-component--warn .dashboard-component__item-container .dashboard-component__item-group, .dashboard-component--info .dashboard-component__item-container .dashboard-component__item-group, .dashboard-component--valid .dashboard-component__item-container .dashboard-component__item-group {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.dashboard-component .dashboard-component__item, .dashboard-component .dashboard-component__item--neutral, .dashboard-component .dashboard-component__item--danger, .dashboard-component .dashboard-component__item--warn, .dashboard-component .dashboard-component__item--info, .dashboard-component .dashboard-component__item--valid, .dashboard-component .dashboard-component__item--btn, .dashboard-component--neutral .dashboard-component__item, .dashboard-component--neutral .dashboard-component__item--neutral, .dashboard-component--neutral .dashboard-component__item--danger, .dashboard-component--neutral .dashboard-component__item--warn, .dashboard-component--neutral .dashboard-component__item--info, .dashboard-component--neutral .dashboard-component__item--valid, .dashboard-component--neutral .dashboard-component__item--btn, .dashboard-component--danger .dashboard-component__item, .dashboard-component--danger .dashboard-component__item--neutral, .dashboard-component--danger .dashboard-component__item--danger, .dashboard-component--danger .dashboard-component__item--warn, .dashboard-component--danger .dashboard-component__item--info, .dashboard-component--danger .dashboard-component__item--valid, .dashboard-component--danger .dashboard-component__item--btn, .dashboard-component--warn .dashboard-component__item, .dashboard-component--warn .dashboard-component__item--neutral, .dashboard-component--warn .dashboard-component__item--danger, .dashboard-component--warn .dashboard-component__item--warn, .dashboard-component--warn .dashboard-component__item--info, .dashboard-component--warn .dashboard-component__item--valid, .dashboard-component--warn .dashboard-component__item--btn, .dashboard-component--info .dashboard-component__item, .dashboard-component--info .dashboard-component__item--neutral, .dashboard-component--info .dashboard-component__item--danger, .dashboard-component--info .dashboard-component__item--warn, .dashboard-component--info .dashboard-component__item--info, .dashboard-component--info .dashboard-component__item--valid, .dashboard-component--info .dashboard-component__item--btn, .dashboard-component--valid .dashboard-component__item, .dashboard-component--valid .dashboard-component__item--neutral, .dashboard-component--valid .dashboard-component__item--danger, .dashboard-component--valid .dashboard-component__item--warn, .dashboard-component--valid .dashboard-component__item--info, .dashboard-component--valid .dashboard-component__item--valid, .dashboard-component--valid .dashboard-component__item--btn {
  background-color: rgba(216, 207, 221, 0.2509803922);
  border-radius: 8px;
  flex: 1;
}
.dashboard-component .dashboard-component__item .content, .dashboard-component .dashboard-component__item--neutral .content, .dashboard-component .dashboard-component__item--danger .content, .dashboard-component .dashboard-component__item--warn .content, .dashboard-component .dashboard-component__item--info .content, .dashboard-component .dashboard-component__item--valid .content, .dashboard-component .dashboard-component__item--btn .content, .dashboard-component--neutral .dashboard-component__item .content, .dashboard-component--neutral .dashboard-component__item--neutral .content, .dashboard-component--neutral .dashboard-component__item--danger .content, .dashboard-component--neutral .dashboard-component__item--warn .content, .dashboard-component--neutral .dashboard-component__item--info .content, .dashboard-component--neutral .dashboard-component__item--valid .content, .dashboard-component--neutral .dashboard-component__item--btn .content, .dashboard-component--danger .dashboard-component__item .content, .dashboard-component--danger .dashboard-component__item--neutral .content, .dashboard-component--danger .dashboard-component__item--danger .content, .dashboard-component--danger .dashboard-component__item--warn .content, .dashboard-component--danger .dashboard-component__item--info .content, .dashboard-component--danger .dashboard-component__item--valid .content, .dashboard-component--danger .dashboard-component__item--btn .content, .dashboard-component--warn .dashboard-component__item .content, .dashboard-component--warn .dashboard-component__item--neutral .content, .dashboard-component--warn .dashboard-component__item--danger .content, .dashboard-component--warn .dashboard-component__item--warn .content, .dashboard-component--warn .dashboard-component__item--info .content, .dashboard-component--warn .dashboard-component__item--valid .content, .dashboard-component--warn .dashboard-component__item--btn .content, .dashboard-component--info .dashboard-component__item .content, .dashboard-component--info .dashboard-component__item--neutral .content, .dashboard-component--info .dashboard-component__item--danger .content, .dashboard-component--info .dashboard-component__item--warn .content, .dashboard-component--info .dashboard-component__item--info .content, .dashboard-component--info .dashboard-component__item--valid .content, .dashboard-component--info .dashboard-component__item--btn .content, .dashboard-component--valid .dashboard-component__item .content, .dashboard-component--valid .dashboard-component__item--neutral .content, .dashboard-component--valid .dashboard-component__item--danger .content, .dashboard-component--valid .dashboard-component__item--warn .content, .dashboard-component--valid .dashboard-component__item--info .content, .dashboard-component--valid .dashboard-component__item--valid .content, .dashboard-component--valid .dashboard-component__item--btn .content {
  display: flex;
  padding: 1rem;
  flex: 1;
  text-decoration: none;
  color: inherit;
  gap: 0.5rem;
}
.dashboard-component .dashboard-component__item .content--btn span[class^=f-], .dashboard-component .dashboard-component__item .content--btn span[class*=f-], .dashboard-component .dashboard-component__item--neutral .content--btn span[class^=f-], .dashboard-component .dashboard-component__item--neutral .content--btn span[class*=f-], .dashboard-component .dashboard-component__item--danger .content--btn span[class^=f-], .dashboard-component .dashboard-component__item--danger .content--btn span[class*=f-], .dashboard-component .dashboard-component__item--warn .content--btn span[class^=f-], .dashboard-component .dashboard-component__item--warn .content--btn span[class*=f-], .dashboard-component .dashboard-component__item--info .content--btn span[class^=f-], .dashboard-component .dashboard-component__item--info .content--btn span[class*=f-], .dashboard-component .dashboard-component__item--valid .content--btn span[class^=f-], .dashboard-component .dashboard-component__item--valid .content--btn span[class*=f-], .dashboard-component .dashboard-component__item--btn .content--btn span[class^=f-], .dashboard-component .dashboard-component__item--btn .content--btn span[class*=f-], .dashboard-component--neutral .dashboard-component__item .content--btn span[class^=f-], .dashboard-component--neutral .dashboard-component__item .content--btn span[class*=f-], .dashboard-component--neutral .dashboard-component__item--neutral .content--btn span[class^=f-], .dashboard-component--neutral .dashboard-component__item--neutral .content--btn span[class*=f-], .dashboard-component--neutral .dashboard-component__item--danger .content--btn span[class^=f-], .dashboard-component--neutral .dashboard-component__item--danger .content--btn span[class*=f-], .dashboard-component--neutral .dashboard-component__item--warn .content--btn span[class^=f-], .dashboard-component--neutral .dashboard-component__item--warn .content--btn span[class*=f-], .dashboard-component--neutral .dashboard-component__item--info .content--btn span[class^=f-], .dashboard-component--neutral .dashboard-component__item--info .content--btn span[class*=f-], .dashboard-component--neutral .dashboard-component__item--valid .content--btn span[class^=f-], .dashboard-component--neutral .dashboard-component__item--valid .content--btn span[class*=f-], .dashboard-component--neutral .dashboard-component__item--btn .content--btn span[class^=f-], .dashboard-component--neutral .dashboard-component__item--btn .content--btn span[class*=f-], .dashboard-component--danger .dashboard-component__item .content--btn span[class^=f-], .dashboard-component--danger .dashboard-component__item .content--btn span[class*=f-], .dashboard-component--danger .dashboard-component__item--neutral .content--btn span[class^=f-], .dashboard-component--danger .dashboard-component__item--neutral .content--btn span[class*=f-], .dashboard-component--danger .dashboard-component__item--danger .content--btn span[class^=f-], .dashboard-component--danger .dashboard-component__item--danger .content--btn span[class*=f-], .dashboard-component--danger .dashboard-component__item--warn .content--btn span[class^=f-], .dashboard-component--danger .dashboard-component__item--warn .content--btn span[class*=f-], .dashboard-component--danger .dashboard-component__item--info .content--btn span[class^=f-], .dashboard-component--danger .dashboard-component__item--info .content--btn span[class*=f-], .dashboard-component--danger .dashboard-component__item--valid .content--btn span[class^=f-], .dashboard-component--danger .dashboard-component__item--valid .content--btn span[class*=f-], .dashboard-component--danger .dashboard-component__item--btn .content--btn span[class^=f-], .dashboard-component--danger .dashboard-component__item--btn .content--btn span[class*=f-], .dashboard-component--warn .dashboard-component__item .content--btn span[class^=f-], .dashboard-component--warn .dashboard-component__item .content--btn span[class*=f-], .dashboard-component--warn .dashboard-component__item--neutral .content--btn span[class^=f-], .dashboard-component--warn .dashboard-component__item--neutral .content--btn span[class*=f-], .dashboard-component--warn .dashboard-component__item--danger .content--btn span[class^=f-], .dashboard-component--warn .dashboard-component__item--danger .content--btn span[class*=f-], .dashboard-component--warn .dashboard-component__item--warn .content--btn span[class^=f-], .dashboard-component--warn .dashboard-component__item--warn .content--btn span[class*=f-], .dashboard-component--warn .dashboard-component__item--info .content--btn span[class^=f-], .dashboard-component--warn .dashboard-component__item--info .content--btn span[class*=f-], .dashboard-component--warn .dashboard-component__item--valid .content--btn span[class^=f-], .dashboard-component--warn .dashboard-component__item--valid .content--btn span[class*=f-], .dashboard-component--warn .dashboard-component__item--btn .content--btn span[class^=f-], .dashboard-component--warn .dashboard-component__item--btn .content--btn span[class*=f-], .dashboard-component--info .dashboard-component__item .content--btn span[class^=f-], .dashboard-component--info .dashboard-component__item .content--btn span[class*=f-], .dashboard-component--info .dashboard-component__item--neutral .content--btn span[class^=f-], .dashboard-component--info .dashboard-component__item--neutral .content--btn span[class*=f-], .dashboard-component--info .dashboard-component__item--danger .content--btn span[class^=f-], .dashboard-component--info .dashboard-component__item--danger .content--btn span[class*=f-], .dashboard-component--info .dashboard-component__item--warn .content--btn span[class^=f-], .dashboard-component--info .dashboard-component__item--warn .content--btn span[class*=f-], .dashboard-component--info .dashboard-component__item--info .content--btn span[class^=f-], .dashboard-component--info .dashboard-component__item--info .content--btn span[class*=f-], .dashboard-component--info .dashboard-component__item--valid .content--btn span[class^=f-], .dashboard-component--info .dashboard-component__item--valid .content--btn span[class*=f-], .dashboard-component--info .dashboard-component__item--btn .content--btn span[class^=f-], .dashboard-component--info .dashboard-component__item--btn .content--btn span[class*=f-], .dashboard-component--valid .dashboard-component__item .content--btn span[class^=f-], .dashboard-component--valid .dashboard-component__item .content--btn span[class*=f-], .dashboard-component--valid .dashboard-component__item--neutral .content--btn span[class^=f-], .dashboard-component--valid .dashboard-component__item--neutral .content--btn span[class*=f-], .dashboard-component--valid .dashboard-component__item--danger .content--btn span[class^=f-], .dashboard-component--valid .dashboard-component__item--danger .content--btn span[class*=f-], .dashboard-component--valid .dashboard-component__item--warn .content--btn span[class^=f-], .dashboard-component--valid .dashboard-component__item--warn .content--btn span[class*=f-], .dashboard-component--valid .dashboard-component__item--info .content--btn span[class^=f-], .dashboard-component--valid .dashboard-component__item--info .content--btn span[class*=f-], .dashboard-component--valid .dashboard-component__item--valid .content--btn span[class^=f-], .dashboard-component--valid .dashboard-component__item--valid .content--btn span[class*=f-], .dashboard-component--valid .dashboard-component__item--btn .content--btn span[class^=f-], .dashboard-component--valid .dashboard-component__item--btn .content--btn span[class*=f-] {
  background-color: currentColor;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__content__icon-container, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__content__icon-container, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__content__icon-container, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__content__icon-container, .dashboard-component .dashboard-component__item--info .dashboard-component__item__content__icon-container, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__content__icon-container, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__content__icon-container, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__content__icon-container, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__content__icon-container, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__content__icon-container, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__content__icon-container, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__content__icon-container, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__content__icon-container, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__content__icon-container, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__content__icon-container, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__content__icon-container, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__content__icon-container, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__content__icon-container, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__content__icon-container, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__content__icon-container, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__content__icon-container, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__content__icon-container, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__content__icon-container, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__content__icon-container, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__content__icon-container, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__content__icon-container, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__content__icon-container, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__content__icon-container, .dashboard-component--info .dashboard-component__item .dashboard-component__item__content__icon-container, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__content__icon-container, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__content__icon-container, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__content__icon-container, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__content__icon-container, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__content__icon-container, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__content__icon-container, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__content__icon-container, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__content__icon-container, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__content__icon-container, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__content__icon-container, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__content__icon-container, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__content__icon-container, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__content__icon-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__content__main, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__content__main, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__content__main, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__content__main, .dashboard-component .dashboard-component__item--info .dashboard-component__item__content__main, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__content__main, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__content__main, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__content__main, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__content__main, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__content__main, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__content__main, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__content__main, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__content__main, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__content__main, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__content__main, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__content__main, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__content__main, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__content__main, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__content__main, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__content__main, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__content__main, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__content__main, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__content__main, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__content__main, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__content__main, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__content__main, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__content__main, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__content__main, .dashboard-component--info .dashboard-component__item .dashboard-component__item__content__main, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__content__main, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__content__main, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__content__main, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__content__main, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__content__main, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__content__main, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__content__main, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__content__main, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__content__main, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__content__main, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__content__main, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__content__main, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__content__main {
  width: 100%;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__content__main p + p, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__content__main p + p, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__content__main p + p, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__content__main p + p, .dashboard-component .dashboard-component__item--info .dashboard-component__item__content__main p + p, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__content__main p + p, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__content__main p + p, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__content__main p + p, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__content__main p + p, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__content__main p + p, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__content__main p + p, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__content__main p + p, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__content__main p + p, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__content__main p + p, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__content__main p + p, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__content__main p + p, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__content__main p + p, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__content__main p + p, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__content__main p + p, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__content__main p + p, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__content__main p + p, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__content__main p + p, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__content__main p + p, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__content__main p + p, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__content__main p + p, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__content__main p + p, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__content__main p + p, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__content__main p + p, .dashboard-component--info .dashboard-component__item .dashboard-component__item__content__main p + p, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__content__main p + p, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__content__main p + p, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__content__main p + p, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__content__main p + p, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__content__main p + p, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__content__main p + p, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__content__main p + p, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__content__main p + p, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__content__main p + p, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__content__main p + p, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__content__main p + p, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__content__main p + p, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__content__main p + p {
  margin-top: 0.5rem;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__content, .dashboard-component .dashboard-component__item .dashboard-component__item__action, .dashboard-component .dashboard-component__item .dashboard-component__item__action > a, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__action > a, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__action > a, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__action > a, .dashboard-component .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component .dashboard-component__item--info .dashboard-component__item__action > a, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__action > a, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__action > a, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__action > a, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__action > a, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__action > a, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__action > a, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__action > a, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__action > a, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__action > a, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__action > a, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__action > a, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__action > a, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__action > a, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__action > a, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__action > a, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__action > a, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__action > a, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__action > a, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__action > a, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__action > a, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__action > a, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__action > a, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__action > a, .dashboard-component--info .dashboard-component__item .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item .dashboard-component__item__action > a, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__action > a, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__action > a, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__action > a, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__action > a, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__action > a, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__action > a, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__action > a, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__action > a, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__action > a, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__action > a, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__action > a, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__action > a, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__action > a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__content, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__content, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__content {
  gap: 0.5rem;
  flex: 1;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__action, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__action, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__action {
  justify-content: flex-end;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__action a, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__action a, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__action a, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__action a, .dashboard-component .dashboard-component__item--info .dashboard-component__item__action a, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__action a, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__action a, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__action a, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__action a, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__action a, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__action a, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__action a, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__action a, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__action a, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__action a, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__action a, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__action a, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__action a, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__action a, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__action a, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__action a, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__action a, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__action a, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__action a, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__action a, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__action a, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__action a, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__action a, .dashboard-component--info .dashboard-component__item .dashboard-component__item__action a, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__action a, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__action a, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__action a, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__action a, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__action a, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__action a, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__action a, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__action a, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__action a, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__action a, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__action a, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__action a, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__action a {
  text-decoration: none;
  color: #374151;
  gap: 0.5rem;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__action a:visited, .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__action a:visited, .dashboard-component .dashboard-component__item--danger .dashboard-component__item__action a:visited, .dashboard-component .dashboard-component__item--warn .dashboard-component__item__action a:visited, .dashboard-component .dashboard-component__item--info .dashboard-component__item__action a:visited, .dashboard-component .dashboard-component__item--valid .dashboard-component__item__action a:visited, .dashboard-component .dashboard-component__item--btn .dashboard-component__item__action a:visited, .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__action a:visited, .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__action a:visited, .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__action a:visited, .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__action a:visited, .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__action a:visited, .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__action a:visited, .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__action a:visited, .dashboard-component--danger .dashboard-component__item .dashboard-component__item__action a:visited, .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__action a:visited, .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__action a:visited, .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__action a:visited, .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__action a:visited, .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__action a:visited, .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__action a:visited, .dashboard-component--warn .dashboard-component__item .dashboard-component__item__action a:visited, .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__action a:visited, .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__action a:visited, .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__action a:visited, .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__action a:visited, .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__action a:visited, .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__action a:visited, .dashboard-component--info .dashboard-component__item .dashboard-component__item__action a:visited, .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__action a:visited, .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__action a:visited, .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__action a:visited, .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__action a:visited, .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__action a:visited, .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__action a:visited, .dashboard-component--valid .dashboard-component__item .dashboard-component__item__action a:visited, .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__action a:visited, .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__action a:visited, .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__action a:visited, .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__action a:visited, .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__action a:visited, .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__action a:visited {
  color: #430d64;
}
.dashboard-component .dashboard-component__item .dashboard-component__item__action a span[class^=f-], .dashboard-component .dashboard-component__item .dashboard-component__item__action a span[class*=f-], .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__action a span[class^=f-], .dashboard-component .dashboard-component__item--neutral .dashboard-component__item__action a span[class*=f-], .dashboard-component .dashboard-component__item--danger .dashboard-component__item__action a span[class^=f-], .dashboard-component .dashboard-component__item--danger .dashboard-component__item__action a span[class*=f-], .dashboard-component .dashboard-component__item--warn .dashboard-component__item__action a span[class^=f-], .dashboard-component .dashboard-component__item--warn .dashboard-component__item__action a span[class*=f-], .dashboard-component .dashboard-component__item--info .dashboard-component__item__action a span[class^=f-], .dashboard-component .dashboard-component__item--info .dashboard-component__item__action a span[class*=f-], .dashboard-component .dashboard-component__item--valid .dashboard-component__item__action a span[class^=f-], .dashboard-component .dashboard-component__item--valid .dashboard-component__item__action a span[class*=f-], .dashboard-component .dashboard-component__item--btn .dashboard-component__item__action a span[class^=f-], .dashboard-component .dashboard-component__item--btn .dashboard-component__item__action a span[class*=f-], .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__action a span[class^=f-], .dashboard-component--neutral .dashboard-component__item .dashboard-component__item__action a span[class*=f-], .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__action a span[class^=f-], .dashboard-component--neutral .dashboard-component__item--neutral .dashboard-component__item__action a span[class*=f-], .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__action a span[class^=f-], .dashboard-component--neutral .dashboard-component__item--danger .dashboard-component__item__action a span[class*=f-], .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__action a span[class^=f-], .dashboard-component--neutral .dashboard-component__item--warn .dashboard-component__item__action a span[class*=f-], .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__action a span[class^=f-], .dashboard-component--neutral .dashboard-component__item--info .dashboard-component__item__action a span[class*=f-], .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__action a span[class^=f-], .dashboard-component--neutral .dashboard-component__item--valid .dashboard-component__item__action a span[class*=f-], .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__action a span[class^=f-], .dashboard-component--neutral .dashboard-component__item--btn .dashboard-component__item__action a span[class*=f-], .dashboard-component--danger .dashboard-component__item .dashboard-component__item__action a span[class^=f-], .dashboard-component--danger .dashboard-component__item .dashboard-component__item__action a span[class*=f-], .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__action a span[class^=f-], .dashboard-component--danger .dashboard-component__item--neutral .dashboard-component__item__action a span[class*=f-], .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__action a span[class^=f-], .dashboard-component--danger .dashboard-component__item--danger .dashboard-component__item__action a span[class*=f-], .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__action a span[class^=f-], .dashboard-component--danger .dashboard-component__item--warn .dashboard-component__item__action a span[class*=f-], .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__action a span[class^=f-], .dashboard-component--danger .dashboard-component__item--info .dashboard-component__item__action a span[class*=f-], .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__action a span[class^=f-], .dashboard-component--danger .dashboard-component__item--valid .dashboard-component__item__action a span[class*=f-], .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__action a span[class^=f-], .dashboard-component--danger .dashboard-component__item--btn .dashboard-component__item__action a span[class*=f-], .dashboard-component--warn .dashboard-component__item .dashboard-component__item__action a span[class^=f-], .dashboard-component--warn .dashboard-component__item .dashboard-component__item__action a span[class*=f-], .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__action a span[class^=f-], .dashboard-component--warn .dashboard-component__item--neutral .dashboard-component__item__action a span[class*=f-], .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__action a span[class^=f-], .dashboard-component--warn .dashboard-component__item--danger .dashboard-component__item__action a span[class*=f-], .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__action a span[class^=f-], .dashboard-component--warn .dashboard-component__item--warn .dashboard-component__item__action a span[class*=f-], .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__action a span[class^=f-], .dashboard-component--warn .dashboard-component__item--info .dashboard-component__item__action a span[class*=f-], .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__action a span[class^=f-], .dashboard-component--warn .dashboard-component__item--valid .dashboard-component__item__action a span[class*=f-], .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__action a span[class^=f-], .dashboard-component--warn .dashboard-component__item--btn .dashboard-component__item__action a span[class*=f-], .dashboard-component--info .dashboard-component__item .dashboard-component__item__action a span[class^=f-], .dashboard-component--info .dashboard-component__item .dashboard-component__item__action a span[class*=f-], .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__action a span[class^=f-], .dashboard-component--info .dashboard-component__item--neutral .dashboard-component__item__action a span[class*=f-], .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__action a span[class^=f-], .dashboard-component--info .dashboard-component__item--danger .dashboard-component__item__action a span[class*=f-], .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__action a span[class^=f-], .dashboard-component--info .dashboard-component__item--warn .dashboard-component__item__action a span[class*=f-], .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__action a span[class^=f-], .dashboard-component--info .dashboard-component__item--info .dashboard-component__item__action a span[class*=f-], .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__action a span[class^=f-], .dashboard-component--info .dashboard-component__item--valid .dashboard-component__item__action a span[class*=f-], .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__action a span[class^=f-], .dashboard-component--info .dashboard-component__item--btn .dashboard-component__item__action a span[class*=f-], .dashboard-component--valid .dashboard-component__item .dashboard-component__item__action a span[class^=f-], .dashboard-component--valid .dashboard-component__item .dashboard-component__item__action a span[class*=f-], .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__action a span[class^=f-], .dashboard-component--valid .dashboard-component__item--neutral .dashboard-component__item__action a span[class*=f-], .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__action a span[class^=f-], .dashboard-component--valid .dashboard-component__item--danger .dashboard-component__item__action a span[class*=f-], .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__action a span[class^=f-], .dashboard-component--valid .dashboard-component__item--warn .dashboard-component__item__action a span[class*=f-], .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__action a span[class^=f-], .dashboard-component--valid .dashboard-component__item--info .dashboard-component__item__action a span[class*=f-], .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__action a span[class^=f-], .dashboard-component--valid .dashboard-component__item--valid .dashboard-component__item__action a span[class*=f-], .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__action a span[class^=f-], .dashboard-component--valid .dashboard-component__item--btn .dashboard-component__item__action a span[class*=f-] {
  background-color: currentColor;
}
.dashboard-component .dashboard-component__item--valid:not(.dashboard-component__item--neutral), .dashboard-component--neutral .dashboard-component__item--valid:not(.dashboard-component__item--neutral), .dashboard-component--danger .dashboard-component__item--valid:not(.dashboard-component__item--neutral), .dashboard-component--warn .dashboard-component__item--valid:not(.dashboard-component__item--neutral), .dashboard-component--info .dashboard-component__item--valid:not(.dashboard-component__item--neutral), .dashboard-component--valid .dashboard-component__item--valid:not(.dashboard-component__item--neutral) {
  background-color: #E3F7CE;
  color: #172a03;
  border-color: #172a03;
}
.dashboard-component .dashboard-component__item--valid:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--neutral .dashboard-component__item--valid:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--danger .dashboard-component__item--valid:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--warn .dashboard-component__item--valid:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--info .dashboard-component__item--valid:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--valid .dashboard-component__item--valid:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span {
  background-color: #63B70F;
}
.dashboard-component .dashboard-component__item--info:not(.dashboard-component__item--neutral), .dashboard-component--neutral .dashboard-component__item--info:not(.dashboard-component__item--neutral), .dashboard-component--danger .dashboard-component__item--info:not(.dashboard-component__item--neutral), .dashboard-component--warn .dashboard-component__item--info:not(.dashboard-component__item--neutral), .dashboard-component--info .dashboard-component__item--info:not(.dashboard-component__item--neutral), .dashboard-component--valid .dashboard-component__item--info:not(.dashboard-component__item--neutral) {
  background-color: #E5EBFB;
  color: #0d2b77;
  border-color: #0d2b77;
}
.dashboard-component .dashboard-component__item--info:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--neutral .dashboard-component__item--info:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--danger .dashboard-component__item--info:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--warn .dashboard-component__item--info:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--info .dashboard-component__item--info:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--valid .dashboard-component__item--info:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span {
  background-color: #3567E8;
}
.dashboard-component .dashboard-component__item--neutral:not(.dashboard-component__item--neutral), .dashboard-component--neutral .dashboard-component__item--neutral:not(.dashboard-component__item--neutral), .dashboard-component--danger .dashboard-component__item--neutral:not(.dashboard-component__item--neutral), .dashboard-component--warn .dashboard-component__item--neutral:not(.dashboard-component__item--neutral), .dashboard-component--info .dashboard-component__item--neutral:not(.dashboard-component__item--neutral), .dashboard-component--valid .dashboard-component__item--neutral:not(.dashboard-component__item--neutral) {
  background-color: rgba(158, 138, 171, 0.2509803922);
  color: black;
  border-color: black;
}
.dashboard-component .dashboard-component__item--neutral:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--neutral .dashboard-component__item--neutral:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--danger .dashboard-component__item--neutral:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--warn .dashboard-component__item--neutral:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--info .dashboard-component__item--neutral:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--valid .dashboard-component__item--neutral:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span {
  background-color: #374151;
}
.dashboard-component .dashboard-component__item--warn:not(.dashboard-component__item--neutral), .dashboard-component--neutral .dashboard-component__item--warn:not(.dashboard-component__item--neutral), .dashboard-component--danger .dashboard-component__item--warn:not(.dashboard-component__item--neutral), .dashboard-component--warn .dashboard-component__item--warn:not(.dashboard-component__item--neutral), .dashboard-component--info .dashboard-component__item--warn:not(.dashboard-component__item--neutral), .dashboard-component--valid .dashboard-component__item--warn:not(.dashboard-component__item--neutral) {
  background-color: #FEF6E2;
  color: #5d3b00;
  border-color: #5d3b00;
}
.dashboard-component .dashboard-component__item--warn:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--neutral .dashboard-component__item--warn:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--danger .dashboard-component__item--warn:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--warn .dashboard-component__item--warn:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--info .dashboard-component__item--warn:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--valid .dashboard-component__item--warn:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span {
  background-color: #F69C00;
}
.dashboard-component .dashboard-component__item--danger:not(.dashboard-component__item--neutral), .dashboard-component--neutral .dashboard-component__item--danger:not(.dashboard-component__item--neutral), .dashboard-component--danger .dashboard-component__item--danger:not(.dashboard-component__item--neutral), .dashboard-component--warn .dashboard-component__item--danger:not(.dashboard-component__item--neutral), .dashboard-component--info .dashboard-component__item--danger:not(.dashboard-component__item--neutral), .dashboard-component--valid .dashboard-component__item--danger:not(.dashboard-component__item--neutral) {
  background-color: #FFE5E8;
  color: #660b0b;
  border-color: #660b0b;
}
.dashboard-component .dashboard-component__item--danger:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--neutral .dashboard-component__item--danger:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--danger .dashboard-component__item--danger:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--warn .dashboard-component__item--danger:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--info .dashboard-component__item--danger:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span, .dashboard-component--valid .dashboard-component__item--danger:not(.dashboard-component__item--neutral) .dashboard-component__item__content__icon-container > span {
  background-color: #E82222;
}
.dashboard-component .dashboard-component__item .content--btn:hover, .dashboard-component .dashboard-component__item--neutral .content--btn:hover, .dashboard-component .dashboard-component__item--danger .content--btn:hover, .dashboard-component .dashboard-component__item--warn .content--btn:hover, .dashboard-component .dashboard-component__item--info .content--btn:hover, .dashboard-component .dashboard-component__item--valid .content--btn:hover, .dashboard-component .dashboard-component__item--btn .content--btn:hover, .dashboard-component--neutral .dashboard-component__item .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--danger .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--warn .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--info .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--valid .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--btn .content--btn:hover, .dashboard-component--danger .dashboard-component__item .content--btn:hover, .dashboard-component--danger .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--danger .dashboard-component__item--danger .content--btn:hover, .dashboard-component--danger .dashboard-component__item--warn .content--btn:hover, .dashboard-component--danger .dashboard-component__item--info .content--btn:hover, .dashboard-component--danger .dashboard-component__item--valid .content--btn:hover, .dashboard-component--danger .dashboard-component__item--btn .content--btn:hover, .dashboard-component--warn .dashboard-component__item .content--btn:hover, .dashboard-component--warn .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--warn .dashboard-component__item--danger .content--btn:hover, .dashboard-component--warn .dashboard-component__item--warn .content--btn:hover, .dashboard-component--warn .dashboard-component__item--info .content--btn:hover, .dashboard-component--warn .dashboard-component__item--valid .content--btn:hover, .dashboard-component--warn .dashboard-component__item--btn .content--btn:hover, .dashboard-component--info .dashboard-component__item .content--btn:hover, .dashboard-component--info .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--info .dashboard-component__item--danger .content--btn:hover, .dashboard-component--info .dashboard-component__item--warn .content--btn:hover, .dashboard-component--info .dashboard-component__item--info .content--btn:hover, .dashboard-component--info .dashboard-component__item--valid .content--btn:hover, .dashboard-component--info .dashboard-component__item--btn .content--btn:hover, .dashboard-component--valid .dashboard-component__item .content--btn:hover, .dashboard-component--valid .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--valid .dashboard-component__item--danger .content--btn:hover, .dashboard-component--valid .dashboard-component__item--warn .content--btn:hover, .dashboard-component--valid .dashboard-component__item--info .content--btn:hover, .dashboard-component--valid .dashboard-component__item--valid .content--btn:hover, .dashboard-component--valid .dashboard-component__item--btn .content--btn:hover {
  box-sizing: border-box;
  border-radius: inherit;
}
.dashboard-component .dashboard-component__item .content--btn:hover, .dashboard-component--neutral .dashboard-component__item .content--btn:hover, .dashboard-component--danger .dashboard-component__item .content--btn:hover, .dashboard-component--warn .dashboard-component__item .content--btn:hover, .dashboard-component--info .dashboard-component__item .content--btn:hover, .dashboard-component--valid .dashboard-component__item .content--btn:hover {
  color: #a335e8;
  border: 0.0625rem #a335e8 solid;
}
.dashboard-component .dashboard-component__item .content--btn:hover span[class^=f-], .dashboard-component .dashboard-component__item .content--btn:hover span[class*=f-], .dashboard-component--neutral .dashboard-component__item .content--btn:hover span[class^=f-], .dashboard-component--neutral .dashboard-component__item .content--btn:hover span[class*=f-], .dashboard-component--danger .dashboard-component__item .content--btn:hover span[class^=f-], .dashboard-component--danger .dashboard-component__item .content--btn:hover span[class*=f-], .dashboard-component--warn .dashboard-component__item .content--btn:hover span[class^=f-], .dashboard-component--warn .dashboard-component__item .content--btn:hover span[class*=f-], .dashboard-component--info .dashboard-component__item .content--btn:hover span[class^=f-], .dashboard-component--info .dashboard-component__item .content--btn:hover span[class*=f-], .dashboard-component--valid .dashboard-component__item .content--btn:hover span[class^=f-], .dashboard-component--valid .dashboard-component__item .content--btn:hover span[class*=f-] {
  background-color: #a335e8;
}
.dashboard-component .dashboard-component__item--neutral .content--btn:hover, .dashboard-component .dashboard-component__item--danger .content--btn:hover, .dashboard-component .dashboard-component__item--warn .content--btn:hover, .dashboard-component .dashboard-component__item--info .content--btn:hover, .dashboard-component .dashboard-component__item--valid .content--btn:hover, .dashboard-component .dashboard-component__item--btn .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--danger .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--warn .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--info .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--valid .content--btn:hover, .dashboard-component--neutral .dashboard-component__item--btn .content--btn:hover, .dashboard-component--danger .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--danger .dashboard-component__item--danger .content--btn:hover, .dashboard-component--danger .dashboard-component__item--warn .content--btn:hover, .dashboard-component--danger .dashboard-component__item--info .content--btn:hover, .dashboard-component--danger .dashboard-component__item--valid .content--btn:hover, .dashboard-component--danger .dashboard-component__item--btn .content--btn:hover, .dashboard-component--warn .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--warn .dashboard-component__item--danger .content--btn:hover, .dashboard-component--warn .dashboard-component__item--warn .content--btn:hover, .dashboard-component--warn .dashboard-component__item--info .content--btn:hover, .dashboard-component--warn .dashboard-component__item--valid .content--btn:hover, .dashboard-component--warn .dashboard-component__item--btn .content--btn:hover, .dashboard-component--info .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--info .dashboard-component__item--danger .content--btn:hover, .dashboard-component--info .dashboard-component__item--warn .content--btn:hover, .dashboard-component--info .dashboard-component__item--info .content--btn:hover, .dashboard-component--info .dashboard-component__item--valid .content--btn:hover, .dashboard-component--info .dashboard-component__item--btn .content--btn:hover, .dashboard-component--valid .dashboard-component__item--neutral .content--btn:hover, .dashboard-component--valid .dashboard-component__item--danger .content--btn:hover, .dashboard-component--valid .dashboard-component__item--warn .content--btn:hover, .dashboard-component--valid .dashboard-component__item--info .content--btn:hover, .dashboard-component--valid .dashboard-component__item--valid .content--btn:hover, .dashboard-component--valid .dashboard-component__item--btn .content--btn:hover {
  color: inherit;
  border: 0.0625rem solid;
}
.dashboard-component span[class^=f-], .dashboard-component span[class*=f-], .dashboard-component--neutral span[class^=f-], .dashboard-component--neutral span[class*=f-], .dashboard-component--danger span[class^=f-], .dashboard-component--danger span[class*=f-], .dashboard-component--warn span[class^=f-], .dashboard-component--warn span[class*=f-], .dashboard-component--info span[class^=f-], .dashboard-component--info span[class*=f-], .dashboard-component--valid span[class^=f-], .dashboard-component--valid span[class*=f-] {
  width: 1rem;
  height: 1rem;
  background-size: pxTorem(16);
}
.dashboard-component__link {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  color: inherit;
  transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dashboard-component__link:hover {
  color: #a335e8;
}
.dashboard-component--valid {
  border-bottom: #63B70F 0.3125rem solid;
}
.dashboard-component--info {
  border-bottom: #3567E8 0.3125rem solid;
}
.dashboard-component--neutral {
  border-bottom: #374151 0.3125rem solid;
}
.dashboard-component--warn {
  border-bottom: #F69C00 0.3125rem solid;
}
.dashboard-component--danger {
  border-bottom: #E82222 0.3125rem solid;
}

@media screen and (max-width: 800px) {
  .dashboard-component, .dashboard-component--neutral, .dashboard-component--danger, .dashboard-component--warn, .dashboard-component--info, .dashboard-component--valid {
    min-width: 100%;
  }
}
.main-header + section, .main-header + .subbar, .main-header--index + section, .main-header--index + .subbar {
  margin-top: 2rem;
}

.inner-header {
  margin-bottom: 1rem;
}

.main-header--index, .inner-header--index {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-header--index .action, .inner-header--index .action {
  margin-left: auto;
}
.main-header .title, .inner-header .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #374151;
}

.nav-account {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.5rem;
  background-color: rgba(163, 53, 232, 0.1333333333);
  border-radius: 16px;
  overflow: hidden;
}
.nav-account__avatar::before, .nav-account__logout::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 16px;
  transition: width 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  cursor: pointer;
}
.nav-account__avatar {
  position: relative;
  z-index: 20;
  color: rgb(255, 255, 255);
  background-color: #374151;
  transition: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.nav-account__avatar::after {
  content: "Profile";
  display: block;
  position: absolute;
  width: fit-content;
  height: fit-content;
  top: 50%;
  left: -100%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  text-transform: uppercase;
  transition: 0.35s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  cursor: pointer;
}
.nav-account__avatar .initials {
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.nav-account__avatar::before {
  background-color: inherit;
}
.nav-account__avatar:hover::before, .nav-account__avatar.active::before {
  width: 200%;
}
.nav-account__avatar:hover::after, .nav-account__avatar.active::after {
  left: 100%;
}
.nav-account__avatar:hover .initials, .nav-account__avatar.active .initials {
  transform: translateX(500%);
}
.nav-account__logout::before {
  width: 50%;
  border: 1px solid #63180D;
}
.nav-account__logout:hover::before {
  width: 100%;
  background-color: #FFE5E8;
}
.nav-account__logout:hover .nav-account__logout__icon.f-logout-o, .nav-account__logout:hover ~ a > .nav-account__avatar {
  background-color: #63180D;
}
.nav-account__logout__link {
  display: flex;
}
.nav-account__logout__icon.f-logout-o {
  background-color: #a335e8;
  transition: 0.35s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.nav-project {
  position: relative;
}
.nav-project .nav-project__icon {
  z-index: 50;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  width: 19px;
  height: 19px;
  background-color: #a335e8;
  transform: translate(-50%, -50%);
}
.nav-project__select {
  padding-left: 3rem;
  color: #a335e8;
  border-color: #a335e8;
  font-family: "Open Sans", sans-serif;
}

.nav-organisation, .nav-organisation__left, .nav-organisation__right, .nav-organisation__right::after {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #a335e8;
}

.nav-organisation__left .nav-organisation__icon, .nav-organisation__right .nav-organisation__icon {
  background-color: #a335e8;
  width: 1.1875rem;
  height: 1.1875rem;
  background-size: 1.1875rem;
}

.nav-organisation__left, .nav-organisation__right {
  padding: 0.5rem 1rem;
  border-radius: inherit;
}
.nav-organisation__left:hover, .nav-organisation__right:hover {
  background-color: #430d64;
  color: rgb(255, 255, 255);
}
.nav-organisation__left:hover .nav-organisation__icon, .nav-organisation__right:hover .nav-organisation__icon {
  background-color: rgb(255, 255, 255);
}

.nav-organisation__left, .nav-organisation__right,
.nav-organisation__icon,
.nav-organisation__right::after,
.nav-organisation {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.nav-organisation__left,
.nav-organisation__right,
.nav-organisation__icon,
.nav-organisation {
  transition-duration: 0.35s;
}

.nav-organisation, .nav-organisation__right::after {
  background-color: #F1E5FB;
  border-radius: 8px;
  border-width: 0.0625rem;
  border-style: solid;
}

.nav-organisation {
  position: relative;
  overflow: hidden;
  border-color: #a335e8;
}
.nav-organisation:hover {
  border-color: #430d64;
}
.nav-organisation__left {
  gap: 0.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-decoration: none;
}
.nav-organisation__right {
  display: flex;
  flex: 1 0 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0.0625rem solid rgba(163, 53, 232, 0.0588235294);
}
.nav-organisation__right:hover::after {
  transform: translateX(0);
  color: rgb(255, 255, 255);
  background-color: #430d64;
}
.nav-organisation__right:hover .nav-organisation__icon {
  transform: translateX(-200%);
}
.nav-organisation__right::after {
  content: attr(data-content);
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-color: rgba(163, 53, 232, 0.0588235294);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 0.875rem;
  font-weight: 500;
  transform: translateX(100%);
  transition-duration: 300ms;
  cursor: pointer;
}

.hightlighted-tag {
  color: #430d64;
  background-image: linear-gradient(90deg, rgba(255, 198, 75, 0.26) 0%, rgba(163, 53, 232, 0.26) 100%);
}

.tag, .tag--neutral, .tag--danger, .tag--warn, .tag--info, .tag--valid, .tag--btn, .hightlighted-tag, .hightlighted-tag--neutral, .hightlighted-tag--danger, .hightlighted-tag--warn, .hightlighted-tag--info, .hightlighted-tag--valid, .hightlighted-tag--btn {
  display: inline-block;
  height: fit-content;
  width: max-content;
  border-radius: 16px;
  padding: 0.25rem 1rem;
}
.tag--valid, .hightlighted-tag--valid {
  background-color: #E3F7CE;
  color: #172a03;
}
.tag--info, .hightlighted-tag--info {
  background-color: #E5EBFB;
  color: #0d2b77;
}
.tag--neutral, .hightlighted-tag--neutral {
  background-color: rgba(158, 138, 171, 0.2509803922);
  color: black;
}
.tag--warn, .hightlighted-tag--warn {
  background-color: #FEF6E2;
  color: #5d3b00;
}
.tag--danger, .hightlighted-tag--danger {
  background-color: #FFE5E8;
  color: #660b0b;
}

.tag-group {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.status, .status--neutral, .status--danger, .status--warn, .status--info, .status--valid {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
}
.status--valid {
  background-color: #63B70F;
}
.status--info {
  background-color: #3567E8;
}
.status--neutral {
  background-color: #374151;
}
.status--warn {
  background-color: #F69C00;
}
.status--danger {
  background-color: #E82222;
}

.dropdown {
  background-color: rgba(255, 255, 255, 0.4);
  -moz-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}
.dropdown .head-content, .dropdown .content, .dropdown .actions, .dropdown__th, .dropdown__group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.dropdown .head-content {
  width: 100%;
}
.dropdown .head-content .content {
  width: -webkit-fill-available;
}
.dropdown .sub-content {
  display: none;
  margin-top: 1rem;
}
.dropdown .sub-content .row {
  gap: 1rem;
}
.dropdown .head-content > .actions, .dropdown__line-end {
  margin-left: auto;
  font-weight: 600;
}
.dropdown .head-content > .actions .actions__item span[class^=f-], .dropdown .head-content > .actions .actions__item span[class*=f-], .dropdown__line-end .actions__item span[class^=f-], .dropdown__line-end .actions__item span[class*=f-] {
  background-color: #a335e8;
  width: 1.125rem;
  height: 1.125rem;
  background-size: 1.125rem;
}
.dropdown .head-content > .actions .dropdown__btn, .dropdown__line-end .dropdown__btn {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out, box-shadow 0.25s ease-in-out;
  cursor: pointer;
}
.dropdown .head-content > .actions .dropdown__btn:disabled, .dropdown__line-end .dropdown__btn:disabled {
  background-color: #71767D;
  color: rgb(255, 255, 255);
}
.dropdown .head-content > .actions .dropdown__btn span[class^=f-], .dropdown .head-content > .actions .dropdown__btn span[class*=f-], .dropdown__line-end .dropdown__btn span[class^=f-], .dropdown__line-end .dropdown__btn span[class*=f-] {
  background-color: #430d64;
}
.dropdown .head-content > .actions .dropdown__btn .open span[class^=f-], .dropdown .head-content > .actions .dropdown__btn .open span[class*=f-], .dropdown__line-end .dropdown__btn .open span[class^=f-], .dropdown__line-end .dropdown__btn .open span[class*=f-] {
  transform: rotate(90deg);
}
.dropdown.open .sub-content {
  display: block;
}
.dropdown.open .head-content .actions .dropdown__btn span[class^=f-], .dropdown.open .head-content .actions .dropdown__btn span[class*=f-] {
  transform: rotate(180deg);
}
.dropdown h4 {
  font-weight: 600;
}
.dropdown__group {
  gap: 0.5rem;
}
.dropdown + .dropdown {
  margin-top: 1rem;
}
.dropdown__th, .dropdown__line {
  padding: 0.5rem 1rem;
  width: 100%;
}
.dropdown__in-table > .head-content > .content {
  display: contents;
}
.dropdown__th, .dropdown__in-table > .head-content, .dropdown__line {
  display: inline-grid;
  grid-template-columns: repeat(auto-fit, minmax(3.125rem, 1fr));
  align-items: center;
}

.credit-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  border-radius: 8px;
  padding: 0.5rem;
  -moz-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
}
.credit-card .soon-expired__message {
  display: none;
}
.credit-card.soon-expired {
  background-color: #FFE5E8;
}
.credit-card.soon-expired .soon-expired__message {
  display: inline;
  text-align: center;
  font-weight: 500;
}
.credit-card.soon-expired .card_expire-date, .credit-card.soon-expired .soon-expired__message {
  color: #63180D;
}
.credit-card.no-credit-card p {
  font-style: italic;
}
.credit-card .main-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}

.frc-icon {
  fill: #430d64 !important;
  stroke: #430d64 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.frc-progress {
  display: none !important;
}

.frc-banner {
  display: none !important;
}

.sign-in-page, .login-page {
  display: flex;
  align-items: center;
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  padding: 2rem;
}
.sign-in-page .pattern-gradient-1, .login-page .pattern-gradient-1 {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 50%;
  transform: rotate(150deg) translate(-50%, 5%) scale(1.3);
}
.sign-in-page .login__content, .login-page .login__content {
  width: 27.7777777778vw;
  padding: 2rem;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(50px);
}
.sign-in-page .login__content header, .login-page .login__content header {
  margin-bottom: 2rem;
}
.sign-in-page .login__content header .logo, .login-page .login__content header .logo {
  margin-bottom: 2rem;
}
.sign-in-page .login__content header .logo img, .login-page .login__content header .logo img {
  width: 135px;
}
.sign-in-page .login__content header .login__title, .login-page .login__content header .login__title {
  color: #430d64;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.sign-in-page .login__content header .login__sub-title, .login-page .login__content header .login__sub-title {
  font-size: 1rem;
  color: #374151;
}
.sign-in-page .login__content .form-container, .login-page .login__content .form-container {
  width: 100%;
}
@media (max-width: 1080px) {
  .sign-in-page .login__content, .login-page .login__content {
    width: 50vw;
  }
}
@media (max-width: 767px) {
  .sign-in-page .login__content, .login-page .login__content {
    width: 95vw;
  }
}

.ds-login {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  padding: 48px 24px;
  overflow: hidden;
  background-color: #f9fafb;
}
.ds-login::before, .ds-login::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
}
.ds-login::before {
  top: -120px;
  left: -120px;
  width: 540px;
  height: 540px;
  background: radial-gradient(circle, rgba(163, 53, 232, 0.45) 0%, rgba(163, 53, 232, 0) 70%);
}
.ds-login::after {
  bottom: -160px;
  right: -120px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255, 198, 75, 0.4) 0%, rgba(255, 198, 75, 0) 70%);
}
.ds-login__grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(17, 24, 39, 0.07) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}
.ds-login__card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 460px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  padding: 48px 44px 36px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 24px 48px -12px rgba(59, 10, 90, 0.1);
  animation: dsLoginCardIn 600ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__header {
  text-align: center;
  margin-bottom: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ds-login__logo {
  display: block;
  height: 36px;
  width: auto;
  margin-bottom: 16px;
  animation: dsLoginFadeUp 500ms 60ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__title {
  margin: 0 0 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #111827;
  animation: dsLoginFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__subtitle {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  color: #4b5563;
  line-height: 1.5;
  animation: dsLoginFadeUp 500ms 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__subtitle span {
  color: #8a1cd0;
  font-weight: 600;
}
.ds-login__form {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.ds-login__remember {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #4b5563;
  cursor: pointer;
  user-select: none;
  animation: dsLoginFadeUp 500ms 320ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__remember input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: #a335e8;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}
.ds-login__remember strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-login__submit-wrap {
  margin-top: 8px;
  animation: dsLoginFadeUp 500ms 360ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__submit {
  width: 100%;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), #a335e8;
  color: #ffffff;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.005em;
  border: 1px solid #8a1cd0;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.08), 0 8px 16px -8px rgba(163, 53, 232, 0.42);
  transition: transform 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 160ms cubic-bezier(0.4, 0, 0.2, 1), border-color 160ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login__submit:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 100%), #8a1cd0;
  border-color: #6c15a3;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.1), 0 12px 24px -8px rgba(163, 53, 232, 0.52);
}
.ds-login__submit:active {
  transform: translateY(1px);
}
.ds-login__submit:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85), 0 1px 2px rgba(59, 10, 90, 0.08), 0 8px 16px -8px rgba(163, 53, 232, 0.42);
}
.ds-login__submit svg {
  width: 18px;
  height: 18px;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login__submit:hover svg {
  transform: translateX(3px);
}
.ds-login__signup {
  text-align: center;
  margin: 24px 0 0;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  color: #4b5563;
  animation: dsLoginFadeUp 500ms 420ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__signup a {
  font-weight: 600;
  color: #111827;
  border-bottom: 1px solid #d1d5db;
  padding-bottom: 1px;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login__signup a:hover {
  color: #6c15a3;
  border-bottom-color: #a335e8;
}
.ds-login__meta {
  position: relative;
  z-index: 1;
  margin: 28px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
  animation: dsLoginFadeUp 600ms 600ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-login__meta strong {
  color: #374151;
  font-weight: 600;
}
.ds-login__meta-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #63b70f;
  box-shadow: 0 0 0 4px rgba(99, 183, 15, 0.18);
  animation: dsLoginPulse 2s ease-in-out infinite;
}
@media (max-width: 540px) {
  .ds-login {
    padding: 24px 16px;
    align-items: flex-start;
  }
  .ds-login__card {
    padding: 36px 24px 28px;
    border-radius: 16px;
  }
  .ds-login__title {
    font-size: 26px;
  }
  .ds-login__subtitle {
    font-size: 14px;
  }
}

.ds-login--admin::before {
  top: -100px;
  left: -90px;
  width: 620px;
  height: 620px;
  opacity: 0.8;
  background: radial-gradient(circle, rgba(163, 53, 232, 0.6) 0%, rgba(163, 53, 232, 0) 70%);
}
.ds-login--admin::after {
  bottom: -140px;
  right: -110px;
  width: 580px;
  height: 580px;
  opacity: 0.8;
  background: radial-gradient(circle, rgba(108, 21, 163, 0.5) 0%, rgba(108, 21, 163, 0) 70%);
}

.ds-login .ds-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  animation: dsLoginFadeUp 500ms both;
}
.ds-login .ds-field:nth-child(1) {
  animation-delay: 240ms;
}
.ds-login .ds-field:nth-child(2) {
  animation-delay: 300ms;
}
.ds-login .ds-field__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.ds-login .ds-field__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  letter-spacing: 0.005em;
}
.ds-login .ds-field__forgot {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: #6b7280;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login .ds-field__forgot:hover {
  color: #6c15a3;
}
.ds-login .ds-field__input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.ds-login .ds-field__icon {
  position: absolute;
  left: 14px;
  width: 18px;
  height: 18px;
  color: #9ca3af;
  pointer-events: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login .ds-field__input {
  width: 100%;
  height: 42px;
  padding: 0 14px 0 44px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  color: #111827;
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  outline: none;
  transition: border-color 160ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 160ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login .ds-field__input::placeholder {
  color: #9ca3af;
}
.ds-login .ds-field__input:hover {
  border-color: #9ca3af;
}
.ds-login .ds-field__input:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-login .ds-field__input:focus ~ .ds-field__icon, .ds-login .ds-field__input:focus:focus + .ds-field__icon {
  color: #a335e8;
}
.ds-login .ds-field__input-wrap:focus-within .ds-field__icon {
  color: #a335e8;
}
.ds-login .ds-field__reveal {
  position: absolute;
  right: 8px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: #9ca3af;
  cursor: pointer;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login .ds-field__reveal:hover {
  color: #374151;
  background-color: #f3f4f6;
}
.ds-login .ds-field__reveal:focus-visible {
  outline: none;
  color: #8a1cd0;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-login .ds-field__reveal svg {
  width: 18px;
  height: 18px;
}

@keyframes dsLoginCardIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dsLoginFadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dsLoginPulse {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(99, 183, 15, 0.18);
  }
  50% {
    box-shadow: 0 0 0 7px rgba(99, 183, 15, 0.05);
  }
}
.ds-field__hint {
  margin: 6px 0 0;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
}

.ds-login__danger {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  color: #6b7280;
}
.ds-login__danger .ds-login__danger-form {
  margin: 0;
}
.ds-login__danger button {
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #b91c1c;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 7px 12px;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-login__danger button:hover {
  background-color: #fee2e2;
}

@media (prefers-reduced-motion: reduce) {
  .ds-login *,
  .ds-login *::before,
  .ds-login *::after {
    animation: none !important;
    transition: none !important;
  }
}
.ds-app {
  display: grid;
  grid-template-columns: 256px 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  position: relative;
  background-color: #f9fafb;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ds-app a {
  text-decoration: none;
}
.ds-app::before {
  content: "";
  position: fixed;
  top: -200px;
  right: -200px;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(163, 53, 232, 0.14) 0%, transparent 65%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}
.ds-app::after {
  content: "";
  position: fixed;
  bottom: -300px;
  left: 200px;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 198, 75, 0.1) 0%, transparent 65%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}

.ds-shell-sidebar {
  grid-column: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 256px;
  height: 100vh;
  background-color: #ffffff;
  border-right: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  z-index: 10;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}
.ds-shell-sidebar::-webkit-scrollbar {
  width: 6px;
}
.ds-shell-sidebar::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 3px;
}
.ds-shell-sidebar__brand {
  padding: 8px 8px 24px;
  flex-shrink: 0;
}
.ds-shell-sidebar__brand img {
  height: 30px;
  width: auto;
  display: block;
}
.ds-shell-sidebar__section-label {
  padding: 16px 12px 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  flex-shrink: 0;
}
.ds-shell-sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}
.ds-shell-sidebar__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  border-radius: 8px;
  color: #4b5563;
  text-decoration: none;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.ds-shell-sidebar__item svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke-width: 1.7;
  color: #9ca3af;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-shell-sidebar__item:hover {
  background-color: #f9fafb;
  color: #111827;
}
.ds-shell-sidebar__item:hover svg {
  color: #374151;
}
.ds-shell-sidebar__item--active {
  background-color: #faf3ff;
  color: #6c15a3;
  font-weight: 600;
}
.ds-shell-sidebar__item--active svg {
  color: #8a1cd0;
}
.ds-shell-sidebar__item--active::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  background-color: #a335e8;
  border-radius: 0 3px 3px 0;
}
.ds-shell-sidebar__badge {
  margin-left: auto;
  font-size: 11px;
  padding: 2px 6px;
  background-color: #f3f4f6;
  color: #4b5563;
  border-radius: 9999px;
  font-weight: 600;
}
.ds-shell-sidebar__item--active .ds-shell-sidebar__badge {
  background-color: #f3e3fd;
  color: #6c15a3;
}
.ds-shell-sidebar__footer {
  border-top: 1px solid #e5e7eb;
  margin: 12px -16px -20px;
  padding: 16px 16px 16px;
  flex-shrink: 0;
  margin-top: auto;
}
.ds-shell-sidebar__status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background-color: #f9fafb;
  border-radius: 8px;
  font-size: 12.5px;
  color: #4b5563;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.ds-shell-sidebar__status strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-shell-sidebar__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #63b70f;
  box-shadow: 0 0 0 4px rgba(99, 183, 15, 0.18);
  animation: dsPulseDot 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes dsPulseDot {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(99, 183, 15, 0.18);
  }
  50% {
    box-shadow: 0 0 0 7px rgba(99, 183, 15, 0.05);
  }
}
.ds-shell-topbar {
  grid-column: 2;
  position: sticky;
  top: 0;
  height: 64px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 32px;
  background-color: rgba(249, 250, 251, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #e5e7eb;
  z-index: 5;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.ds-shell-topbar__org {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 6px 6px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
  color: #1f2937;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 600;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.ds-shell-topbar__org:hover {
  border-color: #d1d5db;
  background-color: #ffffff;
}
.ds-shell-topbar__org svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-shell-topbar__org-emblem {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: linear-gradient(135deg, #a335e8 0%, #6c15a3 100%);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
}
.ds-shell-topbar__divider {
  width: 1px;
  height: 24px;
  background-color: #e5e7eb;
}
.ds-shell-topbar__breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
}
.ds-shell-topbar__breadcrumb a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-shell-topbar__breadcrumb a:hover {
  color: #1f2937;
}
.ds-shell-topbar__breadcrumb svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-shell-topbar__breadcrumb strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-shell-topbar__breadcrumb strong.ds-mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.ds-shell-topbar__spacer {
  flex: 1;
}
.ds-shell-topbar__search {
  width: 320px;
  position: relative;
  display: flex;
  align-items: center;
}
.ds-shell-topbar__search svg {
  position: absolute;
  left: 12px;
  width: 16px;
  height: 16px;
  color: #9ca3af;
  pointer-events: none;
}
.ds-shell-topbar__search input {
  width: 100%;
  height: 36px;
  padding: 0 12px 0 36px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #111827;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-shell-topbar__search input::placeholder {
  color: #9ca3af;
}
.ds-shell-topbar__search input:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-shell-topbar__search kbd {
  position: absolute;
  right: 8px;
  padding: 2px 5px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 10.5px;
  color: #6b7280;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.ds-shell-topbar__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  color: #6b7280;
  position: relative;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-shell-topbar__action:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}
.ds-shell-topbar__action svg {
  width: 18px;
  height: 18px;
}
.ds-shell-topbar__action--has-dot::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 8px;
  width: 8px;
  height: 8px;
  background-color: #e82222;
  border: 2px solid #f9fafb;
  border-radius: 50%;
}
.ds-shell-topbar__user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #1f2937;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.ds-shell-topbar__user:hover {
  border-color: #d1d5db;
  background-color: #ffffff;
}
.ds-shell-topbar__user:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-shell-topbar__user svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-shell-topbar__user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
}
.ds-shell-topbar__user-name {
  font-size: 13px;
  font-weight: 600;
}
.ds-shell-topbar__menu-btn {
  display: none;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 8px;
  color: #374151;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-shell-topbar__menu-btn:hover {
  background-color: #f9fafb;
  border-color: #d1d5db;
}
.ds-shell-topbar__menu-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-shell-topbar__menu-btn svg {
  width: 18px;
  height: 18px;
}
.ds-shell-topbar__dropdown {
  position: relative;
}
.ds-shell-topbar__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 240px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(59, 10, 90, 0.1), 0 4px 8px rgba(59, 10, 90, 0.05);
  padding: 6px;
  z-index: 100;
  animation: dsFadeUp 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-shell-topbar__menu[hidden] {
  display: none;
}
.ds-shell-topbar__menu-head {
  padding: 10px 12px 12px;
  border-bottom: 1px solid #e5e7eb;
  margin: 0 -6px 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ds-shell-topbar__menu-name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.ds-shell-topbar__menu-email {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ds-shell-topbar__menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #1f2937;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-shell-topbar__menu-item:hover {
  background-color: #f9fafb;
}
.ds-shell-topbar__menu-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-shell-topbar__menu-item svg {
  width: 16px;
  height: 16px;
  color: #6b7280;
  flex-shrink: 0;
}
.ds-shell-topbar__menu-item--danger {
  color: #dc2626;
}
.ds-shell-topbar__menu-item--danger svg {
  color: #e82222;
}
.ds-shell-topbar__menu-item--danger:hover {
  background-color: #fef2f2;
}
.ds-shell-topbar__menu-sep {
  height: 1px;
  background-color: #e5e7eb;
  margin: 4px 0;
}

.ds-shell-backdrop {
  position: fixed;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 9;
  cursor: pointer;
  animation: dsFadeUp 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-shell-backdrop[hidden] {
  display: none;
}

.ds-shell-sidebar__close {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 6px;
  color: #374151;
  cursor: pointer;
  z-index: 2;
}
.ds-shell-sidebar__close:hover {
  background-color: #f9fafb;
}
.ds-shell-sidebar__close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-shell-sidebar__close svg {
  width: 18px;
  height: 18px;
}

body.no-scroll {
  overflow: hidden;
}

.ds-shell-main {
  grid-column: 2;
  padding: 32px 32px 64px;
  position: relative;
  z-index: 1;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #111827;
}

.ds-shell-flash {
  margin-bottom: 20px;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  animation: dsFadeUp 400ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-shell-flash--notice, .ds-shell-flash--success {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-shell-flash--info {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.ds-shell-flash--warning, .ds-shell-flash--alert {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-shell-flash--error, .ds-shell-flash--danger {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}

.ds-unpaid-banner {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 18px;
  padding: 14px 16px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 12px;
  animation: dsFadeUp 400ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-unpaid-banner__icon {
  flex-shrink: 0;
  color: #dc2626;
}
.ds-unpaid-banner__icon svg {
  width: 20px;
  height: 20px;
}
.ds-unpaid-banner__body {
  flex: 1;
  min-width: 0;
}
.ds-unpaid-banner__title {
  margin: 0 0 6px;
  font-weight: 600;
  color: #b91c1c;
}
.ds-unpaid-banner__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ds-unpaid-banner__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #b91c1c;
}
.ds-unpaid-banner__cta {
  flex-shrink: 0;
  font-weight: 600;
  font-size: 12.5px;
  padding: 5px 12px;
  border-radius: 8px;
  background-color: #dc2626;
  color: #fff;
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-unpaid-banner__cta:hover {
  background-color: #b91c1c;
}

.ds-invite {
  max-width: 620px;
  margin: 24px auto;
}
.ds-invite__title {
  font-size: 22px;
}
.ds-invite__lead {
  margin: 0;
  font-size: 15px;
  color: #374151;
  line-height: 1.6;
}
.ds-invite__lead strong {
  color: #111827;
  font-weight: 600;
}
.ds-invite__disclaimer {
  margin: 16px 0 0;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.6;
}
.ds-invite__leaks {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ds-invite__leak {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13.5px;
  color: #374151;
  line-height: 1.55;
}
.ds-invite__check {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  color: #16a34a;
}
.ds-invite__foot {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}

.ds-shell-footer {
  grid-column: 2;
  padding: 16px 32px 32px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 14px;
}
.ds-shell-footer__sep {
  color: #d1d5db;
}
.ds-shell-footer__sla {
  padding: 2px 8px;
  background-color: #f0fdf4;
  color: #15803d;
  border: 1px solid #bbf7d0;
  border-radius: 9999px;
  font-weight: 600;
  font-size: 11px;
}

.ds-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #1f2937;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-cta:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.ds-cta svg {
  width: 16px;
  height: 16px;
  color: #6b7280;
}
.ds-cta--primary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #a335e8;
  border-color: #8a1cd0;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.08), 0 8px 16px -8px rgba(163, 53, 232, 0.4);
}
.ds-cta--primary svg {
  color: #ffffff;
}
.ds-cta--primary:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0)), #8a1cd0;
  border-color: #6c15a3;
}
.ds-cta--danger {
  border-color: #fecaca;
  color: #b91c1c;
}
.ds-cta--danger svg {
  color: #e82222;
}
.ds-cta--danger:hover {
  background-color: #fef2f2;
  border-color: #e82222;
}

@keyframes dsFadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .ds-app {
    grid-template-columns: 1fr;
  }
  .ds-shell-sidebar {
    transform: translateX(-100%);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 20;
    box-shadow: none;
  }
  .ds-shell-sidebar--open {
    transform: translateX(0);
    box-shadow: 0 0 60px rgba(15, 23, 42, 0.18);
  }
  .ds-shell-sidebar__close {
    display: inline-flex;
  }
  .ds-shell-topbar, .ds-shell-main, .ds-shell-footer {
    grid-column: 1;
  }
  .ds-shell-topbar {
    padding: 0 16px;
    gap: 8px;
  }
  .ds-shell-topbar__menu-btn {
    display: inline-flex;
  }
  .ds-shell-topbar__breadcrumb, .ds-shell-topbar__divider {
    display: none;
  }
  .ds-shell-topbar__user-name {
    display: none;
  }
  .ds-shell-main {
    padding: 24px 16px 48px;
  }
}
.ds-page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
  animation: dsFadeUp 500ms 60ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-page-header__left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.ds-page-header__body {
  min-width: 0;
}
.ds-page-header__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #faf3ff 0%, #f3e3fd 100%);
  color: #6c15a3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4c4fa;
  flex-shrink: 0;
  box-shadow: 0 4px 12px -6px rgba(163, 53, 232, 0.28);
}
.ds-page-header__icon svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.6;
}
.ds-page-header__crumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
  margin-bottom: 6px;
}
.ds-page-header__crumbs a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-page-header__crumbs a:hover {
  color: #1f2937;
}
.ds-page-header__crumbs svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-page-header__crumbs strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-page-header__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111827;
  line-height: 1.18;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ds-page-header__title-count {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 15px;
  font-weight: 500;
  color: #6b7280;
  padding: 2px 8px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  letter-spacing: 0;
}
.ds-page-header__subtitle {
  margin: 6px 0 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.ds-page-header__stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ds-page-header__stat svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-page-header__stat strong {
  color: #374151;
  font-weight: 600;
}
.ds-page-header__stat code {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  color: #374151;
  background: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
}
.ds-page-header__sep {
  color: #d1d5db;
}
.ds-page-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .ds-page-header {
    flex-direction: column;
    align-items: stretch;
  }
  .ds-page-header__title {
    font-size: 22px;
  }
  .ds-page-header__icon {
    width: 40px;
    height: 40px;
  }
  .ds-page-header__icon svg {
    width: 20px;
    height: 20px;
  }
  .ds-page-header__actions {
    flex-wrap: wrap;
  }
}
.ds-icon-btn {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 8px;
  color: #6b7280;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
.ds-icon-btn:hover {
  border-color: #d1d5db;
  color: #1f2937;
  background-color: #f9fafb;
}
.ds-icon-btn svg {
  width: 18px;
  height: 18px;
}
.ds-icon-btn--favorite {
  color: #ffc64b;
  border-color: #fed7aa;
  background-color: #fff7ed;
}
.ds-icon-btn--favorite svg {
  fill: currentColor;
}

.ds-steps {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px 22px;
  margin-bottom: 28px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  position: relative;
  overflow: hidden;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-steps::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #a335e8 0%, #ffc64b 100%);
  border-radius: 3px 0 0 0;
}
.ds-steps__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
}
.ds-steps__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-steps__progress {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #6b7280;
}
.ds-steps__progress strong {
  color: #6c15a3;
  font-weight: 700;
}
.ds-steps__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.ds-step {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-step:hover {
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.ds-step__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.ds-step__icon svg {
  width: 18px;
  height: 18px;
}
.ds-step--done .ds-step__icon {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
  color: #16a34a;
}
.ds-step--todo .ds-step__icon {
  background-color: #fff7ed;
  border-color: #fed7aa;
  color: #ea580c;
}
.ds-step__body {
  flex: 1;
  min-width: 0;
}
.ds-step__title {
  margin: 0 0 2px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #1f2937;
}
.ds-step__subtitle {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-step__mark {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-step__mark svg {
  width: 12px;
  height: 12px;
  stroke-width: 3;
}
.ds-step--done .ds-step__mark {
  background-color: #15803d;
  color: #ffffff;
}
.ds-step--todo .ds-step__mark {
  background-color: #ffffff;
  border: 1px dashed #c2410c;
  color: #c2410c;
}

.ds-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  align-items: stretch;
}

.ds-cards-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  position: relative;
  overflow: hidden;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  animation: dsFadeUp 500ms both;
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-cards-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.ds-cards-card__title {
  margin: 0;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-cards-card__footer {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
}
.ds-cards-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #8a1cd0;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-cards-card__link:hover {
  color: #6c15a3;
}
.ds-cards-card__link:hover svg {
  transform: translateX(3px);
}
.ds-cards-card__link svg {
  width: 14px;
  height: 14px;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ds-grid > .ds-cards-card:nth-child(1) {
  animation-delay: 200ms;
}

.ds-grid > .ds-cards-card:nth-child(2) {
  animation-delay: 240ms;
}

.ds-grid > .ds-cards-card:nth-child(3) {
  animation-delay: 280ms;
}

.ds-grid > .ds-cards-card:nth-child(4) {
  animation-delay: 320ms;
}

.ds-grid > .ds-cards-card:nth-child(5) {
  animation-delay: 360ms;
}

.ds-grid > .ds-cards-card:nth-child(6) {
  animation-delay: 400ms;
}

.ds-col-1 {
  grid-column: span 1;
}

.ds-col-2 {
  grid-column: span 2;
}

.ds-col-3 {
  grid-column: span 3;
}

.ds-col-4 {
  grid-column: span 4;
}

.ds-col-5 {
  grid-column: span 5;
}

.ds-col-6 {
  grid-column: span 6;
}

.ds-col-7 {
  grid-column: span 7;
}

.ds-col-8 {
  grid-column: span 8;
}

.ds-col-9 {
  grid-column: span 9;
}

.ds-col-10 {
  grid-column: span 10;
}

.ds-col-11 {
  grid-column: span 11;
}

.ds-col-12 {
  grid-column: span 12;
}

.ds-pill-i {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  border-radius: 9999px;
  border: 1px solid;
  line-height: 1.4;
  letter-spacing: 0.01em;
}
.ds-pill-i--success {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-pill-i--warning {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-pill-i--danger {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}
.ds-pill-i--neutral {
  background-color: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}
.ds-pill-i--info {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}

.ds-cards-card--budget.is-warning {
  border-color: #fed7aa;
}
.ds-cards-card--budget.is-danger {
  border-color: #fecaca;
}

.ds-budget__amount {
  margin: 0 0 6px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 32px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ds-budget__currency {
  font-size: 18px;
  color: #6b7280;
  margin-left: 4px;
}
.ds-budget__caption {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #6b7280;
}
.ds-budget__caption strong {
  color: #374151;
  font-weight: 600;
  text-transform: capitalize;
}
.ds-budget__bar {
  margin-top: 16px;
  height: 6px;
  border-radius: 9999px;
  background-color: #f3f4f6;
  overflow: hidden;
}
.ds-budget__bar-fill {
  display: block;
  height: 100%;
  border-radius: 9999px;
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #63b70f;
}
.ds-budget__bar-fill--warn {
  background-color: #f69c00;
}
.ds-budget__bar-fill--danger {
  background-color: #e82222;
}
.ds-budget__stats {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.ds-budget__stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.ds-budget__stat-label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-budget__stat-value {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}
.ds-budget__stat-value.mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.ds-budget__note {
  margin-top: 12px;
  padding: 10px 12px;
  background-color: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #c2410c;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-budget__note svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.ds-budget__note--danger {
  background-color: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

.ds-card-empty-line {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #6b7280;
}

.ds-cards-card--payments {
  display: flex;
  flex-direction: column;
}
.ds-cards-card--payments > .ds-card-empty-line {
  flex: 1;
  display: flex;
  align-items: center;
}
.ds-cards-card--payments > .ds-cards-card__footer {
  margin-top: auto;
}

.ds-payments {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ds-pay-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px dashed #f3f4f6;
}
.ds-pay-row:last-of-type {
  border-bottom: none;
}
.ds-pay-row__icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-pay-row__icon svg {
  width: 15px;
  height: 15px;
}
.ds-pay-row__icon--in {
  background-color: #f0fdf4;
  color: #16a34a;
}
.ds-pay-row__icon--out {
  background-color: #f3f4f6;
  color: #6b7280;
}
.ds-pay-row__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ds-pay-row__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}
.ds-pay-row__meta {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  color: #6b7280;
  font-feature-settings: "tnum";
}
.ds-pay-row__meta .mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.ds-pay-row__amount {
  flex-shrink: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.ds-pay-row__amount--in {
  color: #15803d;
}
.ds-pay-row__amount--out {
  color: #374151;
}

.ds-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ds-metric {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  background: #f9fafb;
  border-radius: 8px;
}
.ds-metric__head {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6b7280;
}
.ds-metric__head svg {
  width: 16px;
  height: 16px;
}
.ds-metric__head-label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.ds-metric__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 22px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1;
}

.ds-quotas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px 24px;
}

.ds-quota__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.ds-quota__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: #374151;
}
.ds-quota__ratio {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
}
.ds-quota__ratio strong {
  color: #111827;
  font-weight: 600;
}
.ds-quota__bar {
  width: 100%;
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}
.ds-quota__bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #63b70f;
}
.ds-quota--warning .ds-quota__bar > span {
  background-color: #f69c00;
}
.ds-quota--danger .ds-quota__bar > span {
  background-color: #e82222;
}

.ds-list-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
  color: inherit;
  text-decoration: none;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 8px;
}
.ds-list-row:last-child {
  margin-bottom: 0;
}
.ds-list-row:hover {
  background-color: #ffffff;
  border-color: #e5e7eb;
}
.ds-list-row:hover .ds-list-row__arrow {
  color: #8a1cd0;
  transform: translateX(3px);
}
.ds-list-row__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  flex-shrink: 0;
}
.ds-list-row__icon svg {
  width: 16px;
  height: 16px;
}
.ds-list-row__icon--accent {
  background-color: #ffc64b;
  border-color: #ffc64b;
  color: #c2410c;
}
.ds-list-row__body {
  flex: 1;
  min-width: 0;
}
.ds-list-row__title {
  margin: 0;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}
.ds-list-row__subtitle {
  margin: 2px 0 0;
  font-size: 12px;
  color: #6b7280;
}
.ds-list-row__arrow {
  color: #9ca3af;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-list-row__arrow svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 1280px) {
  .ds-col-3 {
    grid-column: span 6;
  }
  .ds-col-4 {
    grid-column: span 6;
  }
  .ds-col-5 {
    grid-column: span 12;
  }
  .ds-col-6 {
    grid-column: span 12;
  }
  .ds-col-7 {
    grid-column: span 12;
  }
  .ds-col-8 {
    grid-column: span 12;
  }
  .ds-col-9, .ds-col-10, .ds-col-11 {
    grid-column: span 12;
  }
  .ds-steps__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .ds-col-2, .ds-col-3, .ds-col-4, .ds-col-5, .ds-col-6, .ds-col-7, .ds-col-8, .ds-col-9, .ds-col-10, .ds-col-11 {
    grid-column: span 12;
  }
  .ds-steps__grid {
    grid-template-columns: 1fr;
  }
  .ds-summary, .ds-quotas {
    grid-template-columns: 1fr;
  }
}
.ds-dash-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 16px;
  margin-bottom: 20px;
}
@media (max-width: 720px) {
  .ds-dash-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ds-dash-stat {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04);
}
.ds-dash-stat:nth-child(1) {
  order: 1;
}
.ds-dash-stat:nth-child(3) {
  order: 2;
}
.ds-dash-stat:nth-child(4) {
  order: 3;
}
.ds-dash-stat:nth-child(2), .ds-dash-stat:nth-child(5), .ds-dash-stat:nth-child(6) {
  padding: 12px 16px;
}
.ds-dash-stat:nth-child(2) {
  order: 4;
}
.ds-dash-stat:nth-child(5) {
  order: 5;
}
.ds-dash-stat:nth-child(6) {
  order: 6;
}
.ds-dash-stat:nth-child(2) .ds-dash-stat__icon, .ds-dash-stat:nth-child(5) .ds-dash-stat__icon, .ds-dash-stat:nth-child(6) .ds-dash-stat__icon {
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
}
.ds-dash-stat:nth-child(2) .ds-dash-stat__icon svg, .ds-dash-stat:nth-child(5) .ds-dash-stat__icon svg, .ds-dash-stat:nth-child(6) .ds-dash-stat__icon svg {
  width: 15px;
  height: 15px;
}
.ds-dash-stat:nth-child(2) .ds-dash-stat__value, .ds-dash-stat:nth-child(5) .ds-dash-stat__value, .ds-dash-stat:nth-child(6) .ds-dash-stat__value {
  font-size: 24px;
}
.ds-dash-stat__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.ds-dash-stat__icon svg {
  width: 18px;
  height: 18px;
}
.ds-dash-stat__icon--violet {
  background-color: #faf3ff;
  color: #6c15a3;
}
.ds-dash-stat__icon--blue {
  background-color: #eff6ff;
  color: #1d4ed8;
}
.ds-dash-stat__icon--green {
  background-color: #f0fdf4;
  color: #15803d;
}
.ds-dash-stat__icon--amber {
  background-color: #fff7ed;
  color: #c2410c;
}
.ds-dash-stat__icon--red {
  background-color: #fef2f2;
  color: #b91c1c;
}
.ds-dash-stat__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  color: #111827;
  font-variant-numeric: tabular-nums;
}
.ds-dash-stat__value small {
  font-size: 16px;
  font-weight: 500;
  color: #6b7280;
}
.ds-dash-stat__label {
  margin: 8px 0 0;
  font-size: 12.5px;
  color: #4b5563;
}
.ds-dash-feed {
  display: flex;
  flex-direction: column;
}
.ds-dash-feed-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
}
.ds-dash-feed-row + .ds-dash-feed-row {
  border-top: 1px solid #f3f4f6;
}
.ds-dash-feed-row__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-dash-feed-row__icon svg {
  width: 16px;
  height: 16px;
}
.ds-dash-feed-row__icon--create {
  background-color: #f0fdf4;
  color: #15803d;
}
.ds-dash-feed-row__icon--delete {
  background-color: #fef2f2;
  color: #b91c1c;
}
.ds-dash-feed-row__icon--update {
  background-color: #eff6ff;
  color: #1d4ed8;
}
.ds-dash-feed-row__icon--other {
  background-color: #faf3ff;
  color: #6c15a3;
}
.ds-dash-feed-row__body {
  flex: 1;
  min-width: 0;
}
.ds-dash-feed-row__text {
  margin: 0;
  font-size: 13.5px;
  color: #1f2937;
}
.ds-dash-feed-row__text .mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #111827;
}
.ds-dash-feed-row__meta {
  margin: 3px 0 0;
  font-size: 12px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.ds-dash-feed-row__sep {
  color: #d1d5db;
}
.ds-dash-feed-row__time {
  color: #6b7280;
}
.ds-dash-jobs {
  display: flex;
  flex-direction: column;
}
.ds-dash-job-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0;
}
.ds-dash-job-row + .ds-dash-job-row {
  border-top: 1px solid #f3f4f6;
}
.ds-dash-job-row__name {
  font-size: 13px;
  color: #374151;
}
.ds-dash-job-row__val {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-dash-job-row__val.is-warn {
  color: #c2410c;
}
.ds-dash-job-row__val.is-danger {
  color: #b91c1c;
}
.ds-dash-card-foot {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #f3f4f6;
}
.ds-dash-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6c15a3;
}
.ds-dash-card-link svg {
  width: 15px;
  height: 15px;
}
.ds-dash-card-link:hover {
  color: #530f7e;
}
.ds-dash-shortcuts {
  display: flex;
  flex-direction: column;
}
.ds-dash-shortcut {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 8px;
  margin: 0 -8px;
  border-radius: 8px;
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-dash-shortcut:last-child {
  border-bottom: none;
}
.ds-dash-shortcut:hover {
  background-color: #f9fafb;
}
.ds-dash-shortcut:first-child .ds-dash-shortcut__icon {
  width: 44px;
  height: 44px;
}
.ds-dash-shortcut:first-child .ds-dash-shortcut__icon svg {
  width: 22px;
  height: 22px;
}
.ds-dash-shortcut__icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: #faf3ff;
  color: #6c15a3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-dash-shortcut__icon svg {
  width: 18px;
  height: 18px;
}
.ds-dash-shortcut__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ds-dash-shortcut__title {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-dash-shortcut__sub {
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}
.ds-dash-shortcut__arrow {
  margin-left: auto;
  color: #9ca3af;
}
.ds-dash-shortcut__arrow svg {
  width: 16px;
  height: 16px;
}
.ds-dash-shortcut:hover .ds-dash-shortcut__arrow {
  color: #8a1cd0;
}

.ds-search-hidden {
  display: none !important;
}

.ds-search-empty {
  padding: 32px 16px;
  text-align: center;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  color: #4b5563;
}

.ds-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.03);
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-filters__search {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.ds-filters__search svg {
  position: absolute;
  left: 12px;
  width: 16px;
  height: 16px;
  color: #9ca3af;
  pointer-events: none;
}
.ds-filters__search input {
  width: 100%;
  height: 36px;
  padding: 0 12px 0 36px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  background-color: #f9fafb;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-filters__search input::placeholder {
  color: #9ca3af;
}
.ds-filters__search input:focus {
  background-color: #ffffff;
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-filters__select {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 10px 0 12px;
  background-color: #f9fafb;
  border: 1px solid transparent;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-filters__select:hover {
  background-color: #f3f4f6;
}
.ds-filters__select svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-filters__select--ghost {
  background-color: transparent;
  border-color: #e5e7eb;
}
.ds-filters__select--ghost:hover {
  background-color: #f9fafb;
}
.ds-filters__chip {
  display: inline-flex;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: linear-gradient(135deg, #e4c4fa, #ba6cf1);
}

.ds-table-wrap {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  overflow-x: auto;
  animation: dsFadeUp 500ms 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.ds-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
}
.ds-table thead th {
  text-align: left;
  padding: 11px 16px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6b7280;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}
.ds-table thead th.is-num, .ds-table tbody td.is-num {
  text-align: right;
  font-feature-settings: "tnum";
}
.ds-table tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
}
.ds-table tbody tr {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-table tbody tr:hover {
  background-color: #f9fafb;
}
.ds-table tbody tr:last-child td {
  border-bottom: none;
}
.ds-table__select {
  width: 32px;
  padding-right: 0;
}
.ds-table__select input {
  width: 14px;
  height: 14px;
  accent-color: #a335e8;
  cursor: pointer;
}

.ds-vm-name {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ds-vm-name__label {
  font-weight: 600;
  color: #111827;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ds-vm-name__label a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-vm-name__label a:hover {
  color: #6c15a3;
}
.ds-vm-name__ip {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
  letter-spacing: -0.01em;
}
.ds-vm-name__switch {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
}

.ds-vm-type {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #374151;
  padding: 2px 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  display: inline-block;
  white-space: nowrap;
}

.ds-vm-region {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #374151;
}
.ds-vm-region__flag {
  width: 18px;
  height: 12px;
  border-radius: 2px;
  background: linear-gradient(90deg, #002395 0 33%, #ffffff 33% 66%, #ed2939 66%);
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(17, 24, 39, 0.06);
}
.ds-vm-region__code {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #4b5563;
}

.ds-vm-cost {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  color: #374151;
  font-size: 13px;
  letter-spacing: -0.005em;
}
.ds-vm-cost__unit {
  color: #9ca3af;
  font-size: 11px;
  margin-left: 2px;
}

.ds-vm-time {
  color: #6b7280;
  font-size: 12.5px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.ds-ip-addr {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.01em;
}

.ds-ip-target {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ds-ip-target svg {
  width: 15px;
  height: 15px;
  color: #9ca3af;
  flex-shrink: 0;
}
.ds-ip-target__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
}
.ds-ip-target__name a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-ip-target__name a:hover {
  color: #6c15a3;
}

.ds-ip-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

.ds-ip-reverse {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 2px 8px 2px 4px;
  border-radius: 9999px;
  font-size: 12px;
  text-decoration: none;
  color: #6b7280;
  border: 1px solid transparent;
  max-width: 100%;
}
.ds-ip-reverse__tag {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9ca3af;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 1px 5px;
  flex-shrink: 0;
}
.ds-ip-reverse__value {
  font-size: 12px;
  color: #4b5563;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}
.ds-ip-reverse__value--muted {
  color: #9ca3af;
  font-style: italic;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.ds-ip-reverse__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #9ca3af;
}
.ds-ip-reverse__dot--on {
  background-color: #63b70f;
}
.ds-ip-reverse__dot--pending {
  background-color: #f69c00;
}
.ds-ip-reverse__dot--error {
  background-color: #e82222;
}
.ds-ip-reverse__pencil {
  width: 13px;
  height: 13px;
  color: #9ca3af;
  opacity: 0.55;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.ds-ip-reverse--editable {
  cursor: pointer;
  border-color: #e5e7eb;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-ip-reverse--editable:hover {
  background-color: #faf3ff;
  border-color: #e4c4fa;
}
.ds-ip-reverse--editable:hover .ds-ip-reverse__value {
  color: #6c15a3;
}
.ds-ip-reverse--editable:hover .ds-ip-reverse__pencil {
  opacity: 1;
  color: #8a1cd0;
}

.ds-reverse-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

.ds-row-action-form {
  display: inline;
  margin: 0;
}

.ds-release-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid #fecaca;
  background-color: #fef2f2;
  color: #b91c1c;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-release-btn svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.ds-release-btn:hover {
  background-color: rgba(232, 34, 34, 0.12);
  border-color: #e82222;
}

.ds-ticket-subject {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ds-ticket-subject__icon {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: #faf3ff;
  border: 1px solid #f3e3fd;
  color: #8a1cd0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-ticket-subject__icon svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.7;
}
.ds-ticket-subject__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.ds-ticket-subject__title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
}
.ds-ticket-subject__title a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-ticket-subject__title a:hover {
  color: #6c15a3;
}
.ds-ticket-subject__meta {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ds-ticket-subject__ref {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #6b7280;
}
.ds-ticket-subject__sep {
  color: #d1d5db;
}

.ds-pagination--kaminari {
  flex-wrap: wrap;
  gap: 8px;
}
.ds-pagination--kaminari nav.pagination {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ds-inv-ref {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.01em;
}
.ds-inv-ref a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-inv-ref a:hover {
  color: #6c15a3;
}

.ds-vpc-count {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #374151;
}
.ds-vpc-count strong {
  font-weight: 700;
  color: #111827;
}
.ds-vpc-count__unit {
  color: #9ca3af;
  font-size: 11.5px;
}

.ds-row-action-form {
  display: inline-flex;
  margin: 0;
}

.ds-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  opacity: 0.6;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-table tbody tr:hover .ds-row-actions {
  opacity: 1;
}

.ds-row-action {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: transparent;
  color: #6b7280;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-row-action:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}
.ds-row-action--danger:hover {
  background-color: #fef2f2;
  color: #b91c1c;
}
.ds-row-action svg {
  width: 16px;
  height: 16px;
}

@media (pointer: coarse) {
  .ds-row-action {
    width: 44px;
    height: 44px;
  }
}
.ds-row-toggle svg {
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-row-toggle--open svg {
  transform: rotate(180deg);
}

.ds-row-detail > td {
  background-color: #f3f4f6;
  padding: 0;
}
.ds-row-detail__inner {
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) 1.2fr;
  gap: 24px;
  padding: 16px 16px 18px;
}
.ds-row-detail__periods {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ds-row-detail__heading {
  margin: 0 0 10px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-row-detail__empty {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}

.ds-tx-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ds-tx-line {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.ds-tx-line__method {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #4b5563;
}
.ds-tx-line__author {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-tx-line__amount {
  margin-left: auto;
}

.ds-inv-remaining {
  display: block;
  margin-top: 2px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  color: #c2410c;
}

.ds-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 3px 10px 3px 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  border-radius: 9999px;
  border: 1px solid;
  line-height: 1.4;
}
.ds-status__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
}
.ds-status--on {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-status--off {
  background-color: #f3f4f6;
  color: #4b5563;
  border-color: #e5e7eb;
}
.ds-status--neutral {
  background-color: #f3f4f6;
  color: #4b5563;
  border-color: #e5e7eb;
}
.ds-status--pending {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-status--pending .ds-status__dot {
  animation: dsStatusPulse 1.4s ease-in-out infinite;
}
.ds-status--error {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}
.ds-status--info {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.ds-status--info .ds-status__dot {
  animation: dsStatusPulse 1.4s ease-in-out infinite;
}

@keyframes dsStatusPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.85);
  }
}
.ds-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-top: 1px solid #f3f4f6;
  background-color: #f9fafb;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-pagination__count strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-pagination__nav {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ds-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #374151;
  border-radius: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pagination__btn:hover:not(:disabled):not(.ds-pagination__btn--active) {
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.ds-pagination__btn--active {
  background-color: #a335e8;
  color: #ffffff;
  border-color: #8a1cd0;
}
.ds-pagination__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ds-pagination__btn svg {
  width: 14px;
  height: 14px;
}

.ds-empty {
  background-color: #ffffff;
  border: 1px dashed #d1d5db;
  border-radius: 16px;
  padding: 64px 32px;
  text-align: center;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  animation: dsFadeUp 500ms 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-empty__art {
  width: 88px;
  height: 88px;
  margin: 0 auto 20px;
  border-radius: 20px;
  background: linear-gradient(135deg, #faf3ff 0%, #f3e3fd 100%);
  border: 1px solid #e4c4fa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a335e8;
  box-shadow: 0 12px 24px -12px rgba(163, 53, 232, 0.32);
}
.ds-empty__art svg {
  width: 42px;
  height: 42px;
  stroke-width: 1.5;
}
.ds-empty__title {
  margin: 0 0 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.01em;
}
.ds-empty__sub {
  margin: 0 auto 22px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #6b7280;
  max-width: 380px;
}

@media (max-width: 1100px) {
  .ds-vm-region__flag {
    display: none;
  }
  .ds-table thead th.ds-col-cost,
  .ds-table tbody td.ds-col-cost,
  .ds-table thead th.ds-col-reply,
  .ds-table tbody td.ds-col-reply,
  .ds-table thead th.ds-col-period,
  .ds-table tbody td.ds-col-period {
    display: none;
  }
}
@media (max-width: 900px) {
  .ds-table thead th.ds-col-region,
  .ds-table tbody td.ds-col-region,
  .ds-table thead th.ds-col-department,
  .ds-table tbody td.ds-col-department {
    display: none;
  }
}
@media (max-width: 768px) {
  .ds-filters {
    flex-wrap: wrap;
  }
  .ds-filters__search {
    width: 100%;
  }
  .ds-row-detail__inner {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .ds-tx-line {
    flex-wrap: wrap;
    gap: 6px 10px;
  }
  .ds-tx-line__amount {
    margin-left: 0;
  }
  .ds-table thead th.ds-col-type,
  .ds-table tbody td.ds-col-type,
  .ds-table thead th.ds-col-count,
  .ds-table tbody td.ds-col-count,
  .ds-table thead th.ds-col-version,
  .ds-table tbody td.ds-col-version,
  .ds-table thead th.ds-col-created,
  .ds-table tbody td.ds-col-created,
  .ds-table thead th.ds-col-method,
  .ds-table tbody td.ds-col-method,
  .ds-table thead th.ds-col-time,
  .ds-table tbody td.ds-col-time {
    display: none;
  }
}
.ds-fip-addr-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ds-fip-ver {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}
.ds-fip-ver--v4 {
  background-color: #eff6ff;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}
.ds-fip-ver--v6 {
  background-color: #faf3ff;
  color: #6c15a3;
  border: 1px solid #e4c4fa;
}

.ds-fip-net {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 1px;
  font-variant-numeric: tabular-nums;
}

.ds-fip-assign {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ds-fip-assign__org {
  font-weight: 600;
  color: #1f2937;
}
.ds-fip-assign__target {
  font-size: 12px;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.ds-fip-assign__target svg {
  width: 12px;
  height: 12px;
  color: #9ca3af;
  flex-shrink: 0;
}
.ds-fip-assign__target a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-fip-assign__target a:hover {
  color: #6c15a3;
}
.ds-fip-assign__target--muted {
  font-style: italic;
  color: #9ca3af;
}

.ds-fip-rev {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #374151;
  font-variant-numeric: tabular-nums;
}
.ds-fip-rev--none {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: italic;
  color: #9ca3af;
}

.ds-fip-rev-chip {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 9999px;
  border: 1px solid;
  margin-left: 6px;
  vertical-align: middle;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.ds-fip-rev-chip--on {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-fip-rev-chip--pending {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-fip-rev-chip--error {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}

.ds-fip-price__tag {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  color: #9ca3af;
  margin-right: 2px;
}
.ds-fip-price--override {
  color: #6c15a3;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1100px) {
  .ds-table thead th.ds-col-rev,
  .ds-table tbody td.ds-col-rev {
    display: none;
  }
}
@media (max-width: 768px) {
  .ds-table thead th.ds-col-assign,
  .ds-table tbody td.ds-col-assign {
    display: none;
  }
}
.ds-projects {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  animation: dsFadeUp 500ms 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.ds-project-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 20px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 75ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.ds-project-card:hover {
  border-color: #e4c4fa;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.06), 0 16px 32px -16px rgba(59, 10, 90, 0.16);
}
.ds-project-card:hover .ds-project-card__arrow {
  color: #8a1cd0;
  transform: translateX(3px);
}
.ds-project-card:active {
  transform: translateY(1px);
}
.ds-project-card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85), 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-project-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.ds-project-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #f3f4f6;
  color: #4b5563;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-project-card__icon svg {
  width: 20px;
  height: 20px;
}
.ds-project-card__icon--accent {
  background-color: #ffc64b;
  color: #c2410c;
}
.ds-project-card__title-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ds-project-card__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-project-card__arrow {
  color: #9ca3af;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-project-card__arrow svg {
  width: 18px;
  height: 18px;
}
.ds-project-card__stats {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
  flex-wrap: wrap;
}
.ds-project-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ds-project-card__stat svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-project-card__stat strong {
  color: #1f2937;
  font-weight: 600;
}

.ds-project-settings__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ds-project-settings__actions {
  display: flex;
  gap: 8px;
  padding-top: 8px;
}

.ds-project-danger {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}
.ds-project-danger__label {
  margin: 0 0 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-subbar {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 20px;
  border-bottom: 1px solid #e5e7eb;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.ds-subbar__tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 12px 14px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: #6b7280;
  text-decoration: none;
  position: relative;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-subbar__tab svg {
  width: 15px;
  height: 15px;
}
.ds-subbar__tab:hover {
  color: #1f2937;
}
.ds-subbar__tab--active {
  color: #6c15a3;
  font-weight: 600;
}
.ds-subbar__tab--active::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -1px;
  height: 2px;
  background-color: #a335e8;
  border-radius: 2px 2px 0 0;
}

.ds-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 9999px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #4b5563;
  line-height: 1.4;
}
.ds-chip svg {
  width: 12px;
  height: 12px;
  color: #9ca3af;
}
.ds-chip--accent {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
}
.ds-chip--green {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-chip--orange {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-chip--gray {
  background-color: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}

.ds-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.ds-card-header__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-card-header__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ds-kv-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.ds-kv-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.ds-kv {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ds-kv__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ds-kv__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #1f2937;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
}
.ds-kv__value--muted {
  color: #6b7280;
  font-style: italic;
}

.ds-vpc-topo {
  width: 100%;
  height: 380px;
  background: linear-gradient(180deg, #faf3ff 0%, #ffffff 100%);
  border: 1px solid #f3e3fd;
  border-radius: 12px;
  overflow: hidden;
  display: block;
}

.ds-vpc-legend {
  display: flex;
  gap: 18px;
  margin-top: 14px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #4b5563;
  flex-wrap: wrap;
}
.ds-vpc-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.ds-vpc-legend__swatch {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  flex-shrink: 0;
}

.ds-price-block {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.ds-price-block__big {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 28px;
  font-weight: 500;
  color: #111827;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.ds-price-block__big small {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #6b7280;
  font-weight: 400;
  letter-spacing: 0;
}
.ds-price-block__hint {
  margin: 12px 0 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}

@media (max-width: 768px) {
  .ds-kv-cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .ds-vpc-topo {
    height: 320px;
  }
}
.ds-chip--success {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}

.ds-banner {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 18px;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  margin-bottom: 22px;
  animation: dsFadeUp 500ms 100ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-banner__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #dcfce7;
  color: #15803d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-banner__icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.2;
}
.ds-banner__title {
  margin: 0 0 2px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #15803d;
}
.ds-banner__helper {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #15803d;
  opacity: 0.85;
}
.ds-banner--warning {
  background-color: #fff7ed;
  border-color: #fed7aa;
}
.ds-banner--warning .ds-banner__icon {
  background-color: #ffedd5;
  color: #c2410c;
}
.ds-banner--warning .ds-banner__title, .ds-banner--warning .ds-banner__helper {
  color: #c2410c;
}
.ds-banner--danger {
  background-color: #fef2f2;
  border-color: #fecaca;
}
.ds-banner--danger .ds-banner__icon {
  background-color: #fee2e2;
  color: #b91c1c;
}
.ds-banner--danger .ds-banner__title, .ds-banner--danger .ds-banner__helper {
  color: #b91c1c;
}

.ds-zones-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ds-zone-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-zone-cell .ds-zone-card {
  flex: 1;
  min-width: 0;
}

.ds-zone-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-zone-card:hover {
  border-color: #d29df6;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-zone-card:hover .ds-zone-card__edit svg {
  transform: translateX(3px);
}
.ds-zone-card__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #faf3ff;
  color: #6c15a3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-zone-card__icon svg {
  width: 18px;
  height: 18px;
}
.ds-zone-card__body {
  flex: 1;
  min-width: 0;
}
.ds-zone-card__name {
  margin: 0 0 2px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
}
.ds-zone-card__meta {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
}
.ds-zone-card__edit {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #8a1cd0;
}
.ds-zone-card__edit svg {
  width: 14px;
  height: 14px;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ds-zone-card__edit .ds-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #4b5563;
}
.ds-zone-card__edit .ds-status .ds-status__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9ca3af;
}
.ds-zone-card__edit .ds-status.ds-status--on {
  color: #15803d;
}
.ds-zone-card__edit .ds-status.ds-status--on .ds-status__dot {
  background-color: #63b70f;
}
.ds-zone-card__edit .ds-status.ds-status--pending {
  color: #1d4ed8;
}
.ds-zone-card__edit .ds-status.ds-status--pending .ds-status__dot {
  background-color: #3567e8;
}
.ds-zone-card__edit .ds-status.ds-status--error {
  color: #b91c1c;
}
.ds-zone-card__edit .ds-status.ds-status--error .ds-status__dot {
  background-color: #e82222;
}
.ds-zone-card__edit .ds-status.ds-status--neutral {
  color: #4b5563;
}
.ds-zone-card__edit .ds-status.ds-status--neutral .ds-status__dot {
  background-color: #9ca3af;
}

.ds-ns-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.ds-ns-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 14px;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
}
.ds-ns-list__name {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #111827;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.ds-ns-list__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #15803d;
}
.ds-ns-list__status svg {
  width: 14px;
  height: 14px;
  color: #16a34a;
}
.ds-ns-list__status--warning {
  color: #c2410c;
}
.ds-ns-list__status--warning svg {
  color: #ea580c;
}
.ds-ns-list__status--error {
  color: #b91c1c;
}
.ds-ns-list__status--error svg {
  color: #dc2626;
}
.ds-ns-list__hint {
  margin: 14px 0 0;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-verify-card {
  background-color: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 12px;
  padding: 20px 22px;
  margin-bottom: 22px;
}
.ds-verify-card__title {
  margin: 0 0 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #c2410c;
}
.ds-verify-card__hint {
  margin: 0 0 14px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #c2410c;
  opacity: 0.92;
}
.ds-verify-card__code {
  display: block;
  padding: 10px 14px;
  background-color: #ffffff;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #111827;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
  margin-bottom: 8px;
}
.ds-verify-card__code:last-child {
  margin-bottom: 0;
}
.ds-verify-card__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  color: #c2410c;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

@media (max-width: 900px) {
  .ds-zones-list {
    grid-template-columns: 1fr;
  }
}
.ds-records-filter {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.ds-pill-btn {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 600;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #4b5563;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pill-btn:hover {
  color: #1f2937;
  border-color: #d1d5db;
}
.ds-pill-btn--active {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
}

.ds-type-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 9px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid;
  letter-spacing: 0.02em;
  min-width: 44px;
}
.ds-type-pill--A {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.ds-type-pill--AAAA {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
}
.ds-type-pill--CNAME {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-type-pill--MX {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-type-pill--TXT {
  background-color: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}
.ds-type-pill--NS {
  background-color: #fff9ed;
  color: #b07c00;
  border-color: #ffe49d;
}
.ds-type-pill--SOA {
  background-color: #fff0c9;
  color: #b07c00;
  border-color: #ffe49d;
}

.ds-records-table .ds-name-cell {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #111827;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.ds-records-table .ds-val-cell {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #1f2937;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
}
.ds-records-table .ds-ttl-cell {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
}

.ds-zone-ns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.ds-zone-ns__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #374151;
  font-variant-numeric: tabular-nums;
}
.ds-zone-ns__tag svg {
  width: 14px;
  height: 14px;
  color: #6b7280;
  flex-shrink: 0;
}

.ds-bind-area {
  width: 100%;
  min-height: 280px;
  margin: 0;
  padding: 16px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.55;
  color: #111827;
  font-variant-numeric: tabular-nums;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  resize: vertical;
  outline: none;
}
.ds-bind-area:focus {
  background-color: #ffffff;
  border-color: #ba6cf1;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

.ds-bulk-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}

.ds-wallet-hero {
  position: relative;
  background: linear-gradient(135deg, #faf3ff 0%, #ffffff 100%);
  border: 1px solid #f3e3fd;
  border-radius: 16px;
  padding: 28px 32px 24px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  overflow: hidden;
  margin-bottom: 22px;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-wallet-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  filter: blur(60px);
  background: radial-gradient(circle, rgba(163, 53, 232, 0.25) 0%, rgba(163, 53, 232, 0) 70%);
  pointer-events: none;
}
.ds-wallet-hero__label {
  position: relative;
  margin: 0 0 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-wallet-hero__amount {
  position: relative;
  margin: 0 0 6px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 48px;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  color: #111827;
}
.ds-wallet-hero__amount small {
  font-size: 22px;
  color: #6b7280;
  margin-left: 6px;
  font-weight: 400;
}
.ds-wallet-hero__sub {
  position: relative;
  margin: 0 0 18px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #4b5563;
}
.ds-wallet-hero__sub strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-wallet-hero__progress {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 9999px;
  overflow: hidden;
  margin-bottom: 8px;
}
.ds-wallet-hero__progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a335e8 0%, #ffc64b 100%);
}
.ds-wallet-hero__progress-foot {
  position: relative;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
}
.ds-wallet-hero__progress-foot svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-wallet-hero__stats {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(163, 53, 232, 0.1);
}
.ds-wallet-hero__stat-label {
  margin: 0 0 4px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-wallet-hero__stat-value {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 18px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

.ds-amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}
.ds-amount--in {
  color: #15803d;
}
.ds-amount--out {
  color: #b91c1c;
}
.ds-amount--bonus {
  color: #b07c00;
}

.ds-tx-ref {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
}

.ds-tx-date {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 768px) {
  .ds-wallet-hero {
    padding: 22px 22px 18px;
  }
  .ds-wallet-hero__amount {
    font-size: 38px;
  }
  .ds-wallet-hero__amount small {
    font-size: 18px;
  }
  .ds-wallet-hero__stats {
    grid-template-columns: 1fr 1fr;
  }
}
.ds-payment {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 20px;
  align-items: start;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-payment__main {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 26px 28px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-payment__title {
  margin: 0 0 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #111827;
}
.ds-payment__hint {
  margin: 0 0 22px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #6b7280;
}
.ds-payment__element {
  position: relative;
  min-height: 96px;
  margin-bottom: 18px;
}
.ds-payment__loader {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-payment__loader.disapear {
  opacity: 0;
  pointer-events: none;
}
.ds-payment__loader__spinner {
  width: 24px;
  height: 24px;
  border: 2.5px solid #f3e3fd;
  border-top-color: #a335e8;
  border-radius: 50%;
  animation: dsSpin 700ms linear infinite;
}
.ds-payment__submit {
  width: 100%;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), #a335e8;
  color: #ffffff;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 14.5px;
  border: 1px solid #8a1cd0;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 160ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 160ms cubic-bezier(0.4, 0, 0.2, 1), transform 120ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.08), 0 8px 16px -8px rgba(163, 53, 232, 0.42);
}
.ds-payment__submit:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 100%), #8a1cd0;
  border-color: #6c15a3;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.1), 0 12px 24px -8px rgba(163, 53, 232, 0.52);
}
.ds-payment__submit:active {
  transform: translateY(1px);
}
.ds-payment__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.ds-payment__submit svg {
  width: 16px;
  height: 16px;
}
.ds-payment__submit-spinner {
  display: none;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: dsSpin 700ms linear infinite;
}
.ds-payment__message {
  margin-top: 14px;
  padding: 10px 14px;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
}
.ds-payment__message.error {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
}
.ds-payment__message.hidden {
  display: none;
}
.ds-payment__aside {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: sticky;
  top: 84px;
}

.ds-trust-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-trust-card__note {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #4b5563;
  line-height: 1.55;
}
.ds-trust-card__title {
  margin: 0 0 12px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-trust-card__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px dashed #f3f4f6;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #374151;
}
.ds-trust-card__row:last-child {
  border-bottom: none;
}
.ds-trust-card__row svg {
  width: 16px;
  height: 16px;
  color: #16a34a;
  flex-shrink: 0;
}

.ds-brand-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.ds-brand-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #374151;
}

@keyframes dsSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 960px) {
  .ds-payment {
    grid-template-columns: 1fr;
  }
  .ds-payment__aside {
    position: static;
  }
}
.ds-ticket-title {
  margin: 0 0 12px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
}

.ds-ticket-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
  align-items: center;
}
.ds-ticket-meta__sep {
  color: #d1d5db;
}

.ds-ticket-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0 0;
  border-top: 1px solid #f3f4f6;
}
.ds-ticket-author__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8 0%, #6c15a3 100%);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}
.ds-ticket-author__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
}
.ds-ticket-author__name span {
  color: #6b7280;
  font-weight: 500;
  font-size: 12px;
}
.ds-ticket-author__details {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ds-timeline li {
  position: relative;
  padding: 4px 0 16px 24px;
}
.ds-timeline li:last-child {
  padding-bottom: 0;
}
.ds-timeline li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 16px;
  bottom: 0;
  width: 1px;
  background-color: #e5e7eb;
}
.ds-timeline__dot {
  position: absolute;
  left: 0;
  top: 6px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #a335e8;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1.5px #e4c4fa;
}
.ds-timeline__dot--gray {
  background-color: #d1d5db;
  box-shadow: 0 0 0 1.5px #e5e7eb;
}
.ds-timeline__dot--success {
  background-color: #63b70f;
  box-shadow: 0 0 0 1.5px #bbf7d0;
}
.ds-timeline__label {
  margin: 0 0 2px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.ds-timeline__time {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
}

.ds-sla-helper {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding: 8px 12px;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #15803d;
}
.ds-sla-helper svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.ds-messages {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 22px;
}

.ds-msg {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ds-msg__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  flex-shrink: 0;
  background: linear-gradient(135deg, #6b7280 0%, #374151 100%);
}
.ds-msg__avatar--user {
  background: linear-gradient(135deg, #a335e8 0%, #6c15a3 100%);
}
.ds-msg__avatar--support {
  background: linear-gradient(135deg, #ffc64b 0%, #b07c00 100%);
  color: #5f4408;
}
.ds-msg__body {
  flex: 1;
  min-width: 0;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  padding: 12px 16px;
}
.ds-msg--mine .ds-msg__body {
  background-color: #faf3ff;
  border-color: #f3e3fd;
}
.ds-msg__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.ds-msg__author {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.ds-msg__role {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  color: #6b7280;
  padding: 1px 6px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #ffffff;
}
.ds-msg__role--support {
  color: #b07c00;
  border-color: #ffe49d;
  background-color: #fff9ed;
}
.ds-msg__time {
  margin-left: auto;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  color: #6b7280;
  font-feature-settings: "tnum";
}
.ds-msg__content {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  line-height: 1.6;
  color: #1f2937;
  word-wrap: break-word;
}
.ds-msg__content code {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  padding: 0 5px;
  border-radius: 6px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
}
.ds-msg__content p {
  margin: 0 0 8px;
}
.ds-msg__content p:last-child {
  margin-bottom: 0;
}
.ds-msg__content pre {
  background-color: #111827;
  color: #f3f4f6;
  padding: 12px 14px;
  border-radius: 8px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  overflow-x: auto;
  margin: 8px 0;
}
.ds-msg__content a {
  color: #6c15a3;
  text-decoration: underline;
}

.ds-ticket-solved-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #15803d;
  margin-bottom: 16px;
}
.ds-ticket-solved-banner svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #16a34a;
}

.ds-composer {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
}
.ds-composer__area, .ds-composer trix-editor {
  display: block;
  width: 100%;
  min-height: 120px;
  padding: 14px 16px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  line-height: 1.55;
  color: #111827;
  border: none;
  outline: none;
  background: transparent;
  resize: vertical;
}
.ds-composer trix-toolbar {
  border-bottom: 1px solid #e5e7eb;
  background-color: #f9fafb;
  padding: 6px 10px;
}
.ds-composer__hint {
  margin: 0;
  padding: 4px 16px 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  color: #6b7280;
}
.ds-composer__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid #e5e7eb;
  background-color: #f9fafb;
}
.ds-composer__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ds-composer__foot-text {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #4b5563;
}

.ds-ticket-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.ds-ticket-form__full {
  grid-column: 1/-1;
}

.ds-card-header__hint {
  margin: 4px 0 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
  font-weight: 500;
}

.ds-crit-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ds-crit {
  display: flex;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 8px;
}
.ds-crit__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 6px;
  background: #9ca3af;
}
.ds-crit__body {
  flex: 1;
  min-width: 0;
}
.ds-crit__name {
  margin: 0 0 4px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
}
.ds-crit__sla {
  margin: 0 0 4px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #6b7280;
}
.ds-crit__desc {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #4b5563;
  line-height: 1.5;
}
.ds-crit--high .ds-crit__dot {
  background: #e82222;
}
.ds-crit--high .ds-crit__name {
  color: #b91c1c;
}
.ds-crit--normal .ds-crit__dot {
  background: #f69c00;
}
.ds-crit--normal .ds-crit__name {
  color: #c2410c;
}
.ds-crit--low .ds-crit__dot {
  background: #9ca3af;
}
.ds-crit--low .ds-crit__name {
  color: #374151;
}

.ds-form-field-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ds-ticket-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ds-ticket-conversation-grid {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .ds-msg__time {
    margin-left: 0;
    width: 100%;
  }
  .ds-ticket-form {
    grid-template-columns: 1fr;
  }
}
main.ticket {
  display: flex;
  flex-flow: column;
}
main.ticket .header, main.ticket .new_message {
  flex-grow: 0;
}
main.ticket .chat {
  flex-grow: 1;
}

.vpc.new .separator {
  position: relative;
}
.vpc.new .separator::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  min-height: 70%;
  background-color: rgba(216, 207, 221, 0.2509803922);
  width: 2px;
}

.error_page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 460px;
  margin: 0 auto;
  padding: 24px;
  text-align: center;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.error_page h1 {
  color: #a335e8;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.error_page p.message {
  font-size: 16px;
  color: #111827;
  margin: 0;
}
.error_page .error_id {
  margin: 24px auto 0;
  font-size: 14px;
  color: #6b7280;
}
.error_page .error_id p.f-bold {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  color: #111827;
}
.error_page button {
  margin-top: 24px;
  height: 40px;
  padding: 0 20px;
  border-radius: 8px;
  border: 1px solid #8a1cd0;
  background: #a335e8;
  color: #ffffff;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.error_page button:hover {
  background: #8a1cd0;
}
.error_page button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

.sect + .sect {
  margin-top: 2rem;
}

.sect header {
  margin-bottom: 1rem;
}

.disk {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgb(255, 255, 255);
  -moz-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  width: 100%;
  border-radius: 8px;
}
.disk__name, .disk__info, .disk__price {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.5rem;
}
.disk__name {
  flex: 0.5;
  justify-content: center;
  border-right: 0.0625rem solid rgba(216, 207, 221, 0.2509803922);
  height: 100%;
}
.disk__info {
  flex: 3;
  width: 100%;
  gap: 0.5rem;
  flex-wrap: nowrap;
}
.disk__info [data-range-input-target=wrap] {
  flex: inherit;
}
.disk__info [data-range-input-target=wrap] input {
  width: 100%;
}
.disk__info + .disk__price {
  border-left: 0.0625rem solid rgba(216, 207, 221, 0.2509803922);
}
.disk__price {
  flex: 0.7;
  gap: 0.0625rem;
}

.instances-name-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem 2rem;
  flex-wrap: wrap;
}
.instances-name-container input[type=text] {
  border-color: #430d64;
}
.instances-name-container input, .instances-name-container .custom-number {
  flex-grow: 1;
  max-width: 16.875rem;
}

table.billing_total {
  border-spacing: 0;
  -moz-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
  box-shadow: 0px 0px 4px 0px rgba(158, 138, 171, 0.2509803922);
}
table.billing_total tr {
  box-shadow: none;
}
table.billing_total tbody tr th, table.billing_total tbody tr td {
  border-right: 0.0625rem solid rgba(158, 138, 171, 0.2509803922);
}
table.billing_total tbody tr th {
  border-left: 0.0625rem solid rgba(158, 138, 171, 0.2509803922);
}
table.billing_total tbody tr:first-child th, table.billing_total tbody tr:first-child td {
  border-top: 0.0625rem solid rgba(158, 138, 171, 0.2509803922);
}
table.billing_total tbody tr:first-child th {
  border-left: 0.0625rem solid rgba(158, 138, 171, 0.2509803922);
  border-top-left-radius: 8px;
  width: 900px;
}
table.billing_total tbody tr:first-child td:last-of-type {
  border-right: 0.0625rem solid rgba(158, 138, 171, 0.2509803922);
  border-top-right-radius: 8px;
}
table.billing_total tbody tr:last-child td, table.billing_total tbody tr:last-child th {
  background-color: #F1E5FB;
}
table.billing_total tbody tr:last-child th {
  border-bottom-left-radius: 8px;
}
table.billing_total tbody tr:last-child td:last-of-type {
  border-bottom-right-radius: 8px;
}

.fingerprint {
  background-color: rgba(216, 207, 221, 0.2509803922);
  border-radius: 8px;
  padding: 0 0.5rem;
}

.ssh_line {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 0.5rem;
}

form .card .fingerprint {
  margin-left: auto;
}

.floating-ip.row {
  flex-direction: column;
}
.floating-ip.row div.ts-wrapper {
  width: 100% !important;
}

.ds-instance-page .ds-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}
.ds-instance-page .ds-grid + .ds-grid {
  margin-top: 18px;
}
.ds-instance-page .ds-col-3 {
  grid-column: span 3;
}
.ds-instance-page .ds-col-4 {
  grid-column: span 4;
}
.ds-instance-page .ds-col-6 {
  grid-column: span 6;
}
.ds-instance-page .ds-col-12 {
  grid-column: span 12;
}
@media (max-width: 1280px) {
  .ds-instance-page .ds-col-3 {
    grid-column: span 6;
  }
  .ds-instance-page .ds-col-4 {
    grid-column: span 6;
  }
  .ds-instance-page .ds-col-6 {
    grid-column: span 12;
  }
}
@media (max-width: 768px) {
  .ds-instance-page .ds-col-3, .ds-instance-page .ds-col-4, .ds-instance-page .ds-col-6 {
    grid-column: span 12;
  }
}
.ds-instance-page .ds-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  animation: dsFadeUp 500ms both;
}
.ds-instance-page .ds-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.ds-instance-page .ds-card__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-instance-page .ds-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  font-size: 12.5px;
  font-weight: 600;
  color: #8a1cd0;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-card__link:hover {
  color: #6c15a3;
}
.ds-instance-page .ds-card__link svg {
  width: 14px;
  height: 14px;
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-card__link:hover svg {
  transform: translateX(3px);
}
.ds-instance-page .ds-grid > .ds-card:nth-child(1) {
  animation-delay: 180ms;
}
.ds-instance-page .ds-grid > .ds-card:nth-child(2) {
  animation-delay: 220ms;
}
.ds-instance-page .ds-grid > .ds-card:nth-child(3) {
  animation-delay: 260ms;
}
.ds-instance-page .ds-grid > .ds-card:nth-child(4) {
  animation-delay: 300ms;
}
.ds-instance-page .ds-grid > .ds-card:nth-child(5) {
  animation-delay: 340ms;
}
.ds-instance-page .ds-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 9999px;
  font-size: 11.5px;
  font-weight: 600;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #4b5563;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-chip svg {
  width: 12px;
  height: 12px;
  color: #9ca3af;
}
.ds-instance-page .ds-chip__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
}
.ds-instance-page .ds-chip:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.ds-instance-page .ds-chip--accent {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
}
.ds-instance-page .ds-chip--green {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-instance-page .ds-chip--orange {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-instance-page .ds-chip--gray {
  background-color: #f9fafb;
  color: #4b5563;
  border-color: #e5e7eb;
}
.ds-instance-page .ds-chip--red {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}
.ds-instance-page .ds-chip--select {
  cursor: pointer;
}
.ds-instance-page .ds-range {
  position: relative;
}
.ds-instance-page .ds-range__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 20;
  min-width: 92px;
  padding: 4px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ds-instance-page .ds-range__menu[hidden] {
  display: none;
}
.ds-instance-page .ds-range__item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 6px 10px;
  border: 0;
  background: transparent;
  border-radius: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #374151;
  cursor: pointer;
  transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-range__item:hover {
  background-color: #f9fafb;
}
.ds-instance-page .ds-range__item[aria-current=true] {
  color: #6c15a3;
  font-weight: 600;
  background-color: #faf3ff;
}
.ds-instance-page .ds-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #1f2937;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-btn:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.ds-instance-page .ds-btn svg {
  width: 16px;
  height: 16px;
  color: #6b7280;
}
.ds-instance-page .ds-btn--primary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) #a335e8;
  border-color: #8a1cd0;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.08), 0 8px 16px -8px rgba(163, 53, 232, 0.4);
}
.ds-instance-page .ds-btn--primary svg {
  color: #ffffff;
}
.ds-instance-page .ds-btn--primary:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0)) #8a1cd0;
  border-color: #6c15a3;
}
.ds-instance-page .ds-btn--danger-ghost {
  background-color: #ffffff;
  border-color: #fecaca;
  color: #b91c1c;
}
.ds-instance-page .ds-btn--danger-ghost svg {
  color: #e82222;
}
.ds-instance-page .ds-btn--danger-ghost:hover {
  background-color: #fef2f2;
  border-color: #e82222;
}
.ds-instance-page .ds-btn--danger {
  background-color: #e82222;
  border-color: #dc2626;
  color: #ffffff;
}
.ds-instance-page .ds-btn--danger svg {
  color: #ffffff;
}
.ds-instance-page .ds-btn--danger:hover {
  background-color: #b91c1c;
}
.ds-instance-page .ds-btn--danger:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ds-instance-page .ds-btn--sm {
  height: 32px;
  padding: 0 10px;
  font-size: 12.5px;
}
.ds-instance-page .ds-btn--lg {
  height: 44px;
  padding: 0 18px;
  font-size: 14px;
}
.ds-instance-page .ds-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ds-instance-page .ds-table-scroll {
  overflow-x: auto;
}

@keyframes dsLiveDotPulse {
  0% {
    transform: scale(1);
    opacity: 0.35;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ds-instance-header .ds-page-header {
  align-items: flex-start;
  margin-bottom: 18px;
}
.ds-instance-header .ds-page-header__left {
  align-items: flex-start;
  gap: 14px;
}
.ds-instance-header .ds-page-header__icon {
  background: linear-gradient(135deg, #a335e8 0%, #6c15a3 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 4px 14px -6px rgba(163, 53, 232, 0.5);
}
.ds-instance-header .ds-page-header__title {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  gap: 12px;
}
.ds-instance-header .ds-page-header__subtitle {
  font-size: 13px;
  gap: 10px;
}
.ds-instance-header .ds-status {
  font-size: 12px;
  padding: 4px 11px 4px 9px;
}
.ds-instance-header .ds-status__dot {
  width: 8px;
  height: 8px;
}
.ds-instance-header .ds-status--on .ds-status__dot {
  background-color: #63b70f;
  position: relative;
}
.ds-instance-header .ds-status--on .ds-status__dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #63b70f;
  animation: dsStatusRing 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.ds-instance-header .ds-icon-btn {
  width: 38px;
  height: 38px;
}

@keyframes dsStatusRing {
  0% {
    transform: scale(1);
    opacity: 0.45;
  }
  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}
.ds-instance-page .ds-metric-card .ds-metric-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111827;
  line-height: 1.1;
  margin: 0 0 4px;
}
.ds-instance-page .ds-metric-card .ds-metric-value small {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
  margin-left: 2px;
}
.ds-instance-page .ds-metric-card .ds-metric-foot {
  margin: 10px 0 0;
  font-size: 12px;
  color: #6b7280;
}
.ds-instance-page .ds-metric-card .ds-metric-spark {
  width: 100%;
  height: 60px;
  display: block;
  margin-top: 10px;
}
.ds-instance-page .ds-metric-card--net .ds-metric-value-net {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  min-height: 31px;
  margin: 0 0 4px;
}
.ds-instance-page .ds-metric-card--net .ds-metric-down {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 22px;
  font-weight: 500;
  color: #1d4ed8;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.ds-instance-page .ds-metric-card--net .ds-metric-down small {
  font-size: 13px;
  color: #6b7280;
  font-weight: 500;
}
.ds-instance-page .ds-metric-card--net .ds-metric-up {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  color: #3567e8;
}
.ds-instance-page .ds-sys-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.ds-instance-page .ds-sys-head__art {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: linear-gradient(135deg, #fef2f2, #fff7ed);
  border: 1px solid #fecaca;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-instance-page .ds-sys-head__art svg {
  width: 36px;
  height: 36px;
}
.ds-instance-page .ds-sys-head__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}
.ds-instance-page .ds-sys-head__tag {
  display: inline-block;
  margin-top: 4px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #4b5563;
  padding: 2px 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.ds-instance-page .ds-kv-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ds-instance-page .ds-kv-list--single {
  grid-template-columns: 1fr;
}
.ds-instance-page .ds-kv-list--3col {
  grid-template-columns: repeat(3, 1fr);
}
.ds-instance-page .ds-kv {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ds-instance-page .ds-kv__label {
  font-size: 11px;
  color: #6b7280;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ds-instance-page .ds-kv__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #1f2937;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.ds-instance-page .ds-kv__value > span {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-instance-page .ds-kv__value > span.ds-badge-vpc {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.ds-instance-page .ds-kv__value--addr > span {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}
.ds-instance-page .ds-kv__sub {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.ds-instance-page .ds-kv__sub-label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7280;
  margin-right: 6px;
}
.ds-instance-page .ds-kv__copy {
  width: 22px;
  height: 22px;
  border: 0;
  background: transparent;
  color: #9ca3af;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-kv__copy:hover {
  background-color: #f3f4f6;
  color: #374151;
}
.ds-instance-page .ds-kv__copy svg {
  width: 13px;
  height: 13px;
}
.ds-instance-page .ds-badge-vpc {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  background-color: #faf3ff;
  color: #6c15a3;
  border: 1px solid #e4c4fa;
  border-radius: 9999px;
  font-size: 11.5px;
  font-weight: 600;
}
.ds-instance-page .ds-bill-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px dashed #f3f4f6;
}
.ds-instance-page .ds-bill-row:last-of-type {
  border-bottom: none;
}
.ds-instance-page .ds-bill-row__label {
  font-size: 12.5px;
  color: #6b7280;
}
.ds-instance-page .ds-bill-row__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #1f2937;
}
.ds-instance-page .ds-bill-row__value strong {
  font-weight: 600;
  color: #111827;
}
.ds-instance-page .ds-bill-cumul {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 28px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 12px 0 4px;
}
.ds-instance-page .ds-bill-cumul small {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}
.ds-instance-page .ds-bill-progress {
  margin: 12px 0 6px;
  width: 100%;
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}
.ds-instance-page .ds-bill-progress > span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #a335e8, #ffc64b);
  border-radius: inherit;
}
.ds-instance-page .ds-bill-progress-foot {
  display: flex;
  justify-content: space-between;
  font-size: 11.5px;
  color: #6b7280;
}
.ds-instance-page .ds-owner-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f3f4f6;
}
.ds-instance-page .ds-owner-head__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
  box-shadow: 0 4px 10px -4px rgba(163, 53, 232, 0.5);
}
.ds-instance-page .ds-owner-head__name {
  font-weight: 600;
  color: #111827;
  font-size: 14px;
}
.ds-instance-page .ds-owner-head__mail {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
}
.ds-instance-page .ds-access-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  border-radius: 8px;
  color: #1f2937;
  font-size: 13px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 8px;
}
.ds-instance-page .ds-access-btn:last-of-type {
  margin-bottom: 0;
}
.ds-instance-page .ds-access-btn:hover:not(:disabled):not(.is-disabled) {
  background-color: #ffffff;
  border-color: #d29df6;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-instance-page .ds-access-btn:disabled, .ds-instance-page .ds-access-btn.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ds-instance-page .ds-access-btn__icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-instance-page .ds-access-btn__icon svg {
  width: 15px;
  height: 15px;
}
.ds-instance-page .ds-access-btn__body {
  flex: 1;
  min-width: 0;
}
.ds-instance-page .ds-access-btn__title {
  font-weight: 600;
  color: #111827;
  font-size: 13px;
}
.ds-instance-page .ds-access-btn__sub {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-instance-page .ds-access-btn__chev {
  color: #9ca3af;
  flex-shrink: 0;
}
.ds-instance-page .ds-access-btn__chev svg {
  width: 14px;
  height: 14px;
}
.ds-instance-page .ds-live-foot {
  margin-top: 22px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  color: #6b7280;
  animation: dsFadeUp 500ms 400ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-instance-page .ds-live-foot__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #63b70f;
  position: relative;
  flex-shrink: 0;
}
.ds-instance-page .ds-live-foot__dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #63b70f;
  animation: dsLiveDotPulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.ds-instance-page .ds-live-foot strong {
  color: #1f2937;
  font-weight: 600;
}

.ds-net-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.ds-net-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
}
.ds-net-card__addr {
  font-size: 14px;
  color: #1f2937;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ds-net-card__hint {
  margin-top: 2px;
  font-size: 11px;
  color: #6b7280;
}

.ds-net-reverse {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 2px;
  padding: 3px 8px;
  border-radius: 6px;
  text-decoration: none;
  color: #4b5563;
  font-size: 12px;
  transition: background-color 0.12s ease;
}
.ds-net-reverse:hover {
  background: #f3f4f6;
  color: #1f2937;
}
.ds-net-reverse__label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
}
.ds-net-reverse svg {
  width: 13px;
  height: 13px;
  color: #6b7280;
  flex-shrink: 0;
}
.ds-net-reverse--empty .ds-net-reverse__value {
  color: #6b7280;
  font-style: italic;
}

.ds-card__link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 600;
  color: #8a1cd0;
  text-decoration: none;
}
.ds-card__link svg {
  width: 14px;
  height: 14px;
}
.ds-card__link:hover {
  color: #6c15a3;
}

.ds-instance-page .ds-filter-pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
  animation: dsFadeUp 500ms 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-instance-page .ds-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #4b5563;
  font-size: 12.5px;
  font-weight: 500;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-pill-btn:hover {
  background-color: #f9fafb;
  color: #111827;
}
.ds-instance-page .ds-pill-btn--active {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
  font-weight: 600;
  box-shadow: 0 0 0 3px rgba(163, 53, 232, 0.06);
}
.ds-instance-page .ds-pill-btn__count {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  padding: 1px 7px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  color: #4b5563;
}
.ds-instance-page .ds-pill-btn--active .ds-instance-page .ds-pill-btn__count {
  background-color: #f3e3fd;
  border-color: #e4c4fa;
  color: #6c15a3;
}
.ds-instance-page .ds-timeline-wrap {
  animation: dsFadeUp 500ms 240ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-instance-page .ds-history-timeline {
  position: relative;
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.ds-instance-page .ds-timeline-section {
  position: relative;
  padding: 6px 0 24px 56px;
}
.ds-instance-page .ds-timeline-section::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e4c4fa;
}
.ds-instance-page .ds-timeline-section:last-of-type::before {
  bottom: 16px;
}
.ds-instance-page .ds-timeline-section__date {
  position: sticky;
  top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  margin-left: -56px;
  margin-bottom: 14px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #374151;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  z-index: 2;
}
.ds-instance-page .ds-timeline-section__date strong {
  color: #111827;
  font-weight: 700;
}
.ds-instance-page .ds-tl-events {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ds-instance-page .ds-tl-event {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.03);
  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: dsFadeUp 400ms both;
}
.ds-instance-page .ds-tl-event:hover {
  border-color: #d1d5db;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-instance-page .ds-tl-event__dot {
  position: absolute;
  left: -45px;
  top: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: 3px solid #f9fafb;
  box-shadow: 0 0 0 1px #e5e7eb;
}
.ds-instance-page .ds-tl-event__dot svg {
  width: 12px;
  height: 12px;
  stroke-width: 2;
}
.ds-instance-page .ds-tl-event__dot--start {
  background-color: #63b70f;
}
.ds-instance-page .ds-tl-event__dot--shutdown {
  background-color: #e82222;
}
.ds-instance-page .ds-tl-event__dot--resize {
  background-color: #f69c00;
}
.ds-instance-page .ds-tl-event__dot--create {
  background-color: #a335e8;
}
.ds-instance-page .ds-tl-event__dot--backup {
  background-color: #3567e8;
}
.ds-instance-page .ds-tl-event__dot--console {
  background-color: #6b7280;
}
.ds-instance-page .ds-tl-event__dot--rename {
  background-color: #ffc64b;
  color: #c2410c;
}
.ds-instance-page .ds-tl-event__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}
.ds-instance-page .ds-tl-event__title {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-instance-page .ds-tl-event__times {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #6b7280;
  flex-shrink: 0;
}
.ds-instance-page .ds-tl-event__abs {
  padding: 2px 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #4b5563;
  font-size: 11px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.ds-instance-page .ds-tl-event__body {
  font-size: 13px;
  color: #4b5563;
  margin: 4px 0 0;
}
.ds-instance-page .ds-tl-event__body strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-instance-page .ds-tl-event__body em {
  color: #374151;
  font-style: italic;
}
.ds-instance-page .ds-tl-event__body code {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  color: #1f2937;
  font-size: 12.5px;
}
.ds-instance-page .ds-tl-event__foot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 12px;
  color: #6b7280;
}
.ds-instance-page .ds-tl-event__avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9.5px;
  font-weight: 700;
}
.ds-instance-page .ds-tl-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11.5px;
  font-weight: 600;
  border: 1px solid;
  margin-left: 6px;
  vertical-align: middle;
}
.ds-instance-page .ds-tl-chip--primary {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
}
.ds-instance-page .ds-tl-chip--green {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-instance-page .ds-tl-chip--orange {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-instance-page .ds-empty {
  background-color: #ffffff;
  border: 1px dashed #d1d5db;
  border-radius: 16px;
  padding: 64px 32px;
  text-align: center;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-instance-page .ds-empty__art {
  width: 88px;
  height: 88px;
  margin: 0 auto 20px;
  border-radius: 20px;
  background: linear-gradient(135deg, #faf3ff 0%, #f3e3fd 100%);
  border: 1px solid #e4c4fa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #a335e8;
  box-shadow: 0 12px 24px -12px rgba(163, 53, 232, 0.32);
}
.ds-instance-page .ds-empty__art svg {
  width: 42px;
  height: 42px;
  stroke-width: 1.5;
}
.ds-instance-page .ds-empty__title {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}
.ds-instance-page .ds-empty__sub {
  margin: 0 auto;
  font-size: 13.5px;
  color: #6b7280;
  max-width: 380px;
}
.ds-instance-page .ds-history-frame {
  display: block;
}
.ds-instance-page .ds-history-more {
  display: flex;
  justify-content: center;
  margin-top: 4px;
  padding: 8px 0 2px;
}
.ds-instance-page .ds-history-more__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ds-instance-page .ds-history-more__hint {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  color: #6b7280;
}

.ds-instance-page .ds-coverage {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  padding-top: 6px;
}
.ds-instance-page .ds-coverage__cal {
  min-width: 0;
}
.ds-instance-page .ds-coverage__stats {
  border-left: 1px solid #f3f4f6;
  padding-left: 28px;
  align-self: stretch;
}
.ds-instance-page .ds-coverage__stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-instance-page .ds-coverage__stat:last-child {
  border-bottom: none;
}
.ds-instance-page .ds-coverage__stat-label {
  font-size: 13px;
  color: #6b7280;
}
.ds-instance-page .ds-coverage__stat-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
}
.ds-instance-page .ds-calendar-grid {
  display: flex;
  gap: 4px;
  padding: 4px 0;
  overflow-x: auto;
}
.ds-instance-page .ds-calendar-col {
  display: grid;
  grid-template-rows: repeat(7, 22px);
  gap: 4px;
  flex-shrink: 0;
}
.ds-instance-page .ds-cal-cell {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background-color: #f3f4f6;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.ds-instance-page .ds-cal-cell:hover {
  transform: scale(1.18);
  outline: 1px solid #d29df6;
}
.ds-instance-page .ds-cal-cell--1 {
  background-color: #bbf7d0;
}
.ds-instance-page .ds-cal-cell--2 {
  background-color: #4ade80;
}
.ds-instance-page .ds-cal-cell--3 {
  background-color: #63b70f;
}
.ds-instance-page .ds-cal-cell--4 {
  background-color: #15803d;
}
@media (max-width: 900px) {
  .ds-instance-page .ds-coverage {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .ds-instance-page .ds-coverage__stats {
    border-left: none;
    border-top: 1px solid #f3f4f6;
    padding-left: 0;
    padding-top: 6px;
  }
}
.ds-instance-page .ds-cal-axis {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 11px;
  color: #6b7280;
}
.ds-instance-page .ds-cal-legend {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  font-size: 11.5px;
  color: #6b7280;
}
.ds-instance-page .ds-cal-legend__values {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.ds-instance-page .ds-cal-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ds-instance-page .ds-cal-legend__sw {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.ds-instance-page .ds-health-foot {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
  font-size: 13px;
  color: #4b5563;
}
.ds-instance-page .ds-health-foot strong {
  color: #111827;
  font-weight: 700;
}
.ds-instance-page .ds-quota-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111827;
  line-height: 1.05;
  margin: 0;
}
.ds-instance-page .ds-quota-value small {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
  margin-left: 4px;
}
.ds-instance-page .ds-quota-value--sm {
  font-size: 22px;
}
.ds-instance-page .ds-quota-caption {
  margin: 6px 0 12px;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-instance-page .ds-quota-bar {
  width: 100%;
  height: 7px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
  margin: 4px 0 10px;
}
.ds-instance-page .ds-quota-bar > span {
  display: block;
  height: 100%;
  background-color: #63b70f;
  border-radius: inherit;
}
.ds-instance-page .ds-quota-foot {
  font-size: 12.5px;
  color: #6b7280;
}
.ds-instance-page .ds-quota-foot strong {
  color: #1f2937;
  font-weight: 700;
}
.ds-instance-page .ds-schedule-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 6px 0 14px;
}
.ds-instance-page .ds-schedule-left__time {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 28px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 8px;
}
.ds-instance-page .ds-schedule-left__detail {
  font-size: 13px;
  color: #4b5563;
}
.ds-instance-page .ds-schedule-left__detail strong {
  color: #111827;
  font-weight: 600;
}
.ds-instance-page .ds-schedule-right {
  padding-left: 24px;
  border-left: 1px dashed #e5e7eb;
}
.ds-instance-page .ds-schedule-right__title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 10px;
}
.ds-instance-page .ds-schedule-next {
  font-size: 13px;
  color: #374151;
  margin-bottom: 12px;
}
.ds-instance-page .ds-schedule-next strong {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  color: #6c15a3;
  font-size: 14px;
  font-weight: 600;
}
.ds-instance-page .ds-schedule-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ds-instance-page .ds-schedule-list li {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-instance-page .ds-schedule-list li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #d1d5db;
}
.ds-instance-page .ds-schedule-foot {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
  font-size: 12.5px;
  color: #4b5563;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-instance-page .ds-schedule-foot strong {
  color: #111827;
  font-weight: 700;
}
.ds-instance-page .ds-schedule-empty {
  padding: 8px 0 4px;
}
@media (max-width: 1100px) {
  .ds-instance-page .ds-schedule-grid {
    grid-template-columns: 1fr;
  }
  .ds-instance-page .ds-schedule-right {
    padding-left: 0;
    border-left: none;
    border-top: 1px dashed #e5e7eb;
    padding-top: 18px;
  }
}
.ds-instance-page .ds-table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
}
.ds-instance-page .ds-table-head__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-instance-page .ds-show-more {
  display: flex;
  justify-content: center;
  padding: 14px 0 4px;
}
.ds-instance-page .ds-show-more__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  font-size: 12.5px;
  font-weight: 600;
  color: #8a1cd0;
  background: #faf3ff;
  border: 1px solid #e4c4fa;
  border-radius: 9999px;
  text-decoration: none;
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-show-more__btn svg {
  width: 14px;
  height: 14px;
}
.ds-instance-page .ds-show-more__btn:hover {
  background: #f3e3fd;
  color: #6c15a3;
}
.ds-instance-page .ds-table .ds-col-actions {
  width: 80px;
  text-align: right;
}
.ds-instance-page .ds-author {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #374151;
}
.ds-instance-page .ds-author__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}
.ds-instance-page .ds-author--auto .ds-instance-page .ds-author__avatar--auto {
  background: #e5e7eb;
  color: #4b5563;
}
.ds-instance-page .ds-author--auto .ds-instance-page .ds-author__avatar--auto svg {
  width: 13px;
  height: 13px;
}
.ds-instance-page .mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

.popup .ds-popup-hint {
  margin: 0 0 16px;
  font-size: 13px;
  color: #6b7280;
}
.popup .ds-popup-submit {
  margin-top: 8px;
}

.ds-instance-page .ds-hero-bill__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.ds-instance-page .ds-hero-bill__big {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111827;
  margin: 0;
  line-height: 1.1;
}
.ds-instance-page .ds-hero-bill__big small {
  font-size: 16px;
  color: #6b7280;
  font-weight: 500;
  margin-left: 6px;
}
.ds-instance-page .ds-hero-bill__sub {
  margin: 4px 0 0;
  font-size: 13px;
  color: #6b7280;
}
.ds-instance-page .ds-hero-bill__progress {
  margin-top: 18px;
}
.ds-instance-page .ds-hero-bill__progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 6px;
}
.ds-instance-page .ds-hero-bill__progress-label strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-instance-page .ds-hero-bill__progress-bar {
  width: 100%;
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}
.ds-instance-page .ds-hero-bill__progress-bar > span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #a335e8, #ffc64b);
  border-radius: inherit;
}
.ds-instance-page .ds-hero-bill__feet {
  margin-top: 16px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12.5px;
  color: #6b7280;
  align-items: center;
}
.ds-instance-page .ds-hero-bill__feet strong {
  color: #1f2937;
  font-weight: 600;
}
.ds-instance-page .ds-hero-bill__feet svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}
.ds-instance-page .ds-hero-bill__feet-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ds-instance-page .ds-hero-bill__feet-sep {
  color: #d1d5db;
}
.ds-instance-page .ds-breakdown-card__top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.ds-instance-page .ds-breakdown-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-instance-page .ds-breakdown-card__icon svg {
  width: 20px;
  height: 20px;
}
.ds-instance-page .ds-breakdown-card__icon--compute {
  background-color: #faf3ff;
  color: #8a1cd0;
}
.ds-instance-page .ds-breakdown-card__icon--storage {
  background-color: #f0fdf4;
  color: #15803d;
}
.ds-instance-page .ds-breakdown-card__icon--network {
  background-color: #eff6ff;
  color: #1d4ed8;
}
.ds-instance-page .ds-breakdown-card__icon--backup {
  background-color: #fff7ed;
  color: #c2410c;
}
.ds-instance-page .ds-breakdown-card__label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.ds-instance-page .ds-breakdown-card__value {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111827;
  margin: 0;
  line-height: 1.1;
}
.ds-instance-page .ds-breakdown-card__value small {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
  margin-left: 2px;
}
.ds-instance-page .ds-breakdown-card__meta {
  margin: 6px 0 0;
  font-size: 12px;
  color: #6b7280;
}
.ds-instance-page .ds-breakdown-card__meta strong {
  color: #374151;
  font-weight: 600;
}
.ds-instance-page .ds-breakdown-card__spark {
  width: 100%;
  height: 36px;
  display: block;
  margin-top: 8px;
}
.ds-instance-page .ds-invoice-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.ds-instance-page .ds-invoice-table thead th {
  text-align: left;
  padding: 11px 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6b7280;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}
.ds-instance-page .ds-invoice-table tbody td {
  padding: 12px 4px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
}
.ds-instance-page .ds-invoice-table tbody tr:last-child td {
  border-bottom: none;
}
.ds-instance-page .ds-invoice-table tbody tr:hover td {
  background-color: #f9fafb;
}
.ds-instance-page .ds-invoice-table .ds-invoice-ref {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #4b5563;
}
.ds-instance-page .ds-invoice-table .ds-invoice-amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  text-align: right;
}
.ds-instance-page .ds-invoice-table .ds-invoice-amount strong {
  font-weight: 600;
}
.ds-instance-page .ds-invoice-table .ds-invoice-actions {
  text-align: right;
}
.ds-instance-page .ds-invoice-table .ds-invoice-actions button, .ds-instance-page .ds-invoice-table .ds-invoice-actions a {
  width: 30px;
  height: 30px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #6b7280;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
.ds-instance-page .ds-invoice-table .ds-invoice-actions button:hover, .ds-instance-page .ds-invoice-table .ds-invoice-actions a:hover {
  color: #1f2937;
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.ds-instance-page .ds-invoice-table .ds-invoice-actions button svg, .ds-instance-page .ds-invoice-table .ds-invoice-actions a svg {
  width: 16px;
  height: 16px;
}
.ds-instance-page .ds-cost-chart {
  width: 100%;
  height: 220px;
  display: block;
  margin-top: 4px;
}
.ds-instance-page .ds-cost-chart text {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 10px;
  fill: #6b7280;
}
.ds-instance-page .ds-cost-chart__axis {
  stroke: #e5e7eb;
  stroke-width: 1;
}
.ds-instance-page .ds-cost-chart__bar {
  fill: #ba6cf1;
  transition: fill 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-cost-chart__bar:hover {
  fill: #6c15a3;
}
.ds-instance-page .ds-cost-chart__bar--current {
  fill: #6c15a3;
}
.ds-instance-page .ds-cost-chart__label {
  font-size: 9px;
  fill: #374151;
}
.ds-instance-page .ds-bill-empty {
  margin: 14px 0 0;
  font-size: 13px;
  color: #6b7280;
}

.ds-instance-page .ds-type-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  cursor: pointer;
}
.ds-instance-page .ds-type-card:hover {
  border-color: #d29df6;
  box-shadow: 0 4px 16px -8px rgba(163, 53, 232, 0.18);
}
.ds-instance-page .ds-type-card--active {
  border-color: #a335e8;
  background-color: #faf3ff;
  box-shadow: 0 0 0 3px rgba(163, 53, 232, 0.08), 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-instance-page .ds-type-card__check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #a335e8;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-instance-page .ds-type-card__check svg {
  width: 12px;
  height: 12px;
}
.ds-instance-page .ds-type-card__name {
  margin: 0 0 10px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-instance-page .ds-type-card__specs {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}
.ds-instance-page .ds-type-card__spec {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #4b5563;
}
.ds-instance-page .ds-type-card__spec-label {
  color: #6b7280;
}
.ds-instance-page .ds-type-card__spec-value {
  font-weight: 600;
  color: #1f2937;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.ds-instance-page .ds-type-card__price {
  padding-top: 10px;
  border-top: 1px dashed #e5e7eb;
}
.ds-instance-page .ds-type-card__price-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.ds-instance-page .ds-type-card__price-value small {
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
}
.ds-instance-page .ds-type-card__select-btn {
  width: 100%;
  margin-top: 10px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #374151;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-type-card__select-btn:hover {
  border-color: #d29df6;
  color: #6c15a3;
}
.ds-instance-page .ds-filter-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.ds-instance-page .ds-filter-chip {
  padding: 6px 12px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #4b5563;
  border-radius: 9999px;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-filter-chip:hover {
  background-color: #f9fafb;
}
.ds-instance-page .ds-filter-chip--active {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
  font-weight: 600;
}
.ds-instance-page .ds-warning-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background-color: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 12px;
  margin-bottom: 20px;
  color: #c2410c;
  font-size: 13.5px;
}
.ds-instance-page .ds-warning-banner__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #ffedd5;
  color: #c2410c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-instance-page .ds-warning-banner__icon svg {
  width: 18px;
  height: 18px;
}
.ds-instance-page .ds-warning-banner__body strong {
  font-weight: 600;
  color: #c2410c;
}
.ds-instance-page .ds-type-card__radio {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.ds-instance-page .ds-type-card:hover .ds-type-card__select-btn {
  border-color: #d29df6;
  color: #6c15a3;
}
.ds-instance-page .ds-filter-chips {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  margin-bottom: 18px;
  width: fit-content;
}
.ds-instance-page .ds-filter-chip {
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #4b5563;
  background-color: transparent;
  border: 0;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-filter-chip:hover {
  color: #111827;
  background-color: #ffffff;
}
.ds-instance-page .ds-filter-chip--active {
  background-color: #ffffff;
  color: #6c15a3;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-instance-page .ds-disk-current {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.ds-instance-page .ds-disk-current__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 36px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ds-instance-page .ds-disk-current__value small {
  font-size: 18px;
  color: #6b7280;
  font-weight: 500;
}
.ds-instance-page .ds-disk-current__hint {
  font-size: 12px;
  color: #6b7280;
}
.ds-instance-page .ds-slider-wrap {
  position: relative;
  padding: 0 8px;
  margin-bottom: 8px;
  height: 24px;
}
.ds-instance-page .ds-slider-track {
  position: relative;
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  top: 9px;
}
.ds-instance-page .ds-slider-track__fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: linear-gradient(90deg, #a335e8, #ffc64b);
  border-radius: inherit;
}
.ds-instance-page .ds-slider-thumb {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  border: 3px solid #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 8px -2px rgba(163, 53, 232, 0.5);
  pointer-events: none;
  z-index: 2;
}
.ds-instance-page .ds-slider-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
}
.ds-instance-page .ds-slider-stops {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  padding: 0 8px;
}
.ds-instance-page .ds-slider-stop {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  color: #6b7280;
  position: relative;
}
.ds-instance-page .ds-slider-stop::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  width: 2px;
  height: 6px;
  background-color: #d1d5db;
  transform: translateX(-50%);
}
.ds-instance-page .ds-slider-foot {
  margin-top: 18px;
  padding: 10px 14px;
  background-color: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  font-size: 12.5px;
  color: #4b5563;
}
.ds-instance-page .ds-slider-foot strong {
  color: #111827;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 600;
}
.ds-instance-page .ds-preview-card {
  background: linear-gradient(135deg, #ffffff 0%, #faf3ff 100%);
  border-color: #e4c4fa;
}
.ds-instance-page .ds-preview-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
}
.ds-instance-page .ds-preview-side {
  padding: 18px;
  border-radius: 12px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
}
.ds-instance-page .ds-preview-side--after {
  border-color: #e4c4fa;
}
.ds-instance-page .ds-preview-side__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 10px;
}
.ds-instance-page .ds-preview-side--after .ds-instance-page .ds-preview-side__label {
  color: #6c15a3;
}
.ds-instance-page .ds-preview-side__specs {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.ds-instance-page .ds-preview-side__price {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #4b5563;
}
.ds-instance-page .ds-preview-side__price strong {
  color: #111827;
  font-weight: 600;
}
.ds-instance-page .ds-preview-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d1d5db;
}
.ds-instance-page .ds-preview-arrow svg {
  width: 24px;
  height: 24px;
}
.ds-instance-page .ds-preview-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  padding: 14px 18px;
  background-color: #ffffff;
  border: 1px dashed #e4c4fa;
  border-radius: 12px;
  margin-bottom: 18px;
}
.ds-instance-page .ds-preview-summary__item {
  font-size: 13px;
  color: #4b5563;
}
.ds-instance-page .ds-preview-summary__item strong {
  display: block;
  font-size: 22px;
  color: #111827;
  font-weight: 600;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin-top: 2px;
}
.ds-instance-page .ds-preview-summary__item--ok strong {
  color: #b91c1c;
}
.ds-instance-page .ds-preview-summary__item--down strong {
  color: #15803d;
}
.ds-instance-page .ds-preview-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .ds-instance-page .ds-preview-grid {
    grid-template-columns: 1fr;
  }
  .ds-instance-page .ds-preview-arrow {
    transform: rotate(90deg);
  }
}

.ds-instance-page .ds-field {
  margin-bottom: 16px;
  position: relative;
}
.ds-instance-page .ds-field__label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.ds-instance-page .ds-field__helper {
  margin: 6px 0 0;
  font-size: 12px;
  color: #6b7280;
}
.ds-instance-page .ds-field__input {
  width: 100%;
  height: 38px;
  padding: 0 12px;
  font: inherit;
  font-size: 13.5px;
  color: #111827;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-field__input:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-instance-page .ds-field__input--mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.ds-instance-page .ds-field__input--readonly {
  background-color: #f9fafb;
  color: #374151;
  padding-right: 44px;
}
.ds-instance-page .ds-field__input-group {
  position: relative;
  display: flex;
  align-items: center;
}
.ds-instance-page .ds-field__foot {
  margin-top: 8px;
}
.ds-instance-page .ds-kv__copy {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #6b7280;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-kv__copy:hover {
  border-color: #d29df6;
  color: #6c15a3;
}
.ds-instance-page .ds-kv__copy[data-copied=true] {
  border-color: #86efac;
  color: #15803d;
}
.ds-instance-page .ds-kv__copy svg {
  width: 14px;
  height: 14px;
}
.ds-instance-page .ds-danger-zone {
  border-color: #fecaca;
  background-color: #fef2f2;
}
.ds-instance-page .ds-danger-zone__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.ds-instance-page .ds-danger-zone__head-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #fee2e2;
  color: #b91c1c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-instance-page .ds-danger-zone__head-icon svg {
  width: 18px;
  height: 18px;
}
.ds-instance-page .ds-danger-zone__head-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #b91c1c;
}
.ds-instance-page .ds-danger-action {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  border-top: 1px solid rgba(232, 34, 34, 0.12);
  flex-wrap: wrap;
}
.ds-instance-page .ds-danger-action:first-of-type {
  border-top: 0;
}
.ds-instance-page .ds-danger-action__body {
  flex: 1;
  min-width: 0;
}
.ds-instance-page .ds-danger-action__title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-instance-page .ds-danger-action__helper {
  margin: 0;
  font-size: 12.5px;
  color: #4b5563;
}
.ds-instance-page .ds-danger-form {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  background-color: #ffffff;
  border: 1px solid #fecaca;
  border-radius: 12px;
}
.ds-instance-page .ds-danger-form__checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #1f2937;
}
.ds-instance-page .ds-danger-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ds-instance-page .ds-danger-form__field-label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.ds-instance-page .ds-danger-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}
.ds-instance-page .ds-danger-form__actions--loose {
  margin-top: 12px;
}
.ds-instance-page .ds-checkbox {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #d1d5db;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.ds-instance-page .ds-checkbox:hover {
  border-color: #6b7280;
}
.ds-instance-page .ds-checkbox:checked {
  background-color: #a335e8;
  border-color: #a335e8;
}
.ds-instance-page .ds-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.ds-instance-page .ds-btn--danger {
  background-color: #e82222;
  border-color: #b91c1c;
  color: #ffffff;
}
.ds-instance-page .ds-btn--danger svg {
  color: #ffffff;
}
.ds-instance-page .ds-btn--danger:hover {
  background-color: #b91c1c;
  border-color: #b91c1c;
}
.ds-instance-page .ds-btn--danger:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ds-instance-page .ds-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 18px 0 22px;
  padding: 0;
  background: transparent;
  border: 0;
  flex-wrap: wrap;
}
.ds-instance-page .ds-stepper-step {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  color: #4b5563;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-stepper-step:hover {
  border-color: #d29df6;
  color: #6c15a3;
}
.ds-instance-page .ds-stepper-step__num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #f3f4f6;
  color: #6b7280;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-stepper-step__label {
  color: #374151;
  letter-spacing: 0.01em;
}
.ds-instance-page .ds-stepper-step--past {
  border-color: #e4c4fa;
  background-color: #faf3ff;
  color: #6c15a3;
}
.ds-instance-page .ds-stepper-step--past .ds-stepper-step__num {
  background-color: #a335e8;
  color: #ffffff;
}
.ds-instance-page .ds-stepper-step--past .ds-stepper-step__label {
  color: #6c15a3;
}
.ds-instance-page .ds-stepper-step--active {
  border-color: #a335e8;
  background-color: #faf3ff;
  color: #6c15a3;
  box-shadow: 0 0 0 3px rgba(163, 53, 232, 0.1);
}
.ds-instance-page .ds-stepper-step--active .ds-stepper-step__num {
  background-color: #a335e8;
  color: #ffffff;
}
.ds-instance-page .ds-stepper-step--active .ds-stepper-step__label {
  color: #6c15a3;
  font-weight: 700;
}
.ds-instance-page .ds-stepper-line {
  width: 28px;
  height: 1px;
  background-color: #e5e7eb;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .ds-instance-page .ds-stepper {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .ds-instance-page .ds-stepper-line {
    width: 2px;
    height: 14px;
    margin: 0 0 0 18px;
  }
  .ds-instance-page .ds-stepper-step {
    justify-content: flex-start;
  }
}
.ds-instance-page .ds-section-intro {
  margin: 0 0 16px;
  font-size: 13px;
  color: #4b5563;
  line-height: 1.55;
}
.ds-instance-page .ds-region-card {
  position: relative;
  padding: 18px;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  display: block;
}
.ds-instance-page .ds-region-card:hover {
  border-color: #d29df6;
  box-shadow: 0 4px 16px -8px rgba(163, 53, 232, 0.18);
  transform: translateY(-1px);
}
.ds-instance-page .ds-region-card--active {
  border-color: #a335e8;
  border-width: 2px;
  background-color: #faf3ff;
  box-shadow: 0 0 0 3px rgba(163, 53, 232, 0.08), 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-instance-page .ds-region-card__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ds-instance-page .ds-region-card__check {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px -2px rgba(163, 53, 232, 0.4);
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-region-card__check svg {
  width: 12px;
  height: 12px;
  stroke-width: 3;
}
.ds-instance-page .ds-region-card--active .ds-region-card__check {
  opacity: 1;
}
.ds-instance-page .ds-region-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.ds-instance-page .ds-region-card__flag {
  width: 24px;
  height: 18px;
  border-radius: 3px;
  background: linear-gradient(90deg, #002395 0 33%, #fff 33% 66%, #ed2939 66%);
  border: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.ds-instance-page .ds-region-card__name {
  font-size: 14.5px;
  font-weight: 600;
  color: #111827;
  line-height: 1.25;
}
.ds-instance-page .ds-region-card__name small {
  font-weight: 400;
  color: #6b7280;
  font-size: 12px;
}
.ds-instance-page .ds-region-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ds-instance-page .ds-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-instance-page .ds-switch-row:last-of-type {
  border-bottom: 0;
}
.ds-instance-page .ds-switch-row__label {
  font-size: 13.5px;
  color: #1f2937;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.ds-instance-page .ds-switch-row__sub {
  display: block;
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
  margin-top: 2px;
}
.ds-instance-page .ds-switch-toggle {
  position: relative;
  width: 42px;
  height: 24px;
  background-color: #d1d5db;
  border-radius: 9999px;
  border: 0;
  cursor: pointer;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  padding: 0;
}
.ds-instance-page .ds-switch-toggle::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(59, 10, 90, 0.2);
  transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-switch-toggle--on {
  background: linear-gradient(135deg, #a335e8, #6c15a3);
}
.ds-instance-page .ds-switch-toggle--on::after {
  transform: translateX(18px);
}
.ds-instance-page .ds-switch-toggle__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ds-instance-page .ds-pill-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  width: fit-content;
}
.ds-instance-page .ds-pill-toggle__option {
  position: relative;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #4b5563;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-pill-toggle__option input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ds-instance-page .ds-pill-toggle__option:hover {
  color: #111827;
}
.ds-instance-page .ds-pill-toggle__option--active {
  background-color: #ffffff;
  color: #6c15a3;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-instance-page .ds-type-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1280px) {
  .ds-instance-page .ds-type-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .ds-instance-page .ds-type-card-grid {
    grid-template-columns: 1fr;
  }
}
.ds-instance-page .ds-type-card__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ds-instance-page .ds-type-card__check {
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-type-card--active .ds-type-card__check {
  opacity: 1;
}
.ds-instance-page .ds-disk-block {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dashed #e5e7eb;
}
.ds-instance-page .ds-disk-block__title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 12px;
}
.ds-instance-page .ds-disk-block__current {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}
.ds-instance-page .ds-disk-block__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 26px;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ds-instance-page .ds-disk-block__value small {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
  margin-left: 4px;
}
.ds-instance-page .ds-disk-block__hint {
  font-size: 12px;
  color: #6b7280;
}
.ds-instance-page .ds-disk-block__foot {
  margin-top: 16px;
  font-size: 12.5px;
  color: #4b5563;
  padding: 10px 14px;
  background-color: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
}
.ds-instance-page .ds-disk-block__foot strong {
  color: #111827;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 600;
}
.ds-instance-page .ds-slider {
  position: relative;
  padding: 0 4px;
}
.ds-instance-page .ds-slider__track {
  position: relative;
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
}
.ds-instance-page .ds-slider__fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: linear-gradient(90deg, #a335e8, #ffc64b);
  border-radius: inherit;
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-slider__thumb {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  border: 3px solid #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 8px -2px rgba(163, 53, 232, 0.5);
  pointer-events: none;
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-slider__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.ds-instance-page .ds-slider__input:focus-visible + .ds-slider__thumb, .ds-instance-page .ds-slider__input:focus + .ds-slider__thumb {
  box-shadow: 0 0 0 4px rgba(163, 53, 232, 0.25), 0 2px 8px -2px rgba(163, 53, 232, 0.5);
}
.ds-instance-page .ds-slider__stops {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  padding: 0 4px;
}
.ds-instance-page .ds-slider__stop {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  color: #6b7280;
  position: relative;
}
.ds-instance-page .ds-slider__stop::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  width: 2px;
  height: 6px;
  background-color: #d1d5db;
  transform: translateX(-50%);
}
.ds-instance-page .ds-distro-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1280px) {
  .ds-instance-page .ds-distro-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .ds-instance-page .ds-distro-card-grid {
    grid-template-columns: 1fr;
  }
}
.ds-instance-page .ds-distro-card {
  position: relative;
  padding: 16px 14px;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.ds-instance-page .ds-distro-card:hover {
  border-color: #d29df6;
  box-shadow: 0 4px 16px -8px rgba(163, 53, 232, 0.18);
  transform: translateY(-1px);
}
.ds-instance-page .ds-distro-card--active {
  border-color: #a335e8;
  border-width: 2px;
  background-color: #faf3ff;
}
.ds-instance-page .ds-distro-card__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ds-instance-page .ds-distro-card__check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px -2px rgba(163, 53, 232, 0.4);
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-distro-card__check svg {
  width: 12px;
  height: 12px;
  stroke-width: 3;
}
.ds-instance-page .ds-distro-card--active .ds-distro-card__check {
  opacity: 1;
}
.ds-instance-page .ds-distro-card__logo {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.ds-instance-page .ds-distro-card__logo img, .ds-instance-page .ds-distro-card__logo svg {
  max-width: 40px;
  max-height: 40px;
}
.ds-instance-page .ds-distro-card--active .ds-distro-card__logo {
  background-color: #ffffff;
  border-color: #e4c4fa;
}
.ds-instance-page .ds-distro-card__logo-fallback {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(135deg, #ba6cf1, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 700;
}
.ds-instance-page .ds-distro-card__name {
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}
.ds-instance-page .ds-image-picker {
  margin-top: 18px;
}
.ds-instance-page .ds-image-picker__label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 8px;
}
.ds-instance-page .ds-image-picker__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ds-instance-page .ds-image-picker__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-image-picker__row:hover {
  border-color: #d29df6;
}
.ds-instance-page .ds-image-picker__row input[type=radio] {
  accent-color: #a335e8;
  cursor: pointer;
}
.ds-instance-page .ds-image-picker__row label {
  flex: 1;
  font-size: 13.5px;
  font-weight: 500;
  color: #1f2937;
  cursor: pointer;
  margin: 0;
}
.ds-instance-page .ds-image-picker__row--active {
  border-color: #a335e8;
  background-color: #faf3ff;
}
.ds-instance-page .ds-image-picker__price {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
}
.ds-instance-page .ds-ssh-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ds-instance-page .ds-ssh-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1.5px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-ssh-chip:hover {
  border-color: #d1d5db;
}
.ds-instance-page .ds-ssh-chip input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ds-instance-page .ds-ssh-chip__fingerprint {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  opacity: 0.6;
}
.ds-instance-page .ds-ssh-chip__check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-ssh-chip__check svg {
  width: 10px;
  height: 10px;
  stroke-width: 3;
}
.ds-instance-page .ds-ssh-chip--active {
  background-color: #faf3ff;
  border-color: #a335e8;
  color: #6c15a3;
  font-weight: 600;
}
.ds-instance-page .ds-ssh-chip--active .ds-ssh-chip__check {
  opacity: 1;
}
.ds-instance-page .ds-ssh-empty {
  padding: 14px 18px;
  background-color: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #4b5563;
}
.ds-instance-page .ds-ssh-empty a {
  color: #8a1cd0;
  font-weight: 600;
  text-decoration: underline;
}
.ds-instance-page .ds-num-stepper {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
}
.ds-instance-page .ds-num-stepper__btn {
  width: 40px;
  height: 40px;
  background-color: #f9fafb;
  border: 0;
  color: #374151;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-num-stepper__btn:hover {
  background-color: #f3f4f6;
}
.ds-instance-page .ds-num-stepper__btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ds-instance-page .ds-num-stepper__input {
  width: 64px;
  height: 40px;
  border: 0;
  background-color: transparent;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  text-align: center;
  outline: none;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  -moz-appearance: textfield;
}
.ds-instance-page .ds-num-stepper__input::-webkit-inner-spin-button, .ds-instance-page .ds-num-stepper__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ds-instance-page .ds-instance-name-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.ds-instance-page .ds-multi-select {
  margin-top: 10px;
}
.ds-instance-page .ds-multi-select select {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 4px 8px;
  min-height: 38px;
  background-color: #ffffff;
  font: inherit;
  font-size: 13px;
}
.ds-instance-page .ds-row-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-row-card:hover {
  border-color: #d29df6;
}
.ds-instance-page .ds-row-card input[type=checkbox] {
  accent-color: #a335e8;
  cursor: pointer;
}
.ds-instance-page .ds-row-card label {
  flex: 1;
  font-size: 13.5px;
  color: #1f2937;
  cursor: pointer;
  margin: 0;
}
.ds-instance-page .ds-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e5e7eb;
  flex-wrap: wrap;
}
.ds-instance-page .ds-form-actions .ds-form-actions__terms {
  flex: 1;
  font-size: 12.5px;
  color: #374151;
}
.ds-instance-page .ds-form-actions .ds-form-actions__terms input[type=checkbox] {
  accent-color: #a335e8;
}
.ds-instance-page .ds-section-empty {
  padding: 18px;
  background-color: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  color: #4b5563;
  font-size: 13px;
  text-align: center;
}
.ds-instance-page .ds-forbidden-list {
  list-style: none;
  margin: 0 0 12px;
  padding: 12px 14px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: #b91c1c;
  font-size: 12.5px;
}
.ds-instance-page .ds-forbidden-list li + li {
  margin-top: 4px;
}
.ds-instance-page .ds-backup-block {
  margin-top: 14px;
}
.ds-instance-page .ds-backup-block__title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 6px;
}
.ds-instance-page .ds-backup-block__hint {
  font-size: 12.5px;
  color: #4b5563;
}

.ds-cost-footer {
  position: fixed;
  bottom: 0;
  left: 256px;
  right: 0;
  padding: 18px 32px;
  background: linear-gradient(180deg, rgba(250, 243, 255, 0.95) 0%, rgba(250, 243, 255, 0.98) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid #e4c4fa;
  box-shadow: 0 -4px 24px -8px rgba(59, 10, 90, 0.1);
  z-index: 6;
  animation: dsFadeUp 500ms 400ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
@media (max-width: 768px) {
  .ds-cost-footer {
    left: 0;
    padding: 14px 18px;
  }
}
.ds-cost-footer__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 auto;
}
.ds-cost-footer__big {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}
.ds-cost-footer__big-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6c15a3;
}
.ds-cost-footer__big-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: #111827;
}
.ds-cost-footer__big-value small {
  font-size: 14px;
  color: #4b5563;
  font-weight: 500;
}
.ds-cost-footer__big-sub {
  font-size: 12px;
  color: #4b5563;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.ds-cost-footer__breakdown {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  padding-left: 22px;
  border-left: 1px solid #e4c4fa;
  margin-left: 4px;
}
@media (max-width: 900px) {
  .ds-cost-footer__breakdown {
    border-left: 0;
    padding-left: 0;
    width: 100%;
  }
}
.ds-cost-footer__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
}
.ds-cost-footer__item-label {
  color: #4b5563;
  font-weight: 500;
}
.ds-cost-footer__item-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  color: #111827;
  font-weight: 600;
  font-size: 13px;
}
.ds-cost-footer__budget {
  margin-left: auto;
  font-size: 12.5px;
  color: #4b5563;
  min-width: 220px;
}
@media (max-width: 900px) {
  .ds-cost-footer__budget {
    margin-left: 0;
    width: 100%;
  }
}
.ds-cost-footer__budget strong {
  color: #111827;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 600;
}
.ds-cost-footer__budget-bar {
  margin-top: 6px;
  height: 4px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}
.ds-cost-footer__budget-bar > span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #a335e8, #ffc64b);
  border-radius: inherit;
}
.ds-cost-footer__warning {
  width: 100%;
  margin: 0;
  color: #b91c1c;
  font-size: 12.5px;
}
.ds-cost-footer__warning strong {
  font-weight: 600;
}
.ds-cost-footer__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.ds-instance-page#instance_new {
  padding-bottom: 160px;
}

.ds-instance-page .ds-setup {
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-instance-page .ds-setup--payment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.ds-instance-page .ds-setup__payment-hint {
  color: #4b5563;
  font-size: 14px;
  margin: 0;
}
.ds-instance-page .ds-setup-steps {
  list-style: none;
  margin: 28px 0 12px;
  padding: 0;
  display: flex;
  gap: 0;
}
.ds-instance-page .ds-setup-step {
  position: relative;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 0 8px;
}
.ds-instance-page .ds-setup-step::after {
  content: "";
  position: absolute;
  top: 26px;
  left: calc(50% + 30px);
  right: calc(-50% + 30px);
  height: 2px;
  background-color: #e5e7eb;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-setup-step:last-child::after {
  display: none;
}
.ds-instance-page .ds-setup-step__marker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 9999px;
  background-color: #ffffff;
  border: 2px solid #e5e7eb;
  color: #9ca3af;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-setup-step__marker svg {
  width: 22px;
  height: 22px;
}
.ds-instance-page .ds-setup-step__logo {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.ds-instance-page .ds-setup-step__label {
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  max-width: 160px;
  line-height: 1.35;
}
.ds-instance-page .ds-setup-step--done .ds-setup-step__marker {
  background-color: #63b70f;
  border-color: #63b70f;
  color: #ffffff;
}
.ds-instance-page .ds-setup-step--done .ds-setup-step__label {
  color: #374151;
}
.ds-instance-page .ds-setup-step--done::after {
  background-color: #63b70f;
}
.ds-instance-page .ds-setup-step--active .ds-setup-step__marker {
  background-color: #faf3ff;
  border-color: #a335e8;
  color: #6c15a3;
  box-shadow: 0 0 0 4px rgba(163, 53, 232, 0.12);
  animation: dsSetupPulse 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.ds-instance-page .ds-setup-step--active .ds-setup-step__marker svg {
  animation: dsSetupSpin 2.4s linear infinite;
}
.ds-instance-page .ds-setup-step--active .ds-setup-step__label {
  color: #6c15a3;
  font-weight: 600;
}
.ds-instance-page .ds-setup-step--pending .ds-setup-step__marker {
  opacity: 0.7;
}

@keyframes dsSetupPulse {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(163, 53, 232, 0.12);
  }
  50% {
    box-shadow: 0 0 0 7px rgba(163, 53, 232, 0.05);
  }
}
@keyframes dsSetupSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 720px) {
  .ds-instance-page .ds-setup-steps {
    flex-direction: column;
    gap: 22px;
  }
  .ds-instance-page .ds-setup-step {
    flex-direction: row;
    text-align: left;
    gap: 16px;
  }
  .ds-instance-page .ds-setup-step::after {
    display: none;
  }
  .ds-instance-page .ds-setup-step .ds-setup-step__label {
    max-width: none;
  }
}
.ds-instance-page .ds-fw-hero {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  background: linear-gradient(135deg, #ffffff 0%, #faf3ff 100%);
  border-color: #e4c4fa;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-instance-page .ds-fw-hero--off {
  background: #ffffff;
  border-color: #e5e7eb;
}
.ds-instance-page .ds-fw-hero--off .ds-fw-hero__shield {
  color: #9ca3af;
  background: #f3f4f6;
}
.ds-instance-page .ds-fw-hero__shield {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8a1cd0;
  background: rgba(163, 53, 232, 0.12);
}
.ds-instance-page .ds-fw-hero__shield svg {
  width: 28px;
  height: 28px;
}
.ds-instance-page .ds-fw-hero__body {
  flex: 1;
  min-width: 0;
}
.ds-instance-page .ds-fw-hero__top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}
.ds-instance-page .ds-fw-hero__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}
.ds-instance-page .ds-fw-hero__hint {
  margin: 0 0 16px;
  font-size: 13px;
  color: #4b5563;
}
.ds-instance-page .ds-fw-settings {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 16px 20px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(163, 53, 232, 0.12);
}
.ds-instance-page .ds-fw-settings .ds-cta {
  margin-left: auto;
}
.ds-instance-page .ds-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  padding-bottom: 9px;
}
.ds-instance-page .ds-switch__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.ds-instance-page .ds-switch__track {
  position: relative;
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  border-radius: 9999px;
  background-color: #d1d5db;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-switch__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(59, 10, 90, 0.06), 0 1px 2px rgba(59, 10, 90, 0.04);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-instance-page .ds-switch__input:checked + .ds-switch__track {
  background-color: #a335e8;
}
.ds-instance-page .ds-switch__input:checked + .ds-switch__track .ds-switch__thumb {
  transform: translateX(20px);
}
.ds-instance-page .ds-switch__input:focus-visible + .ds-switch__track {
  outline: 2px solid #d29df6;
  outline-offset: 2px;
}
.ds-instance-page .ds-switch__label {
  font-size: 13.5px;
  font-weight: 600;
  color: #1f2937;
}
.ds-instance-page .ds-fw-policy {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 160px;
}
.ds-instance-page .ds-fw-policy .ds-field__label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #4b5563;
}
.ds-instance-page .ds-fw-presets {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 18px;
}
.ds-instance-page .ds-fw-presets__label {
  font-size: 12.5px;
  color: #6b7280;
  font-weight: 600;
  margin-right: 4px;
}
.ds-instance-page .ds-fw-preset-form {
  display: inline;
  margin: 0;
}
.ds-instance-page .ds-fw-preset {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #374151;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04);
}
.ds-instance-page .ds-fw-preset svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: #a335e8;
}
.ds-instance-page .ds-fw-preset:hover {
  border-color: #d29df6;
  background-color: #faf3ff;
  color: #6c15a3;
  box-shadow: 0 2px 4px rgba(59, 10, 90, 0.06), 0 1px 2px rgba(59, 10, 90, 0.04);
  transform: translateY(-1px);
}
.ds-instance-page .ds-fw-preset:hover svg {
  color: #8a1cd0;
}
.ds-instance-page .ds-fw-preset:focus {
  outline: none;
}
.ds-instance-page .ds-fw-preset:focus:not(:focus-visible) {
  border-color: #e5e7eb;
  background-color: #ffffff;
  color: #374151;
}
.ds-instance-page .ds-fw-preset:focus:not(:focus-visible) svg {
  color: #9ca3af;
}
.ds-instance-page .ds-fw-preset:focus-visible {
  outline: 2px solid #d29df6;
  outline-offset: 2px;
}
.ds-instance-page .ds-fw-row--disabled {
  opacity: 0.5;
}
.ds-instance-page#instance_firewall .ds-table th:last-child,
.ds-instance-page#instance_firewall .ds-table td:last-child {
  position: sticky;
  right: 0;
  background-color: #ffffff;
  box-shadow: -10px 0 8px -10px rgba(59, 10, 90, 0.08);
}
.ds-instance-page#instance_firewall .ds-table thead th:last-child {
  background-color: #f9fafb;
}
.ds-instance-page#instance_firewall .ds-table tbody tr:hover td:last-child {
  background-color: #f9fafb;
}
.ds-instance-page#instance_firewall .ds-table .ds-row-action--danger {
  color: #e82222;
  border: 1px solid #fecaca;
  background-color: #fef2f2;
}
.ds-instance-page#instance_firewall .ds-table .ds-row-action--danger svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.ds-instance-page#instance_firewall .ds-table .ds-row-action--danger:hover {
  background-color: #fee2e2;
  color: #b91c1c;
  border-color: #fca5a5;
}
.ds-instance-page .ds-fw-foot {
  margin: 14px 0 0;
  font-size: 12px;
  color: #6b7280;
  font-style: italic;
}
.ds-instance-page .ds-fw-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.ds-instance-page .ds-fw-form .ds-field {
  margin-bottom: 14px;
}
.ds-instance-page .ds-fw-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

@media (max-width: 640px) {
  .ds-instance-page .ds-fw-form__row {
    grid-template-columns: 1fr;
  }
  .ds-instance-page .ds-fw-hero {
    flex-direction: column;
  }
}
.ds-settings {
  position: relative;
  z-index: 1;
}
.ds-settings__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}
.ds-settings__grid + .ds-settings__grid {
  margin-top: 18px;
}
.ds-settings__col-6 {
  grid-column: span 6;
}
.ds-settings__col-12 {
  grid-column: span 12;
}

.ds-settings-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  position: relative;
  animation: dsFadeUp 500ms 180ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-settings-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.ds-settings-card__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-settings-card__hint {
  font-size: 12.5px;
  color: #6b7280;
}

.ds-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 18px;
}
.ds-form-grid--single {
  grid-template-columns: 1fr;
}

.ds-form-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ds-form-row--full {
  grid-column: span 2;
}
.ds-form-row__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.ds-form-row__helper {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}
.ds-form-row__helper--note {
  margin-top: 12px;
}

.ds-input,
.ds-select,
.ds-textarea {
  width: 100%;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #111827;
  outline: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-input:focus,
.ds-select:focus,
.ds-textarea:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-input::placeholder,
.ds-select::placeholder,
.ds-textarea::placeholder {
  color: #9ca3af;
}

.ds-textarea {
  height: auto;
  min-height: 96px;
  padding: 10px 12px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  resize: vertical;
}

.ds-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}

.ds-form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #f3f4f6;
  gap: 10px;
}

.ds-form-callout {
  margin-top: 18px;
  padding: 14px 16px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.ds-form-callout--danger {
  background-color: #fef2f2;
  border-color: #fecaca;
}
.ds-form-callout--danger .ds-form-callout__title {
  color: #991b1b;
}
.ds-form-callout__title {
  font-weight: 600;
  color: #111827;
  font-size: 13px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-form-callout__title svg {
  width: 14px;
  height: 14px;
  color: #f69c00;
}

.ds-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #1f2937;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-btn:hover {
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.ds-btn svg {
  width: 16px;
  height: 16px;
  color: #6b7280;
}
.ds-btn--primary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) #a335e8;
  border-color: #8a1cd0;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.08), 0 8px 16px -8px rgba(163, 53, 232, 0.4);
}
.ds-btn--primary svg {
  color: #ffffff;
}
.ds-btn--primary:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0)) #8a1cd0;
  border-color: #6c15a3;
}
.ds-btn--danger-ghost {
  color: #b91c1c;
  border-color: #fecaca;
  background-color: #fef2f2;
}
.ds-btn--danger-ghost svg {
  color: currentColor;
}
.ds-btn--danger-ghost:hover {
  background-color: #fee2e2;
  border-color: #fca5a5;
}
.ds-btn--sm {
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.ds-btn--sm svg {
  width: 14px;
  height: 14px;
}

.ds-pref-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-pref-item:last-child {
  border-bottom: none;
}
.ds-pref-item__body {
  flex: 1;
}
.ds-pref-item__title {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
  font-size: 13.5px;
}
.ds-pref-item__desc {
  font-size: 12.5px;
  color: #6b7280;
  margin-top: 2px;
}

.ds-toggle {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 22px;
  flex-shrink: 0;
}
.ds-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ds-toggle__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #e5e7eb;
  border-radius: 9999px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-toggle__slider::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3px;
  bottom: 3px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}
input:checked + .ds-toggle__slider {
  background-color: #a335e8;
}
input:checked + .ds-toggle__slider::before {
  transform: translateX(16px);
}

.ds-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  background-color: #f3f4f6;
  color: #374151;
  border-radius: 9999px;
  letter-spacing: 0.02em;
}
.ds-chip--danger {
  background-color: #fef2f2;
  color: #b91c1c;
}
.ds-chip--green {
  background-color: #f0fdf4;
  color: #15803d;
}
.ds-chip--green svg {
  color: currentColor;
}
.ds-chip--accent {
  background-color: #faf3ff;
  color: #6c15a3;
}
.ds-chip--blue {
  background-color: #eff6ff;
  color: #1d4ed8;
}
.ds-chip--red {
  background-color: #fef2f2;
  color: #b91c1c;
}
.ds-chip--orange {
  background-color: #fff7ed;
  color: #c2410c;
}
.ds-chip--gray {
  background-color: #f3f4f6;
  color: #4b5563;
}

.ds-muted {
  color: #6b7280;
}

.ds-row-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  margin-bottom: 14px;
}
.ds-row-card--current {
  background-color: #faf3ff;
  border-color: #e4c4fa;
}
.ds-row-card__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #4b5563;
  flex-shrink: 0;
}
.ds-row-card__icon svg {
  width: 18px;
  height: 18px;
}
.ds-row-card__body {
  flex: 1;
  min-width: 0;
}
.ds-row-card__title {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
  font-size: 13.5px;
}
.ds-row-card__meta {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.ds-row-card__meta code {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  padding: 1px 5px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  color: #374151;
}
.ds-row-card__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-row-card__fingerprint {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #6b7280;
  margin-top: 4px;
  word-break: break-all;
}

.ds-session-detail {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ds-session-detail__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f3f4f6;
}
.ds-session-detail__row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.ds-session-detail__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-session-detail__value {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
  text-align: right;
}
.ds-session-detail__value--mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

.ds-icon-btn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #4b5563;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.ds-icon-btn:hover {
  background-color: #f9fafb;
  border-color: #d1d5db;
  color: #1f2937;
}
.ds-icon-btn svg {
  width: 16px;
  height: 16px;
}
.ds-icon-btn--danger {
  color: #e82222;
  border-color: #fecaca;
  background-color: #fef2f2;
}
.ds-icon-btn--danger:hover {
  background-color: #fee2e2;
  border-color: #fca5a5;
  color: #b91c1c;
}

.ds-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.ds-input-wrap .ds-input {
  padding-right: 40px;
}
.ds-input-wrap__toggle {
  position: absolute;
  right: 4px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: transparent;
  color: #6b7280;
  border-radius: 6px;
  cursor: pointer;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-input-wrap__toggle:hover {
  color: #1f2937;
}
.ds-input-wrap__toggle svg {
  width: 16px;
  height: 16px;
}

.ds-code-block {
  position: relative;
  background-color: #111827;
  color: #f3f4f6;
  border-radius: 8px;
  padding: 16px 16px 16px 18px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.6;
  overflow-x: auto;
}
.ds-code-block pre {
  margin: 0;
  white-space: pre;
  background: transparent;
  padding: 0;
  color: inherit;
}
.ds-code-block__copy {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: rgba(255, 255, 255, 0.08);
  color: #d1d5db;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-code-block__copy:hover {
  background-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}
.ds-code-block__copy svg {
  width: 14px;
  height: 14px;
}
.ds-code-block .ds-tok-com {
  color: #9ca3af;
}
.ds-code-block .ds-tok-cmd {
  color: #ba6cf1;
  font-weight: 600;
}
.ds-code-block .ds-tok-opt {
  color: #ffc64b;
}
.ds-code-block .ds-tok-str {
  color: #86efac;
}

.ds-doc-text {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  line-height: 1.65;
  color: #374151;
  margin: 0 0 12px;
}
.ds-doc-text strong {
  color: #111827;
  font-weight: 600;
}
.ds-doc-text--top {
  margin-top: 16px;
}

.ds-strength {
  margin-top: 12px;
}
.ds-strength__bar {
  display: flex;
  gap: 4px;
  margin-bottom: 6px;
}
.ds-strength__seg {
  flex: 1;
  height: 4px;
  background-color: #e5e7eb;
  border-radius: 2px;
}
.ds-strength__seg--on-w {
  background-color: #e82222;
}
.ds-strength__seg--on-m {
  background-color: #f69c00;
}
.ds-strength__seg--on-s {
  background-color: #63b70f;
}
.ds-strength__label {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
}
.ds-strength__label strong {
  color: #111827;
  font-weight: 600;
}

.ds-member-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-member-row:last-child {
  border-bottom: none;
}
.ds-member-row__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.ds-member-row__body {
  flex: 1;
  min-width: 0;
}
.ds-member-row__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
  font-size: 13.5px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-member-row__email {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-member-row__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ds-pay-brand {
  width: 48px;
  height: 31px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-pay-brand img {
  max-height: 18px;
  max-width: 38px;
  width: auto;
  display: block;
}

.ds-member-row__num {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  letter-spacing: 0.04em;
  color: #111827;
}

.ds-inline-create {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-inline-create__input {
  height: 38px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #111827;
  background: #ffffff;
  min-width: 200px;
}
.ds-inline-create__input:focus {
  outline: none;
  border-color: #ba6cf1;
  box-shadow: 0 0 0 3px #faf3ff;
}
.ds-inline-create__input::placeholder {
  color: #9ca3af;
}

.ds-instance-status {
  margin-top: 4px;
}
.ds-instance-status__message {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #b91c1c;
  margin: 0 0 14px;
}
.ds-instance-status__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.ds-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: #faf3ff;
  border: 1px solid #f3e3fd;
  border-radius: 8px;
  color: #530f7e;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}
.ds-note svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 1px;
  stroke: #8a1cd0;
}
.ds-note p {
  margin: 0;
}

.ds-notif-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.ds-notif-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 14px;
  align-items: start;
  padding: 14px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-notif-row:last-child {
  border-bottom: none;
}
.ds-notif-row__title {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
  font-size: 13.5px;
}
.ds-notif-row__desc {
  font-size: 12.5px;
  color: #6b7280;
  margin-top: 4px;
}

.ds-billing-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-bottom: 18px;
}

.ds-billing-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 20px 22px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-billing-card__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0 0 8px;
}
.ds-billing-card__amount {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  margin: 0 0 6px;
}
.ds-billing-card__hint {
  font-size: 12.5px;
  color: #6b7280;
  margin: 0;
}
.ds-billing-card__footer {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ds-org-wallet-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #faf3ff 100%);
  border: 1px solid #e4c4fa;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  margin-bottom: 18px;
}
.ds-org-wallet-hero::before {
  content: "";
  position: absolute;
  top: -100px;
  right: -100px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(163, 53, 232, 0.18) 0%, transparent 70%);
  filter: blur(20px);
  pointer-events: none;
}
.ds-org-wallet-hero__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex-wrap: wrap;
}
.ds-org-wallet-hero__chip {
  margin-bottom: 4px;
}
.ds-org-wallet-hero__amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 56px;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: #111827;
  line-height: 1;
  margin: 6px 0 14px;
}
.ds-org-wallet-hero__amount small {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 24px;
  color: #6b7280;
  font-weight: 500;
  margin-left: 6px;
}
.ds-org-wallet-hero__actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.ds-org-wallet-hero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(163, 53, 232, 0.14);
  position: relative;
}
.ds-org-wallet-hero__stat {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ds-org-wallet-hero__stat-label {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}
.ds-org-wallet-hero__stat-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 20px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: #111827;
}
.ds-org-wallet-hero__stat-value small {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  margin-left: 2px;
}
.ds-org-wallet-hero__progress {
  margin-top: 4px;
  padding: 14px 16px;
  background-color: #ffffff;
  border: 1px solid #f3e3fd;
  border-radius: 8px;
  position: relative;
}
.ds-org-wallet-hero__progress-label {
  font-size: 12.5px;
  color: #4b5563;
}
.ds-org-wallet-hero__progress-label strong {
  color: #6c15a3;
  font-weight: 700;
}
.ds-org-wallet-hero__progress-bar {
  margin-top: 8px;
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}
.ds-org-wallet-hero__progress-bar > span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #a335e8, #ffc64b);
  border-radius: inherit;
}

.ds-role-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.ds-role-card {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-role-card:hover {
  border-color: #d1d5db;
}
.ds-role-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.ds-role-card__badge {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-role-card__badge svg {
  width: 16px;
  height: 16px;
}
.ds-role-card__badge--admin {
  background-color: #f3e3fd;
  color: #6c15a3;
}
.ds-role-card__badge--member {
  background-color: #eff6ff;
  color: #1d4ed8;
}
.ds-role-card__badge--reader {
  background-color: #f3f4f6;
  color: #374151;
}
.ds-role-card__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  color: #111827;
  font-size: 14px;
}
.ds-role-card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ds-role-card__list li {
  font-size: 12.5px;
  color: #374151;
  padding-left: 16px;
  position: relative;
  line-height: 1.45;
}
.ds-role-card__list li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a335e8;
}

.ds-session-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-session-row:last-child {
  border-bottom: none;
}
.ds-session-row__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  color: #4b5563;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-session-row__icon svg {
  width: 18px;
  height: 18px;
}
.ds-session-row__body {
  flex: 1;
  min-width: 0;
}
.ds-session-row__ip {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 600;
  color: #111827;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-session-row__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}
.ds-session-row__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ds-kv__copy {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  color: #6b7280;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-kv__copy:hover {
  border-color: #d29df6;
  color: #6c15a3;
}
.ds-kv__copy[data-copied=true] {
  border-color: #86efac;
  color: #15803d;
}
.ds-kv__copy svg {
  width: 14px;
  height: 14px;
}

.ds-field {
  margin-bottom: 18px;
}
.ds-field:last-child {
  margin-bottom: 0;
}
.ds-field__label {
  display: block;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.ds-field__input {
  width: 100%;
  height: 40px;
  padding: 0 14px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  color: #111827;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-field__input::placeholder {
  color: #9ca3af;
}
.ds-field__input:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-field__input--mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
}
.ds-field__input--readonly {
  background-color: #f9fafb;
  color: #4b5563;
  cursor: not-allowed;
  padding-right: 44px;
}
.ds-field__helper {
  margin-top: 6px;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
}
.ds-field__input-group {
  position: relative;
  display: flex;
  align-items: center;
}

.ds-danger-zone {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 18px;
  position: relative;
}
.ds-danger-zone__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px dashed #fecaca;
}
.ds-danger-zone__head-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #ffffff;
  color: #b91c1c;
  border: 1px solid #fecaca;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-danger-zone__head-icon svg {
  width: 16px;
  height: 16px;
}
.ds-danger-zone__head-title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b91c1c;
}

.ds-danger-action {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
}
.ds-danger-action + .ds-danger-action {
  border-top: 1px dashed #fecaca;
}
.ds-danger-action__body {
  flex: 1;
  min-width: 0;
}
.ds-danger-action__title {
  margin: 0 0 4px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}
.ds-danger-action__helper {
  margin: 0;
  font-size: 12.5px;
  color: #4b5563;
  line-height: 1.5;
}

.ds-danger-form {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  background-color: #ffffff;
  border: 1px solid #fecaca;
  border-radius: 12px;
}
.ds-danger-form__checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #1f2937;
}
.ds-danger-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ds-danger-form__field-label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}
.ds-danger-form__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.ds-btn--danger {
  background-color: #e82222;
  border-color: #b91c1c;
  color: #ffffff;
}
.ds-btn--danger svg {
  color: #ffffff;
}
.ds-btn--danger:hover {
  background-color: #b91c1c;
  border-color: #b91c1c;
}
.ds-btn--danger:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #e82222;
  border-color: #b91c1c;
}

.ds-checkbox {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid #d1d5db;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.ds-checkbox:hover {
  border-color: #6b7280;
}
.ds-checkbox:checked {
  background-color: #a335e8;
  border-color: #a335e8;
}
.ds-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.invoices-payment-methods {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.payment-method {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  color: #111827;
  text-decoration: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.payment-method:hover {
  border-color: #d29df6;
  background-color: #faf3ff;
}
.payment-method:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.payment-method img,
.payment-method .icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.payment-method p {
  margin: 0;
}
.payment-method .payment-method-info {
  display: block;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #111827;
}
.payment-method p:not(.payment-method-info) {
  margin-top: 2px;
  font-size: 12.5px;
  color: #4b5563;
  font-variant-numeric: tabular-nums;
}
.payment-method.disabled {
  cursor: not-allowed;
  pointer-events: none;
  border-color: #e5e7eb;
  background-color: #f9fafb;
}
.payment-method.disabled:hover {
  border-color: #e5e7eb;
  background-color: #f9fafb;
}
.payment-method.disabled .payment-method-info {
  color: #4b5563;
}
.payment-method.disabled p:not(.payment-method-info) {
  color: #991b1b;
}

.ds-form-check {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-form-check--start {
  align-items: flex-start;
  font-weight: 400;
}

.ds-popup-onboard-foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.ds-popup-onboard-foot__step {
  margin-left: auto;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #4b5563;
}

.ds-form-errors {
  margin: 0 0 12px;
  padding-left: 16px;
  font-size: 13px;
  color: #b91c1c;
}

.ds-field__textarea {
  min-height: 84px;
  padding: 12px 16px;
  line-height: 1.5;
  resize: vertical;
}

.ds-empty__actions {
  display: flex;
  gap: 8px;
  justify-content: center;
}

@media (max-width: 1024px) {
  .ds-settings__col-6 {
    grid-column: span 12;
  }
  .ds-billing-summary {
    grid-template-columns: 1fr;
  }
  .ds-role-cards {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .ds-form-grid {
    grid-template-columns: 1fr;
  }
  .ds-form-row--full {
    grid-column: span 1;
  }
  .ds-notif-row {
    grid-template-columns: 1fr;
  }
  .ds-danger-action {
    flex-direction: column;
    align-items: stretch;
  }
  .ds-org-wallet-hero__amount {
    font-size: 42px;
  }
  .ds-org-wallet-hero__amount small {
    font-size: 18px;
  }
}
@keyframes dsFadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1100px) {
  .ds-table thead th.ds-col-slug,
  .ds-table tbody td.ds-col-slug {
    display: none;
  }
}
@media (max-width: 900px) {
  .ds-table thead th.ds-col-org,
  .ds-table tbody td.ds-col-org {
    display: none;
  }
}
.ds-cat-logo {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  flex-shrink: 0;
}
.ds-cat-logo svg {
  width: 20px;
  height: 20px;
}
.ds-cat-logo--linux {
  background-color: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}
.ds-cat-logo--windows {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
.ds-cat-logo--vpc {
  background-color: #faf3ff;
  border-color: #e4c4fa;
  color: #6c15a3;
}
.ds-cat-logo--public {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}

.ds-cat-name {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ds-cat-name__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.ds-cat-name__desc {
  font-size: 12.5px;
  color: #6b7280;
  max-width: 420px;
}

.ds-cat-num {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #374151;
}
.ds-cat-num--muted {
  color: #9ca3af;
}
.ds-cat-num small {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #9ca3af;
  margin-left: 3px;
}

.ds-cat-flag {
  width: 34px;
  height: 24px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid #e5e7eb;
  display: inline-flex;
}
.ds-cat-flag svg {
  width: 100%;
  height: 100%;
  display: block;
}

.ds-cat-owner {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #374151;
}
.ds-cat-owner__emblem {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}

@media (max-width: 1100px) {
  .ds-table thead th.ds-cat-col-code,
  .ds-table tbody td.ds-cat-col-code,
  .ds-table thead th.ds-cat-col-vlan,
  .ds-table tbody td.ds-cat-col-vlan {
    display: none;
  }
}
@media (max-width: 900px) {
  .ds-table thead th.ds-cat-col-owner,
  .ds-table tbody td.ds-cat-col-owner,
  .ds-table thead th.ds-cat-col-prio,
  .ds-table tbody td.ds-cat-col-prio {
    display: none;
  }
}
.ds-cat-identity {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.ds-cat-identity__logo {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.ds-cat-identity__logo svg {
  width: 28px;
  height: 28px;
}
.ds-cat-identity__logo--linux {
  background-color: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}
.ds-cat-identity__logo--windows {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
}
.ds-cat-identity__logo--accent {
  background-color: #faf3ff;
  border-color: #e4c4fa;
  color: #6c15a3;
}
.ds-cat-identity__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}
.ds-cat-identity__slug {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #6b7280;
  margin-top: 2px;
}

.ds-cat-deflist {
  display: flex;
  flex-direction: column;
}
.ds-cat-deflist__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-cat-deflist__row:last-child {
  border-bottom: none;
}
.ds-cat-deflist__key {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-cat-deflist__val {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  text-align: right;
}
.ds-cat-deflist__val.mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 500;
}
.ds-cat-deflist__muted {
  color: #9ca3af;
  font-weight: 500;
}

.ds-cat-form-foot {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ds-cat-field-pair {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 10px;
  margin-bottom: 16px;
}
.ds-cat-field-pair__sep {
  color: #d1d5db;
  padding-bottom: 10px;
  font-weight: 600;
}

.ds-cat-field-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}

.ds-cat-field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ds-field__select {
  width: 100%;
  height: 40px;
  padding: 0 36px 0 12px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #111827;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-field__select:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

.ds-field__textarea {
  min-height: 84px;
  padding: 10px 14px;
  line-height: 1.5;
  resize: vertical;
}

.ds-cat-req {
  color: #e82222;
}

.ds-cat-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 22px 0 14px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-cat-group svg {
  width: 15px;
  height: 15px;
  color: #9ca3af;
}

.ds-cat-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 8px;
  border-radius: 9999px;
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin: 0 8px 8px 0;
}
.ds-cat-badge__id {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  font-weight: 500;
  color: #6b7280;
}
.ds-cat-badge__op {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ffffff;
  flex-shrink: 0;
}
.ds-cat-badge__op svg {
  width: 13px;
  height: 13px;
}
.ds-cat-badge__op--add {
  background-color: #a335e8;
}
.ds-cat-badge__op--remove {
  background-color: #e82222;
}

.ds-cat-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  font-size: 12.5px;
  color: #4b5563;
  line-height: 1.5;
}
.ds-cat-note svg {
  width: 16px;
  height: 16px;
  color: #9ca3af;
  flex-shrink: 0;
  margin-top: 1px;
}
.ds-cat-note strong {
  color: #1f2937;
  font-weight: 600;
}

.ds-cat-console-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 14px;
}

@media (max-width: 768px) {
  .ds-cat-field-pair,
  .ds-cat-field-duo,
  .ds-cat-field-grid {
    grid-template-columns: 1fr;
  }
  .ds-cat-field-pair__sep {
    display: none;
  }
}
.ds-cat-gap-sm {
  margin-top: 8px;
}

.ds-cat-gap-md {
  margin-top: 12px;
}

.ds-cat-gap-md-b {
  margin-bottom: 12px;
}

.ds-cat-gap-lg {
  margin-top: 16px;
}

.ds-cat-gap-xl {
  margin-top: 24px;
}

.ds-cat-section {
  margin-top: 32px;
}

.ds-cat-field-flush {
  margin-bottom: 0;
}

.ds-cat-field-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ds-cat-field-switch .ds-field__label {
  margin-bottom: 0;
}

.ds-cat-field-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

.ds-cat-break-all {
  word-break: break-all;
}

.ds-cat-cta-disabled {
  opacity: 0.55;
  pointer-events: none;
}

.ds-cat-toolbar--spread {
  justify-content: space-between;
}

.ds-cat-label-strong {
  font-weight: 600;
}

.ds-cat-static-value {
  margin: 0;
  color: #374151;
  font-weight: 600;
}

.ds-user-cell {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.ds-user-cell__avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 12.5px;
  flex-shrink: 0;
  box-shadow: 0 3px 8px -3px rgba(163, 53, 232, 0.4);
}
.ds-user-cell__body {
  min-width: 0;
}
.ds-user-cell__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
}
.ds-user-cell__name a:hover {
  color: #6c15a3;
}
.ds-user-cell__email {
  font-size: 12px;
  color: #6b7280;
  letter-spacing: -0.01em;
}

.ds-user-orgs {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.ds-user-orgs__more {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  color: #9ca3af;
  font-weight: 600;
}
.ds-user-orgs__none {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #9ca3af;
}

.ds-admin-users-pagination {
  padding: 14px 16px;
  border-top: 1px solid #f3f4f6;
  background-color: #f9fafb;
}

@media (max-width: 1100px) {
  .ds-admin-users-table th.ds-col-iface,
  .ds-admin-users-table td.ds-col-iface {
    display: none;
  }
}
@media (max-width: 900px) {
  .ds-admin-users-table th.ds-col-orgs,
  .ds-admin-users-table td.ds-col-orgs,
  .ds-admin-users-table th.ds-col-joined,
  .ds-admin-users-table td.ds-col-joined {
    display: none;
  }
}
.ds-page-header__icon span {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.ds-user-def__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-user-def__row:last-child {
  border-bottom: none;
}
.ds-user-def__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #4b5563;
}
.ds-user-def__value {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  text-align: right;
}
.ds-user-def__value.mono {
  font-weight: 500;
  color: #374151;
}

.ds-user-iface {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.ds-user-iface__body {
  min-width: 0;
}
.ds-user-iface__current {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #374151;
}
.ds-user-iface__current strong {
  color: #111827;
  font-weight: 700;
}
.ds-user-iface__note {
  display: block;
  margin-top: 4px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
}
.ds-user-iface .ds-cta {
  flex-shrink: 0;
}

.ds-user-danger {
  margin-top: 18px;
  border: 1px solid #fecaca;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  overflow: hidden;
}
.ds-user-danger__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 22px;
  background-color: #fef2f2;
  border-bottom: 1px solid #fecaca;
}
.ds-user-danger__head svg {
  width: 18px;
  height: 18px;
  color: #dc2626;
}
.ds-user-danger__head h2 {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b91c1c;
}
.ds-user-danger__body {
  padding: 6px 22px;
}
.ds-user-danger__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-user-danger__row:last-child {
  border-bottom: none;
}
.ds-user-danger__info {
  min-width: 0;
}
.ds-user-danger__title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}
.ds-user-danger__sub {
  margin: 2px 0 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-user-danger__action {
  flex-shrink: 0;
}
.ds-user-danger__action .ds-cta {
  white-space: nowrap;
}
.ds-user-danger__otp-form {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.ds-user-danger__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ds-user-danger__field label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #4b5563;
}
.ds-user-danger__field input {
  height: 38px;
  padding: 0 12px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #111827;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-user-danger__field input:focus {
  border-color: #e82222;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(232, 34, 34, 0.85);
}
.ds-user-danger__muted {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  color: #9ca3af;
}

@media (max-width: 768px) {
  .ds-user-iface {
    flex-direction: column;
    align-items: flex-start;
  }
  .ds-user-danger__row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ds-org-cell {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ds-org-cell__body {
  min-width: 0;
}
.ds-org-cell__name {
  font-weight: 600;
  color: #111827;
}
.ds-org-cell__name a:hover {
  color: #6c15a3;
}
.ds-org-cell__sub {
  font-size: 12px;
  color: #6b7280;
  margin-top: 1px;
}

.ds-org-emblem {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 700;
  font-size: 13px;
  flex-shrink: 0;
}
.ds-org-emblem--muted {
  background: #e5e7eb;
  color: #6b7280;
}

.ds-org-reduc {
  font-size: 12.5px;
  color: #9ca3af;
}
.ds-org-reduc--some {
  color: #15803d;
}

.ds-org-toggle-field {
  display: inline-flex;
  align-items: center;
}

.ds-org-pagination {
  display: flex;
  justify-content: center;
  padding: 16px 16px;
  border-top: 1px solid #f3f4f6;
  background-color: #f9fafb;
}

.ds-org-active {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 12.5px;
  font-weight: 600;
  color: #374151;
}
.ds-org-active__switch {
  display: inline-flex;
  align-items: center;
}

.ds-org-bar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04);
  overflow-x: auto;
}
.ds-org-bar__item {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #4b5563;
  white-space: nowrap;
  transition: background-color 150ms ease, color 150ms ease;
}
.ds-org-bar__item:hover {
  background-color: #f9fafb;
  color: #111827;
}
.ds-org-bar__item--active {
  background-color: #faf3ff;
  color: #6c15a3;
}

.ds-org-side,
.ds-org-main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ds-org-wallet-hero, .ds-org-balance {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #ffffff 0%, #faf3ff 100%);
  border: 1px solid #f3e3fd;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-org-balance__stats {
  grid-template-columns: 1fr 1fr;
}

.ds-org-figures {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.ds-org-figure {
  padding: 16px;
  background: #f9fafb;
  border-radius: 8px;
}
.ds-org-figure__label {
  font-size: 11.5px;
  color: #6b7280;
  font-weight: 500;
  margin-bottom: 8px;
}
.ds-org-figure__value {
  font-size: 22px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ds-org-figure__value small {
  font-size: 13px;
  color: #9ca3af;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.ds-org-cfg-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-org-cfg-row__text {
  min-width: 0;
}
.ds-org-cfg-row__label {
  font-size: 13.5px;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}

.ds-org-field {
  margin: 16px 0;
}
.ds-org-field__label {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}
.ds-org-field select {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  font-size: 13.5px;
  color: #111827;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.ds-org-cfg-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f3f4f6;
}

.ds-org-card-link {
  display: inline-flex;
  align-items: center;
  font-size: 12.5px;
  font-weight: 600;
  color: #8a1cd0;
}
.ds-org-card-link:hover {
  color: #6c15a3;
}

.ds-org-mini-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-org-mini-row:last-child {
  border-bottom: none;
}
.ds-org-mini-row__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-org-mini-row__icon svg {
  width: 16px;
  height: 16px;
}
.ds-org-mini-row__body {
  flex: 1;
  min-width: 0;
}
.ds-org-mini-row__title {
  font-weight: 600;
  color: #111827;
  font-size: 13.5px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ds-org-mini-row__slug {
  font-weight: 500;
  color: #9ca3af;
  font-size: 12px;
}
.ds-org-mini-row__sub {
  font-size: 12px;
  color: #6b7280;
  margin-top: 1px;
}
.ds-org-mini-row__aside {
  flex-shrink: 0;
  text-align: right;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.ds-org-mini-row__amount {
  font-size: 13.5px;
  font-weight: 600;
  color: #1f2937;
}
.ds-org-mini-row__action {
  color: #9ca3af;
  display: inline-flex;
}
.ds-org-mini-row__action:hover {
  color: #8a1cd0;
}
.ds-org-mini-row__action svg {
  width: 16px;
  height: 16px;
}

.ds-org-ip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ds-org-ip-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 12.5px;
  color: #374151;
}
.ds-org-ip-chip--more {
  color: #6b7280;
}

.ds-org-table-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  overflow: hidden;
}

.ds-org-table-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px;
  border-bottom: 1px solid #e5e7eb;
}

.ds-org-table-card__title {
  margin: 0;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.ds-org-count-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.ds-org-user {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ds-org-user__avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}
.ds-org-user__name {
  font-weight: 600;
  color: #111827;
}
.ds-org-user__email {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
  margin-top: 1px;
}

.ds-org-res {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ds-org-res__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.ds-org-res__icon svg {
  width: 16px;
  height: 16px;
}
.ds-org-res__icon--instance {
  background-color: #faf3ff;
  color: #8a1cd0;
  border-color: #e4c4fa;
}
.ds-org-res__icon--vpc {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.ds-org-res__icon--floatingip {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-org-res__icon--zone {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.ds-org-res__name {
  font-weight: 600;
  color: #111827;
}
.ds-org-res__name .mono {
  font-weight: 500;
  color: #6b7280;
}
.ds-org-res__kind {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9ca3af;
}

.ds-org-amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  font-weight: 600;
  color: #1f2937;
}
.ds-org-amount--in {
  color: #15803d;
}
.ds-org-amount--out {
  color: #b91c1c;
}

.ds-org-date {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
}
.ds-org-date--overdue {
  color: #dc2626;
  font-weight: 600;
}

.ds-org-na {
  color: #9ca3af;
  font-size: 12px;
}

.ds-org-pay-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 20px 24px;
  background: linear-gradient(135deg, #ffffff 0%, #faf3ff 100%);
  border: 1px solid #f3e3fd;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  margin-bottom: 20px;
}
.ds-org-pay-toggle__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #111827;
}
.ds-org-pay-toggle__title svg {
  width: 17px;
  height: 17px;
  color: #8a1cd0;
}
.ds-org-pay-toggle__sub {
  margin: 3px 0 0;
  max-width: 560px;
  font-size: 12.5px;
  color: #4b5563;
}

.ds-org-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background-color: #ffffff;
  margin-bottom: 12px;
}
.ds-org-card:last-child {
  margin-bottom: 0;
}
.ds-org-card--default {
  border-color: #e4c4fa;
  background-color: #faf3ff;
}
.ds-org-card__logo img {
  height: 24px;
  width: auto;
  display: block;
}
.ds-org-card__num {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  letter-spacing: 0.04em;
}
.ds-org-card__exp {
  margin-left: auto;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-org-card__exp small {
  display: block;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9ca3af;
}

.ds-org-wallet-hero__stats {
  grid-template-columns: 1fr 1fr 1fr;
}

.ds-org-so-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

.ds-org-so-card {
  display: block;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background-color: #f9fafb;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-org-so-card:hover {
  border-color: #e4c4fa;
}
.ds-org-so-card__code {
  display: inline-block;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 600;
  color: #b07c00;
  background-color: #fff9ed;
  border: 1px solid #ffe49d;
  border-radius: 6px;
  padding: 4px 8px;
  margin-bottom: 12px;
}
.ds-org-so-card__amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 28px;
  font-weight: 500;
  color: #111827;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ds-org-so-card__amount small {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  color: #9ca3af;
}
.ds-org-so-card__meta {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  color: #6b7280;
}
.ds-org-so-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ds-org-so-card__meta svg {
  width: 14px;
  height: 14px;
  color: #9ca3af;
}

.ds-org-quota-cell {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  width: 100%;
}

.ds-org-quota-bar {
  width: 90px;
  height: 7px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
  flex-shrink: 0;
}
.ds-org-quota-bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #a335e8;
}

.ds-org-rate {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  font-weight: 600;
  color: #374151;
}
.ds-org-rate--current {
  color: #6c15a3;
}

.ds-org-subbar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04);
  overflow-x: auto;
}
.ds-org-subbar__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #4b5563;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
  transition: background-color 150ms ease, color 150ms ease;
}
.ds-org-subbar__tab svg {
  width: 15px;
  height: 15px;
  color: #9ca3af;
}
.ds-org-subbar__tab:hover {
  background-color: #f9fafb;
  color: #111827;
}
.ds-org-subbar__tab--active {
  background-color: #faf3ff;
  color: #6c15a3;
}
.ds-org-subbar__tab--active svg {
  color: #8a1cd0;
}

.ds-org-spec {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-org-spec:last-child {
  border-bottom: none;
}
.ds-org-spec__icon {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-org-spec__icon svg {
  width: 17px;
  height: 17px;
}
.ds-org-spec__body {
  min-width: 0;
  flex: 1;
}
.ds-org-spec__label {
  margin: 0 0 4px;
  font-size: 11.5px;
  font-weight: 600;
  color: #6b7280;
}
.ds-org-spec__value {
  font-size: 13.5px;
  font-weight: 500;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.ds-org-spec__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ds-org-spec__list li {
  font-size: 13px;
  color: #374151;
}
.ds-org-spec__list .k {
  color: #6b7280;
  margin-right: 4px;
}
.ds-org-spec__list .v {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  color: #111827;
}

.ds-org-owner {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}
.ds-org-owner__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a335e8, #6c15a3);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}
.ds-org-owner__name {
  font-weight: 600;
  color: #111827;
}
.ds-org-owner__sub {
  margin-top: 2px;
  font-size: 12px;
  color: #6b7280;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

.ds-org-ctrl-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ds-org-price-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-org-price-group input {
  flex: 1;
  height: 40px;
  padding: 0 12px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  color: #111827;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.ds-org-price-group__unit {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
}

.ds-org-field-helper {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
}

.ds-org-popup-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

@media (max-width: 1024px) {
  .ds-org-figures,
  .ds-org-balance__stats {
    grid-template-columns: 1fr 1fr;
  }
  .ds-org-wallet-hero__stats {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .ds-org-col-billing,
  .ds-org-col-reduc,
  .ds-org-col-created {
    display: none;
  }
}
.ds-net-name {
  display: flex;
  align-items: center;
  gap: 11px;
}
.ds-net-name__emblem {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #faf3ff, #f3e3fd);
  border: 1px solid #e4c4fa;
  color: #8a1cd0;
}
.ds-net-name__emblem svg {
  width: 17px;
  height: 17px;
}
.ds-net-name__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.ds-net-name__col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ds-net-name__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
}
.ds-net-name__label a:hover {
  color: #6c15a3;
}
.ds-net-name__meta {
  font-size: 12px;
  color: #6b7280;
  font-variant-numeric: tabular-nums;
}

.ds-net-org {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ds-net-org__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #1f2937;
}
.ds-net-org__sub {
  font-size: 12px;
  color: #6b7280;
}

.ds-net-cidr {
  font-size: 12.5px;
  color: #374151;
  font-variant-numeric: tabular-nums;
}
.ds-net-cidr--empty {
  color: #4b5563;
}

.ds-net-badge {
  font-size: 12.5px;
  color: #374151;
  padding: 2px 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  display: inline-block;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.ds-net-count--zero {
  color: #4b5563;
}

.ds-net-iptype {
  display: inline-flex;
  align-items: center;
  font-size: 11.5px;
  font-weight: 600;
  padding: 2px 9px;
  border-radius: 9999px;
  border: 1px solid;
}
.ds-net-iptype--v4 {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.ds-net-iptype--v6 {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
}

.ds-net-rev {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: #374151;
}
.ds-net-rev svg {
  width: 14px;
  height: 14px;
  color: #6b7280;
}
.ds-net-rev .mono {
  font-size: 12px;
  color: #4b5563;
}
.ds-net-rev--none {
  color: #4b5563;
}

.ds-net-occ {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
}
.ds-net-occ__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.ds-net-occ__ratio {
  font-size: 12px;
  color: #4b5563;
  font-variant-numeric: tabular-nums;
}
.ds-net-occ__ratio strong {
  color: #111827;
  font-weight: 600;
}
.ds-net-occ__free {
  font-size: 11px;
  color: #4b5563;
  font-variant-numeric: tabular-nums;
}
.ds-net-occ__bar {
  width: 100%;
  height: 6px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
}
.ds-net-occ__bar > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #63b70f;
}
.ds-net-occ--warn .ds-net-occ__bar > span {
  background-color: #f69c00;
}
.ds-net-occ--danger .ds-net-occ__bar > span {
  background-color: #e82222;
}

.ds-net-price__unit {
  color: #9ca3af;
  font-size: 11px;
}

.ds-net-zone-label {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.ds-net-zone-label a:hover {
  color: #6c15a3;
}

.ds-net-reccount {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #374151;
  font-variant-numeric: tabular-nums;
}
.ds-net-reccount svg {
  width: 14px;
  height: 14px;
  color: #6b7280;
}

.ds-net-ns {
  display: flex;
  align-items: center;
  gap: 11px;
}
.ds-net-ns__glyph {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.ds-net-ns__glyph svg {
  width: 17px;
  height: 17px;
}
.ds-net-ns__body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.ds-net-ns__host {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  font-variant-numeric: tabular-nums;
}
.ds-net-ns__host a:hover {
  color: #6c15a3;
}
.ds-net-ns__meta {
  font-size: 12px;
  color: #6b7280;
}

.ds-net-section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 26px 0 12px;
}
.ds-net-section-head:first-of-type {
  margin-top: 4px;
}
.ds-net-section-head__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #faf3ff;
  color: #8a1cd0;
  border: 1px solid #e4c4fa;
}
.ds-net-section-head__icon svg {
  width: 16px;
  height: 16px;
}
.ds-net-section-head__icon--amber {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.ds-net-section-head__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.01em;
}
.ds-net-section-head__sub {
  margin: 1px 0 0;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-net-section-head__spacer {
  flex: 1;
}
.ds-net-section-head .ds-cta {
  height: 34px;
}

.ds-net-subhead-gap {
  margin-top: 24px;
}

.ds-net-danger-gap {
  margin-top: 16px;
}

.ds-net-danger-actions {
  margin-top: 16px;
}

.ds-net-vlan-block {
  margin-top: 16px;
}

.ds-row-action--disabled {
  color: #d1d5db;
  cursor: not-allowed;
}
.ds-row-action--disabled:hover {
  background-color: transparent;
  color: #d1d5db;
}

.ds-net-section {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 22px 24px;
  margin-bottom: 18px;
  animation: dsFadeUp 500ms 80ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-net-section:last-child {
  margin-bottom: 0;
}
.ds-net-section__head {
  margin-bottom: 16px;
}
.ds-net-section__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.01em;
}
.ds-net-section__subtitle {
  margin: 3px 0 0;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-net-section__title--danger {
  color: #b91c1c;
}
.ds-net-section--danger {
  border-color: #fecaca;
}
.ds-net-section--stacked {
  margin-top: 16px;
}

.ds-net-dl {
  display: flex;
  flex-direction: column;
}

.ds-net-dl__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-net-dl__row:last-child {
  border-bottom: none;
}

.ds-net-dl__key {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
}
.ds-net-dl__key svg {
  width: 15px;
  height: 15px;
  color: #9ca3af;
  flex-shrink: 0;
}

.ds-net-dl__val {
  font-size: 13px;
  color: #1f2937;
  text-align: right;
  overflow-wrap: anywhere;
  min-width: 0;
}
.ds-net-dl__val a:hover {
  color: #6c15a3;
}
.ds-net-dl__val--mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}
.ds-net-dl__val--empty {
  color: #9ca3af;
  font-style: italic;
}

.ds-net-block {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 14px;
}
.ds-net-block:last-child {
  margin-bottom: 0;
}
.ds-net-block__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6c15a3;
}

.ds-net-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 22px;
}

.ds-net-meta__label {
  margin: 0 0 4px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-net-meta__value {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  color: #1f2937;
  font-variant-numeric: tabular-nums;
}
.ds-net-meta__value--text {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-variant-numeric: normal;
}
.ds-net-meta__value--text a:hover {
  color: #6c15a3;
}
.ds-net-meta__value small {
  color: #9ca3af;
  font-size: 11px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

.ds-net-readonly-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ds-net-readonly {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
}
.ds-net-readonly--form-lead {
  margin-bottom: 16px;
}
.ds-net-readonly__label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 6px;
  font-size: 11.5px;
  font-weight: 600;
  color: #6b7280;
}
.ds-net-readonly__label svg {
  width: 14px;
  height: 14px;
  color: #6b7280;
}
.ds-net-readonly__value {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  color: #1f2937;
  font-variant-numeric: tabular-nums;
}
.ds-net-readonly__value--note {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  font-variant-numeric: normal;
}

.ds-net-inst-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-net-inst-row:last-child {
  border-bottom: none;
}
.ds-net-inst-row__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.ds-net-inst-row__icon svg {
  width: 16px;
  height: 16px;
}
.ds-net-inst-row__body {
  min-width: 0;
  flex: 1;
}
.ds-net-inst-row__name {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  color: #111827;
}
.ds-net-inst-row__name .mono {
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
}
.ds-net-inst-row__name a:hover {
  color: #6c15a3;
}
.ds-net-inst-row__ip {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
  font-variant-numeric: tabular-nums;
}
.ds-net-inst-row__ip--none {
  color: #9ca3af;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: italic;
}

.ds-net-hero {
  background: linear-gradient(135deg, #faf3ff, #ffffff);
  border: 1px solid #f3e3fd;
  border-radius: 12px;
  padding: 24px 26px;
  height: 100%;
}
.ds-net-hero__label {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a1cd0;
}
.ds-net-hero__amount {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 38px;
  font-weight: 500;
  color: #111827;
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.ds-net-hero__amount small {
  font-size: 16px;
  color: #9ca3af;
}
.ds-net-hero__sub {
  margin: 8px 0 16px;
  font-size: 13px;
  color: #4b5563;
}
.ds-net-hero__sub strong {
  color: #111827;
}
.ds-net-hero__progress {
  height: 8px;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
  margin-bottom: 18px;
}
.ds-net-hero__progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: #a335e8;
}
.ds-net-hero__stats {
  display: flex;
  gap: 26px;
}
.ds-net-hero__stat-label {
  margin: 0 0 2px;
  font-size: 11.5px;
  color: #6b7280;
}
.ds-net-hero__stat-value {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 18px;
  color: #111827;
  font-variant-numeric: tabular-nums;
}

.ds-net-soa {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #374151;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
  word-break: break-all;
  line-height: 1.6;
  font-variant-numeric: tabular-nums;
}

.ds-net-owner-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.ds-net-owner-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
}
.ds-net-owner-chip__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #faf3ff;
  color: #8a1cd0;
  border: 1px solid #e4c4fa;
}
.ds-net-owner-chip__icon svg {
  width: 16px;
  height: 16px;
}
.ds-net-owner-chip__label {
  display: block;
  font-size: 11px;
  color: #6b7280;
}
.ds-net-owner-chip__val {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}

.ds-net-recname__apex {
  color: #8a1cd0;
  font-weight: 700;
}

.ds-net-recname__suffix {
  color: #9ca3af;
}

.ds-net-pair {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ds-net-pair__node {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background-color: #ffffff;
}
.ds-net-pair__node--self {
  border-color: #e4c4fa;
  background-color: #faf3ff;
}

.ds-net-pair__glyph {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}
.ds-net-pair__glyph svg {
  width: 15px;
  height: 15px;
}

.ds-net-pair__body {
  flex: 1;
  min-width: 0;
}

.ds-net-pair__host {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  font-variant-numeric: tabular-nums;
}

.ds-net-pair__role {
  font-size: 11.5px;
  color: #6b7280;
}

.ds-net-pair__connector {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 6px;
  font-size: 12px;
  color: #6b7280;
}
.ds-net-pair__connector svg {
  width: 15px;
  height: 15px;
  color: #9ca3af;
}

.ds-net-pair__link {
  margin-left: auto;
  color: #9ca3af;
  display: inline-flex;
}
.ds-net-pair__link svg {
  width: 17px;
  height: 17px;
}
.ds-net-pair__link:hover {
  color: #8a1cd0;
}

.ds-net-token {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: #6b7280;
}
.ds-net-token svg {
  width: 14px;
  height: 14px;
  color: #6b7280;
}

.ds-net-banner {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  margin-bottom: 18px;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  font-size: 12.5px;
  color: #1d4ed8;
  line-height: 1.45;
}
.ds-net-banner svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  margin-top: 1px;
}
.ds-net-banner strong {
  font-weight: 700;
}
.ds-net-banner--note {
  background-color: #f9fafb;
  border-color: #e5e7eb;
  color: #4b5563;
}

.ds-net-fieldset {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 14px;
  background-color: #f9fafb;
}

.ds-net-fieldset__legend {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6c15a3;
}
.ds-net-fieldset__legend svg {
  width: 14px;
  height: 14px;
}

.ds-net-cidr-row {
  display: grid;
  grid-template-columns: 1fr auto 110px;
  gap: 8px;
  align-items: end;
  margin-bottom: 12px;
}

.ds-net-cidr-row__slash {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 18px;
  color: #9ca3af;
  padding-bottom: 8px;
}

.ds-net-triple {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ds-net-prefix {
  position: relative;
}
.ds-net-prefix__sign {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 14px;
  pointer-events: none;
}
.ds-net-prefix .ds-field__input {
  padding-left: 28px;
}

@media (max-width: 760px) {
  .ds-net-meta-grid,
  .ds-net-readonly-grid,
  .ds-net-triple {
    grid-template-columns: 1fr;
  }
  .ds-net-cidr-row {
    grid-template-columns: 1fr;
  }
  .ds-net-cidr-row__slash {
    display: none;
  }
}
@media (max-width: 1100px) {
  .ds-table thead th.ds-net-col-ipv6,
  .ds-table tbody td.ds-net-col-ipv6,
  .ds-table thead th.ds-net-col-rev,
  .ds-table tbody td.ds-net-col-rev,
  .ds-table thead th.ds-net-col-ns,
  .ds-table tbody td.ds-net-col-ns {
    display: none;
  }
}
@media (max-width: 920px) {
  .ds-table thead th.ds-net-col-switch,
  .ds-table tbody td.ds-net-col-switch,
  .ds-table thead th.ds-net-col-gw,
  .ds-table tbody td.ds-net-col-gw,
  .ds-table thead th.ds-net-col-master,
  .ds-table tbody td.ds-net-col-master,
  .ds-table thead th.ds-net-col-price,
  .ds-table tbody td.ds-net-col-price,
  .ds-table thead th.ds-net-col-port,
  .ds-table tbody td.ds-net-col-port {
    display: none;
  }
}
.ds-bill-ref {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.ds-bill-ref a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-bill-ref a:hover {
  color: #6c15a3;
}

.ds-bill-ref--draft {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  font-style: italic;
  color: #9ca3af;
}

.ds-bill-org {
  font-weight: 600;
  color: #1f2937;
}

.ds-bill-scope {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #6b7280;
}

.ds-bill-period {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
}

.ds-bill-due {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
}
.ds-bill-due--late {
  color: #dc2626;
  font-weight: 600;
}
.ds-bill-due--none {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: italic;
  color: #9ca3af;
}

.ds-bill-amount-col {
  display: flex;
  flex-direction: column;
  gap: 1px;
  align-items: flex-end;
}

.ds-bill-amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

.ds-bill-amount__ht {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  font-weight: 500;
  color: #9ca3af;
}

.ds-bill-amount__rem {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  font-weight: 600;
  color: #c2410c;
}

.ds-bill-item__title {
  font-weight: 600;
  color: #111827;
}

.ds-bill-item__title a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ds-bill-item__title a:hover {
  color: #6c15a3;
}

.ds-bill-item__period {
  margin-top: 2px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
}

.ds-bill-num {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #374151;
}

.ds-bill-num--pending {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12.5px;
  font-style: italic;
  color: #9ca3af;
}

.ds-bill-tx__ref {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 600;
  color: #111827;
}

.ds-bill-tx__date {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
}

.ds-bill-tx__amount {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

.ds-bill-tx__amount--in {
  color: #15803d;
}

.ds-bill-offer__code {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 600;
  color: #111827;
}

.ds-bill-offer__code a {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ds-bill-offer__code a:hover {
  color: #6c15a3;
}

.ds-bill-offer__usage {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #111827;
}

.ds-bill-offer__usage-max {
  color: #9ca3af;
}

.ds-bill-offer__date {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #4b5563;
}

.ds-bill-q {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.ds-bill-q__name {
  font-weight: 600;
  color: #111827;
}

.ds-bill-q__slug {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #6b7280;
}

.ds-bill-q__max {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #111827;
}

.ds-bill-q__range--none {
  font-style: italic;
  color: #9ca3af;
}

.ds-bill-default {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  flex-wrap: wrap;
  padding: 18px 20px;
  margin-bottom: 16px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-bill-default__info {
  flex: 1;
  min-width: 240px;
}
.ds-bill-default__label {
  margin: 0 0 4px;
  font-weight: 600;
  color: #111827;
}
.ds-bill-default__desc {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
  max-width: 520px;
}
.ds-bill-default__form {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.ds-bill-default__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ds-bill-default__field label {
  font-size: 12px;
  font-weight: 600;
  color: #4b5563;
}
.ds-bill-default__field input {
  width: 120px;
  height: 38px;
  padding: 0 12px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-bill-default__field input:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

.ds-bill-hero {
  background: radial-gradient(120% 140% at 0% 0%, rgba(163, 53, 232, 0.07), transparent 55%), #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  padding: 24px 28px;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-bill-hero__label {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-bill-hero__amount {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111827;
}
.ds-bill-hero__amount small {
  font-size: 18px;
  font-weight: 500;
  color: #6b7280;
}
.ds-bill-hero__sub {
  margin: 8px 0 0;
  font-size: 13px;
  color: #6b7280;
}
.ds-bill-hero__breakdown {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid #f3f4f6;
}
.ds-bill-hero__bk-label {
  margin: 0 0 3px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6b7280;
}
.ds-bill-hero__bk-value {
  margin: 0;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}
.ds-bill-hero__bk-value--muted {
  color: #6b7280;
}

.ds-bill-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  margin-top: 16px;
  border: 1px solid;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.5;
  animation: dsFadeUp 500ms 140ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-bill-banner svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
}
.ds-bill-banner strong {
  font-weight: 600;
}
.ds-bill-banner--lock {
  background-color: #f9fafb;
  border-color: #e5e7eb;
  color: #374151;
}
.ds-bill-banner--lock svg {
  color: #6b7280;
}
.ds-bill-banner--draft {
  background-color: #faf3ff;
  border-color: #e4c4fa;
  color: #6c15a3;
}
.ds-bill-banner--draft svg {
  color: #8a1cd0;
}
.ds-bill-banner--late {
  background-color: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}
.ds-bill-banner--late svg {
  color: #ea580c;
}

.ds-bill-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #1d4ed8;
}
.ds-bill-note svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
  color: #3567e8;
}
.ds-bill-note strong {
  font-weight: 600;
}

.ds-bill-deflist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 24px;
}

.ds-bill-def__label {
  margin: 0 0 2px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6b7280;
}

.ds-bill-def__value {
  margin: 0;
  font-size: 14px;
  color: #111827;
}

.ds-bill-def__value--mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

.ds-bill-def__value--muted {
  color: #9ca3af;
  font-style: italic;
}

.ds-bill-def__value--late {
  color: #dc2626;
  font-weight: 600;
}

.ds-bill-tot-label {
  font-size: 12.5px;
  color: #4b5563;
}

.ds-bill-tot-label--strong {
  font-weight: 600;
  color: #111827;
}

.ds-bill-tot-value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #111827;
}

.ds-bill-tot-value--strong {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 700;
  color: #111827;
}

.ds-table tfoot td {
  padding: 10px 16px;
  border-top: 1px solid #f3f4f6;
}

.ds-table tfoot tr:first-child td {
  border-top: 1px solid #e5e7eb;
}

.ds-bill-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ds-bill-section {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  padding: 22px 24px;
  animation: dsFadeUp 500ms 120ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-bill-section__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.ds-bill-section__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 700;
  color: #6c15a3;
  background-color: #faf3ff;
  border: 1px solid #e4c4fa;
  border-radius: 8px;
}
.ds-bill-section__title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  display: inline-flex;
  align-items: center;
}
.ds-bill-section__subtitle {
  margin: 4px 0 0;
  font-size: 13px;
  color: #6b7280;
}

.ds-bill-affix {
  position: relative;
  display: flex;
  align-items: center;
}

.ds-bill-affix .ds-field__input {
  padding-right: 34px;
}

.ds-bill-affix__unit {
  position: absolute;
  right: 12px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  color: #6b7280;
  pointer-events: none;
}

.ds-bill-savebar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 16px 20px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-bill-savebar__spacer {
  flex: 1;
}
.ds-bill-savebar__hint {
  font-size: 12.5px;
  color: #6b7280;
}

.ds-bill-usage-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 12px;
}

.ds-bill-usage-head__count {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 22px;
  font-weight: 700;
  color: #111827;
}

.ds-bill-usage-head__label {
  font-size: 13px;
  color: #6b7280;
}

.ds-bill-usage-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 14px;
  background-color: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  font-size: 13px;
}
.ds-bill-usage-row + .ds-bill-usage-row {
  margin-top: 8px;
}
.ds-bill-usage-row__org {
  font-weight: 600;
  color: #111827;
}
.ds-bill-usage-row__meta {
  color: #6b7280;
}
.ds-bill-usage-row__date {
  margin-left: auto;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-bill-usage-empty {
  padding: 16px;
  text-align: center;
  font-size: 13px;
  color: #6b7280;
  background-color: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
}

.ds-bill-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
}
.ds-bill-toggle-row__label {
  font-weight: 600;
  color: #111827;
}
.ds-bill-toggle-row__sub {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-bill-chart {
  position: relative;
  min-height: 260px;
}
.ds-bill-chart canvas {
  max-width: 100%;
}

.ds-bill-items-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-top: 1px solid #f3f4f6;
  background-color: #f9fafb;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-bill-totals {
  display: inline-flex;
  gap: 24px;
  flex-wrap: wrap;
}

.ds-bill-totals__cell {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.ds-bill-totals__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6b7280;
}

.ds-bill-totals__value {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  color: #111827;
}

.ds-bill-totals__value--strong {
  font-weight: 700;
}

.ds-bill-mt-5 {
  margin-top: 20px;
}

.ds-bill-mt-3 {
  margin-top: 12px;
}

.ds-link-reset {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-link-reset:hover {
  color: #6c15a3;
}

.ds-popup-form {
  width: 100%;
  min-width: 0;
}
.ds-popup-form__title {
  margin: 0 0 16px;
  font-size: 17px;
  font-weight: 700;
  color: #111827;
  overflow-wrap: anywhere;
}
.ds-popup-form .ds-grid {
  gap: 12px 14px;
}
.ds-popup-form .ds-col-3, .ds-popup-form .ds-col-4, .ds-popup-form .ds-col-6 {
  min-width: 0;
}
.ds-popup-form .ds-field__input {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.ds-popup-form__section {
  margin: 18px 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}

@media (max-width: 1100px) {
  .ds-table thead th.ds-bill-col-period,
  .ds-table tbody td.ds-bill-col-period,
  .ds-table thead th.ds-bill-col-ht,
  .ds-table tbody td.ds-bill-col-ht {
    display: none;
  }
}
@media (max-width: 900px) {
  .ds-table thead th.ds-bill-col-due,
  .ds-table tbody td.ds-bill-col-due,
  .ds-table thead th.ds-bill-col-method,
  .ds-table tbody td.ds-bill-col-method,
  .ds-table thead th.ds-bill-col-date,
  .ds-table tbody td.ds-bill-col-date,
  .ds-table thead th.ds-bill-col-base,
  .ds-table tbody td.ds-bill-col-base,
  .ds-table thead th.ds-bill-col-start,
  .ds-table tbody td.ds-bill-col-start,
  .ds-table thead th.ds-bill-col-end,
  .ds-table tbody td.ds-bill-col-end {
    display: none;
  }
  .ds-bill-deflist {
    grid-template-columns: 1fr;
  }
}
.ds-pri-tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 22px;
  border-bottom: 1px solid #e5e7eb;
  overflow-x: auto;
}
.ds-pri-tabs__tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pri-tabs__tab svg {
  width: 15px;
  height: 15px;
  color: #9ca3af;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pri-tabs__tab:hover {
  color: #111827;
}
.ds-pri-tabs__tab:hover svg {
  color: #4b5563;
}
.ds-pri-tabs__tab--active {
  color: #6c15a3;
  border-bottom-color: #a335e8;
}
.ds-pri-tabs__tab--active svg {
  color: #8a1cd0;
}

.ds-pri-callout {
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  margin-bottom: 18px;
  background: linear-gradient(135deg, #ffffff 0%, #faf3ff 100%);
  border: 1px solid #f3e3fd;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}
.ds-pri-callout__icon {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e4c4fa;
  color: #8a1cd0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-pri-callout__icon svg {
  width: 19px;
  height: 19px;
}
.ds-pri-callout__title {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 5px;
}
.ds-pri-callout__text {
  font-size: 12.5px;
  color: #4b5563;
  margin: 0;
  line-height: 1.55;
}
.ds-pri-callout__steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
}
.ds-pri-callout__step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  font-weight: 600;
  color: #374151;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  padding: 3px 10px;
}
.ds-pri-callout__step-num {
  color: #8a1cd0;
}
.ds-pri-callout__chevron {
  color: #d1d5db;
  display: inline-flex;
}
.ds-pri-callout__chevron svg {
  width: 13px;
  height: 13px;
}

.ds-pri-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1280px) {
  .ds-pri-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .ds-pri-grid {
    grid-template-columns: 1fr;
  }
}

.ds-pri-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pri-card:hover {
  border-color: #e4c4fa;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.06), 0 16px 32px -16px rgba(59, 10, 90, 0.16);
  transform: translateY(-2px);
}
.ds-pri-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.ds-pri-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #faf3ff;
  border: 1px solid #e4c4fa;
  color: #8a1cd0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ds-pri-card__icon svg {
  width: 20px;
  height: 20px;
}
.ds-pri-card__heading {
  flex: 1;
  min-width: 0;
}
.ds-pri-card__name {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
}
.ds-pri-card__sub {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}
.ds-pri-card__count {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 11.5px;
  font-weight: 600;
  color: #6b7280;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  padding: 2px 9px;
  flex-shrink: 0;
}
.ds-pri-card__foot {
  margin-top: auto;
  padding-top: 16px;
}
.ds-pri-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #8a1cd0;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-pri-card__link:hover {
  color: #6c15a3;
}
.ds-pri-card__link:hover svg {
  transform: translateX(3px);
}
.ds-pri-card__link svg {
  width: 14px;
  height: 14px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ds-pri-popup-sub {
  font-size: 12.5px;
  color: #6b7280;
  margin: -6px 0 14px;
}

.ds-sys-role {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 9999px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  border: 1px solid #e5e7eb;
  background-color: #f3f4f6;
  color: #374151;
}
.ds-sys-role svg {
  width: 12px;
  height: 12px;
}
.ds-sys-role--super {
  border-color: #e4c4fa;
  background-color: #faf3ff;
  color: #6c15a3;
}

.ds-table tr.is-self td {
  background-color: #faf3ff;
}

.ds-sys-subhead-gap {
  margin-top: 24px;
}

.ds-sys-form-hint-gap {
  margin-bottom: 16px;
}

.ds-sys-otp-reconfig {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #9ca3af;
}

.ds-sys-mt-4 {
  margin-top: 16px;
}

.ds-sys-otp {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background-color: #f3f4f6;
}
.ds-sys-otp--on {
  border-color: #bbf7d0;
  background-color: #f0fdf4;
}
.ds-sys-otp--on .ds-sys-otp__icon {
  color: #15803d;
}
.ds-sys-otp__icon {
  flex-shrink: 0;
  color: #6b7280;
}
.ds-sys-otp__icon svg {
  width: 22px;
  height: 22px;
}
.ds-sys-otp__body {
  min-width: 0;
}
.ds-sys-otp__title {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #111827;
}
.ds-sys-otp__sub {
  margin: 2px 0 0;
  font-size: 12.5px;
  color: #4b5563;
}

.ds-sys-panel {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  padding: 4px;
}

.ds-sys-sess {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-sys-sess:last-child {
  border-bottom: none;
}
.ds-sys-sess__icon {
  flex-shrink: 0;
  color: #6b7280;
}
.ds-sys-sess__icon svg {
  width: 20px;
  height: 20px;
}
.ds-sys-sess__body {
  min-width: 0;
  flex: 1;
}
.ds-sys-sess__ip {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  display: flex;
  align-items: center;
  gap: 6px;
  font-variant-numeric: tabular-nums;
}
.ds-sys-sess__meta {
  margin-top: 2px;
  font-size: 12px;
  color: #6b7280;
}

.ds-sys-device {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ds-sys-device__icon {
  color: #6b7280;
}
.ds-sys-device__icon svg {
  width: 18px;
  height: 18px;
}

.ds-sys-detail {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ds-sys-detail__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #f3f4f6;
}
.ds-sys-detail__row:last-child {
  border-bottom: none;
}
.ds-sys-detail__label {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #4b5563;
}
.ds-sys-detail__value {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  text-align: right;
}
.ds-sys-detail__value.mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 500;
  color: #374151;
  font-variant-numeric: tabular-nums;
}

.ds-sys-otp-grid {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 28px;
  align-items: start;
}
@media (max-width: 820px) {
  .ds-sys-otp-grid {
    grid-template-columns: 1fr;
  }
}

.ds-sys-qr__frame {
  display: inline-flex;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background-color: #ffffff;
}
.ds-sys-qr__frame img {
  display: block;
  width: 200px;
  height: 200px;
}
.ds-sys-qr__caption {
  margin: 10px 0 0;
  font-size: 12px;
  color: #6b7280;
}

.ds-sys-step {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
}
.ds-sys-step__num {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 700;
  background-color: #faf3ff;
  color: #6c15a3;
  border: 1px solid #e4c4fa;
}
.ds-sys-step__title {
  margin: 0 0 4px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}
.ds-sys-step__text {
  margin: 0;
  font-size: 13px;
  color: #4b5563;
  line-height: 1.5;
}
.ds-sys-step__fields {
  margin-top: 12px;
  display: flex;
  gap: 16px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.ds-sys-actions {
  display: flex;
  gap: 8px;
  padding-left: 42px;
}
@media (max-width: 820px) {
  .ds-sys-actions {
    padding-left: 0;
  }
}

.ds-sys-code {
  width: 160px;
  height: 44px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  border-radius: 8px;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 22px;
  letter-spacing: 0.3em;
  text-align: center;
  color: #111827;
  font-variant-numeric: tabular-nums;
  outline: none;
}
.ds-sys-code:focus {
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.ds-sys-code::placeholder {
  color: #d1d5db;
  letter-spacing: 0.3em;
}

.ds-sys-detail-label {
  margin: 16px 0 8px;
}

.ds-sys-err-id {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  font-weight: 600;
  color: #6c15a3;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
.ds-sys-err-id:hover {
  text-decoration: underline;
}

.ds-sys-err-klass {
  display: inline-block;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 8px;
  background-color: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.ds-sys-err-msg {
  font-size: 13px;
  color: #374151;
}

.ds-sys-trace {
  margin: 0;
  max-height: 360px;
  overflow: auto;
  padding: 14px;
  border-radius: 8px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.7;
  color: #374151;
  white-space: pre-wrap;
  word-break: break-all;
  font-variant-numeric: tabular-nums;
}

.ds-tool-frame {
  margin-top: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04);
}
.ds-tool-frame iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 210px);
  min-height: 560px;
  border: 0;
}

.ds-cta--secondary {
  background-color: #ffffff;
  color: #374151;
  border: 1px solid #e5e7eb;
}
.ds-cta--secondary:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
}

.ds-sup-def {
  display: flex;
  flex-direction: column;
}

.ds-sup-def__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #f3f4f6;
  font-size: 13px;
}
.ds-sup-def__row:last-child {
  border-bottom: none;
}

.ds-sup-def__key {
  color: #6b7280;
}

.ds-sup-def__val {
  font-weight: 600;
  color: #111827;
  text-align: right;
}
.ds-sup-def__val a {
  color: #6c15a3;
}

.ds-sup-def__val--mono {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-weight: 500;
}

.ds-sup-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 16px;
}

.ds-sup-filters__search {
  flex: 1;
  min-width: 220px;
  position: relative;
  display: flex;
  align-items: center;
}
.ds-sup-filters__search svg {
  position: absolute;
  left: 12px;
  width: 16px;
  height: 16px;
  color: #9ca3af;
  pointer-events: none;
}
.ds-sup-filters__search input {
  width: 100%;
  height: 36px;
  padding: 0 12px 0 36px;
  font: inherit;
  font-size: 13.5px;
  background-color: #f9fafb;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
}
.ds-sup-filters__search input:focus {
  background-color: #ffffff;
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

.ds-sup-filters__input,
.ds-sup-filters__select {
  height: 36px;
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  background-color: #f9fafb;
  border: 1px solid transparent;
  border-radius: 8px;
  outline: none;
}
.ds-sup-filters__input:focus,
.ds-sup-filters__select:focus {
  background-color: #ffffff;
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

.ds-sup-filters__toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  height: 36px;
  font-size: 12.5px;
  font-weight: 500;
  color: #4b5563;
  cursor: pointer;
}

.ds-sup-filters__submit {
  height: 36px;
}

.ds-sup-subject {
  font-weight: 600;
  color: #111827;
}
.ds-sup-subject:hover {
  color: #6c15a3;
}

@media (max-width: 1100px) {
  .ds-sup-col-dept,
  .ds-sup-col-author {
    display: none;
  }
}
@media (max-width: 768px) {
  .ds-sup-col-ref,
  .ds-sup-col-org {
    display: none;
  }
}
.ds-sup-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.ds-sup-stat {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}

.ds-sup-stat__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  margin-bottom: 12px;
}
.ds-sup-stat__icon svg {
  width: 18px;
  height: 18px;
}
.ds-sup-stat__icon--orange {
  background-color: #fff7ed;
  color: #ea580c;
}
.ds-sup-stat__icon--blue {
  background-color: #eff6ff;
  color: #2563eb;
}
.ds-sup-stat__icon--violet {
  background-color: #faf3ff;
  color: #8a1cd0;
}
.ds-sup-stat__icon--green {
  background-color: #f0fdf4;
  color: #16a34a;
}
.ds-sup-stat__icon--red {
  background-color: #fef2f2;
  color: #dc2626;
}

.ds-sup-stat__value {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111827;
}
.ds-sup-stat__value small {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}

.ds-sup-stat__label {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-sup-stat__conn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
}
.ds-sup-stat__conn--ok {
  color: #15803d;
}
.ds-sup-stat__conn--ko {
  color: #b91c1c;
}

.ds-sup-stat__conn-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
}

.ds-sup-live {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .ds-sup-live {
    grid-template-columns: 1fr;
  }
}

.ds-sup-live-card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
}

.ds-sup-live-card__head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
}

.ds-sup-live-card__title {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
}

.ds-sup-live-card__count {
  margin-left: auto;
  font-size: 11.5px;
  font-weight: 600;
  color: #6b7280;
}

.ds-sup-live-card__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.ds-sup-live-card__dot--performing {
  background-color: #3567e8;
}
.ds-sup-live-card__dot--error {
  background-color: #e82222;
}

.ds-sup-live-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.ds-sup-live-row + .ds-sup-live-row {
  margin-top: 4px;
}
.ds-sup-live-row:hover {
  background-color: #f9fafb;
}

.ds-sup-live-row__name {
  font-weight: 600;
  color: #111827;
}

.ds-sup-live-row__type {
  color: #6b7280;
  margin-right: 4px;
}

.ds-sup-live-row__action {
  margin-left: auto;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 600;
  color: #4b5563;
}

.ds-sup-live-empty {
  font-size: 13px;
  font-style: italic;
  color: #9ca3af;
}

.ds-sup-pin {
  display: inline-flex;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.ds-sup-pin--success {
  background-color: #63b70f;
}
.ds-sup-pin--error {
  background-color: #e82222;
}
.ds-sup-pin--performing {
  background-color: #3567e8;
}
.ds-sup-pin--pending {
  background-color: #f69c00;
}

.ds-sup-res {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ds-sup-res__type {
  color: #6b7280;
}

.ds-sup-res__sep {
  color: #d1d5db;
}

.ds-sup-res__name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #111827;
}
.ds-sup-res__name svg {
  width: 16px;
  height: 16px;
  color: #9ca3af;
}

.ds-sup-res__unknown {
  font-style: italic;
  color: #9ca3af;
}

.ds-sup-action {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #374151;
}

.ds-sup-time {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  color: #6b7280;
}

.ds-sup-logs {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px;
  background-color: #111827;
  border-radius: 12px;
  max-height: 360px;
  overflow-y: auto;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.7;
}

.ds-sup-log {
  color: #d1d5db;
  white-space: pre-wrap;
  word-break: break-word;
}
.ds-sup-log.info {
  color: #93c5fd;
}
.ds-sup-log.debug {
  color: #9ca3af;
}
.ds-sup-log.warn {
  color: #fdba74;
}
.ds-sup-log.error {
  color: #fca5a5;
}

.ds-sup-recip {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ds-sup-recip__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
}

.ds-sup-recip__label {
  flex-shrink: 0;
  width: 34px;
  color: #6b7280;
  font-weight: 600;
}

.ds-sup-recip__val {
  color: #1f2937;
  word-break: break-all;
}
.ds-sup-recip__val--empty {
  color: #9ca3af;
  font-style: italic;
}

.ds-sup-preview {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  overflow: hidden;
}

.ds-sup-preview__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

.ds-sup-preview__title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
}

.ds-sup-preview__note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6b7280;
}
.ds-sup-preview__note svg {
  width: 14px;
  height: 14px;
}

.ds-sup-preview__frame {
  width: 100%;
  height: 62vh;
  border: 0;
  background-color: #ffffff;
}

.ds-sup-mt-5 {
  margin-top: 20px;
}

.ds-sup-subhead {
  margin: 16px 0 12px;
}

.ds-sup-note {
  margin-top: 14px;
  padding: 11px 13px;
  background-color: #faf3ff;
  border: 1px solid #f3e3fd;
  border-radius: 8px;
  font-size: 12.5px;
  color: #6c15a3;
  display: flex;
  gap: 9px;
  align-items: flex-start;
}
.ds-sup-note svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 1px;
}

.ds-log-subnav {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin: 0 0 18px;
  border-bottom: 1px solid #e5e7eb;
}

.ds-log-subnav__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.ds-log-subnav__item:hover {
  color: #1f2937;
}
.ds-log-subnav__item.is-active {
  color: #6c15a3;
  border-bottom-color: #a335e8;
}

.ds-log-cats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  margin: 0 0 24px;
}

.ds-log-cat {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.ds-log-cat:hover {
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.06), 0 16px 32px -16px rgba(59, 10, 90, 0.16);
  transform: translateY(-2px);
}

.ds-log-cat__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ds-log-cat__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background-color: #faf3ff;
  color: #8a1cd0;
}
.ds-log-cat__icon svg {
  width: 20px;
  height: 20px;
}
.ds-log-cat__icon--blue {
  background-color: #eff6ff;
  color: #1d4ed8;
}
.ds-log-cat__icon--green {
  background-color: #f0fdf4;
  color: #15803d;
}
.ds-log-cat__icon--amber {
  background-color: #fff7ed;
  color: #c2410c;
}

.ds-log-cat__count {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
}

.ds-log-cat__name {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
}

.ds-log-cat__sub {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}

.ds-log-cat__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #f3f4f6;
}

.ds-log-cat__last {
  font-size: 12px;
  color: #9ca3af;
}

.ds-log-legend {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}

.ds-log-legend__row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 7px 0;
  font-size: 13px;
  color: #374151;
}
.ds-log-legend__row + .ds-log-legend__row {
  border-top: 1px solid #f3f4f6;
}

.ds-log-legend__dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-top: 4px;
  background-color: #9ca3af;
}
.ds-log-legend__dot--create {
  background-color: #63b70f;
}
.ds-log-legend__dot--update {
  background-color: #3567e8;
}
.ds-log-legend__dot--destroy {
  background-color: #e82222;
}

.ds-log-legend__term {
  font-weight: 700;
  color: #111827;
}

.ds-log-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 600;
  color: #6c15a3;
  background-color: #faf3ff;
  border: 1px solid #e4c4fa;
  border-radius: 8px;
  transition: background-color 0.15s ease;
}
.ds-log-toggle:hover {
  background-color: #f3e3fd;
}

.ds-chip--accent {
  background-color: #faf3ff;
  color: #6c15a3;
  border-color: #e4c4fa;
}

.ds-log-audit-table tbody tr:nth-child(even) {
  background-color: #f9fafb;
}
.ds-log-audit-table td.mono,
.ds-log-audit-table td.is-num {
  font-variant-numeric: tabular-nums;
}

.ds-log-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
.ds-log-flag svg {
  width: 16px;
  height: 16px;
}
.ds-log-flag--yes {
  color: #16a34a;
}
.ds-log-flag--no {
  color: #d1d5db;
}

.ds-log-diff {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  margin-top: 4px;
}
.ds-log-diff thead th {
  text-align: left;
  padding: 9px 12px;
  font-size: 11px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 600;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.ds-log-diff tbody td {
  padding: 11px 12px;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: top;
}
.ds-log-diff tbody tr:last-child td {
  border-bottom: 0;
}

.ds-log-diff__field {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 600;
  color: #1f2937;
}

.ds-log-diff__before {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #b91c1c;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  padding: 2px 7px;
  display: inline-block;
  word-break: break-word;
}

.ds-log-diff__after {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 12px;
  color: #15803d;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 6px;
  padding: 2px 7px;
  display: inline-block;
  word-break: break-word;
}

.ds-log-diff__empty {
  color: #9ca3af;
  font-style: italic;
  font-size: 12px;
}

.ds-log-popup {
  padding: 4px 2px;
}

.ds-log-popup__title {
  font-size: 17px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 16px;
}

.ds-log-popup__comment {
  margin: 14px 0;
  padding: 12px 14px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  color: #374151;
}

.ds-log-popup__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 16px 0 8px;
}

.ds-net-form__card {
  max-width: 760px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px 28px;
  animation: dsFadeUp 500ms 80ms cubic-bezier(0.4, 0, 0.2, 1) both;
}
.ds-net-form__qty {
  max-width: 280px;
}
.ds-net-form__pricing {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  font-size: 13px;
  color: #4b5563;
}
.ds-net-form__pricing span {
  display: inline-flex;
  gap: 6px;
}
.ds-net-form__pricing strong {
  color: #111827;
}
.ds-net-form__setup {
  margin: 0;
  font-size: 13px;
  color: #4b5563;
}
.ds-net-form__setup strong {
  color: #111827;
  margin-left: 6px;
}
.ds-net-form__section {
  border-top: 1px solid #f3f4f6;
  padding-top: 18px;
}
.ds-net-form__legend {
  margin: 0 0 2px;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #6b7280;
}
.ds-net-form__hint {
  margin: 0 0 16px;
  font-size: 12.5px;
  font-style: italic;
  color: #6b7280;
}
.ds-net-form__proto {
  display: block;
  margin: 16px 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}
.ds-net-form__cidr {
  display: grid;
  grid-template-columns: 1fr auto 170px;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.ds-net-form__slash {
  color: #9ca3af;
  font-weight: 700;
}
.ds-net-form__triple {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.ds-net-form__footer {
  display: flex;
  gap: 10px;
  margin-top: 6px;
}
@media screen and (max-width: 760px) {
  .ds-net-form__cidr, .ds-net-form__triple {
    grid-template-columns: 1fr;
  }
  .ds-net-form__slash {
    display: none;
  }
}

.ds-net-price-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media screen and (max-width: 600px) {
  .ds-net-price-grid {
    grid-template-columns: 1fr;
  }
}

.ds-net-price {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 18px;
  background-color: #ffffff;
}
.ds-net-price__label {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #8a1cd0;
}
.ds-net-price__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 5px 0;
  font-size: 13px;
  color: #4b5563;
}
.ds-net-price__row strong {
  color: #111827;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-variant-numeric: tabular-nums;
}

.ds-promo-form {
  display: flex;
  gap: 8px;
}
.ds-promo-form__input {
  height: 38px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13.5px;
  color: #111827;
  background-color: #ffffff;
  min-width: 150px;
}
.ds-promo-form__input:focus {
  outline: none;
  border-color: #ba6cf1;
  box-shadow: 0 0 0 3px #faf3ff;
}
.ds-promo-form__input::placeholder {
  color: #9ca3af;
}
.ds-promo-form__btn {
  white-space: nowrap;
}

.ds-promo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.ds-promo-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid #e4c4fa;
  background-color: #faf3ff;
  border-radius: 9999px;
  text-decoration: none;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-promo-chip:hover {
  border-color: #ba6cf1;
}
.ds-promo-chip__code {
  font-size: 12.5px;
  font-weight: 700;
  color: #6c15a3;
}
.ds-promo-chip__amount {
  font-size: 12.5px;
  font-weight: 600;
  color: #111827;
}
.ds-promo-chip__exp {
  font-size: 11.5px;
  color: #6b7280;
}

html.ds-turbo-navigated .ds-page-header,
html.ds-turbo-navigated .ds-wallet-hero,
html.ds-turbo-navigated .ds-settings-card,
html.ds-turbo-navigated .ds-steps,
html.ds-turbo-navigated .ds-cards-card,
html.ds-turbo-navigated .ds-payment,
html.ds-turbo-navigated .ds-subbar,
html.ds-turbo-navigated .ds-filters,
html.ds-turbo-navigated .ds-table-wrap,
html.ds-turbo-navigated .ds-empty,
html.ds-turbo-navigated .ds-banner,
html.ds-turbo-navigated .ds-projects,
html.ds-turbo-navigated .ds-filter-pills,
html.ds-turbo-navigated .ds-timeline-wrap,
html.ds-turbo-navigated .ds-card,
html.ds-turbo-navigated .ds-cost-footer,
html.ds-turbo-navigated .ds-live-foot,
html.ds-turbo-navigated .ds-tabs {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/**
 * tom-select.css (v2.3.1)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0);
}
.full .ts-control {
  background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: none;
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

/* stylelint-disable function-name-case */
.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 8px 8px;
  box-shadow: none;
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #d0d0d0;
  margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: white;
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: white;
}

:root {
  --ts-pr-clear-button: 0;
  --ts-pr-caret: 0;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.json-container {
  font-family: "Open Sans";
  font-size: 16px;
  background-color: #fff;
  color: #808080;
  box-sizing: border-box;
}

.json-container .line {
  margin: 4px 0;
  display: flex;
  justify-content: flex-start;
}

.json-container .caret-icon {
  width: 18px;
  text-align: center;
  cursor: pointer;
}

.json-container .empty-icon {
  width: 18px;
}

.json-container .json-type {
  margin-right: 4px;
  margin-left: 4px;
}

.json-container .json-key {
  color: #444;
  margin-right: 4px;
  margin-left: 4px;
}

.json-container .json-index {
  margin-right: 4px;
  margin-left: 4px;
}

.json-container .json-value {
  margin-left: 8px;
}

.json-container .json-number {
  color: #f9ae58;
}

.json-container .json-boolean {
  color: #ec5f66;
}

.json-container .json-string {
  color: #86b25c;
}

.json-container .json-size {
  margin-right: 4px;
  margin-left: 4px;
}

.json-container .hide {
  display: none;
}

.json-container .fas {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
}

.json-container .fa-caret-down {
  border-width: 6px 5px 0 5px;
  border-color: #808080 transparent;
}

.json-container .fa-caret-right {
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #808080;
}

trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

trix-toolbar * {
  box-sizing: border-box;
}

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

trix-toolbar .trix-dialogs {
  position: relative;
}

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none;
}

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight;
}

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight;
}

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}

trix-editor .attachment {
  position: relative;
}

trix-editor .attachment:hover {
  cursor: default;
}

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

trix-editor .trix-button-group {
  display: inline-flex;
}

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

trix-editor .trix-button--remove:hover {
  border-color: #333;
}

trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

trix-editor .attachment__metadata-container {
  position: relative;
}

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}

.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

.trix-content li {
  margin-left: 1em;
}

.trix-content [dir=rtl] li {
  margin-right: 1em;
}

.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

.trix-content img {
  max-width: 100%;
  height: auto;
}

.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

.trix-content .attachment__caption {
  text-align: center;
}

.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}

.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.container, .container-fluid {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }
  .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }
  .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }
  .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.container {
  width: initial;
}

.col-xs, .col-xs-4, .col-xs-6, .col-xs-12, .col-m, .col-xs-3, .col-m-4, .col-m-6, .col-m-12 {
  padding-left: 0;
  padding-right: 0;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body {
  background-color: #f9fafb;
  color: #111827;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.wrapper {
  background-color: #f9fafb;
}
.wrapper__left {
  background-color: #f9fafb;
  border-right: 1px solid #e5e7eb;
}
.wrapper__right {
  background-color: #f9fafb;
}

.sidebar {
  background-color: #f9fafb;
}
.sidebar__logo-container {
  padding: 16px;
  margin-bottom: 8px;
}
.sidebar__nav {
  padding: 0 8px;
}
.sidebar__cat-list, .sidebar__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar__cat-head, .sidebar__default-project, .sidebar__menu-item {
  margin-bottom: 4px;
}
.sidebar__icon-link, .sidebar__menu,
.sidebar a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 6px;
  color: #374151;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar__icon-link:hover, .sidebar__menu:hover,
.sidebar a:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.sidebar__cat-head a.active, .sidebar__default-project a.active, .sidebar__menu-item a.active {
  background-color: #faf3ff;
  color: #6c15a3;
  font-weight: 600;
}

.card {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04);
  padding: 24px;
}

.btn,
.btn-primary,
button.action {
  border-radius: 6px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 16px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 75ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn:active,
.btn-primary:active,
button.action:active {
  transform: translateY(1px);
}

.btn-primary,
:where(input[type=submit]) {
  background-color: #a335e8;
  color: #ffffff;
  border: 1px solid #a335e8;
  border-radius: 6px;
  padding: 12px 16px;
  font-weight: 600;
}
.btn-primary:hover,
:where(input[type=submit]):hover {
  background-color: #8a1cd0;
  border-color: #8a1cd0;
}
.btn-primary:active,
:where(input[type=submit]):active {
  background-color: #6c15a3;
}

.btn-secondary {
  background-color: #ffffff;
  color: #1f2937;
  border: 1px solid #d1d5db;
}
.btn-secondary:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}

.btn-tertiary {
  background-color: transparent;
  color: #8a1cd0;
}
.btn-tertiary:hover {
  background-color: #faf3ff;
}

.alert {
  border-radius: 8px;
  padding: 12px 16px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid;
  margin: 12px;
}
.alert.notice, .alert.success {
  background-color: #f0fdf4;
  color: #15803d;
  border-color: #bbf7d0;
}
.alert.info {
  background-color: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}
.alert.alert-warning, .alert.warning {
  background-color: #fff7ed;
  color: #c2410c;
  border-color: #fed7aa;
}
.alert.alert-error, .alert.alert-danger, .alert.error, .alert.danger {
  background-color: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}

.subbar {
  background-color: transparent;
  border-bottom: 0;
  padding: 0;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.subbar ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
  flex-wrap: wrap;
}
.subbar li {
  padding: 0;
  border-bottom: 0;
}
.subbar a, .subbar span.pointer, .subbar label, .subbar .subbar__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  color: #4b5563;
  text-decoration: none;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.subbar a:hover, .subbar span.pointer:hover, .subbar label:hover, .subbar .subbar__item:hover {
  background-color: #f9fafb;
  color: #111827;
}
.subbar a.active, .subbar span.pointer.active, .subbar label.active, .subbar .subbar__item.active {
  background-color: #faf3ff;
  color: #6c15a3;
  font-weight: 600;
}
.subbar li.active > a, .subbar li.active > span, .subbar li.active > label {
  background-color: #faf3ff;
  color: #6c15a3;
  font-weight: 600;
}

.ds-shell-main main {
  display: block;
  padding: 0;
  margin: 0;
  width: auto;
  min-height: 0;
}

h1, .h1 {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #111827;
  letter-spacing: -0.025em;
}

h2, .h2 {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: #111827;
}

h3, .h3 {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

.ds-shell-main main section.sect,
.ds-shell-main main .billing__box,
.ds-shell-main main section.section,
.ds-shell-main main .data-container__sect {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  margin-bottom: 16px;
}
.ds-shell-main main section.sect > header,
.ds-shell-main main .billing__box > header,
.ds-shell-main main section.section > header,
.ds-shell-main main .data-container__sect > header {
  margin: -24px -24px 16px;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.ds-shell-main main section.sect > header > h2,
.ds-shell-main main section.sect > header > h3,
.ds-shell-main main section.sect > h2:first-child,
.ds-shell-main main section.sect > h3:first-child,
.ds-shell-main main .billing__box > header > h2,
.ds-shell-main main .billing__box > header > h3,
.ds-shell-main main .billing__box > h2:first-child,
.ds-shell-main main .billing__box > h3:first-child,
.ds-shell-main main section.section > header > h2,
.ds-shell-main main section.section > header > h3,
.ds-shell-main main section.section > h2:first-child,
.ds-shell-main main section.section > h3:first-child,
.ds-shell-main main .data-container__sect > header > h2,
.ds-shell-main main .data-container__sect > header > h3,
.ds-shell-main main .data-container__sect > h2:first-child,
.ds-shell-main main .data-container__sect > h3:first-child {
  margin: 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
  line-height: 1.4;
}
.ds-shell-main main section.sect > header > h2 + p,
.ds-shell-main main section.sect > header > h3 + p,
.ds-shell-main main .billing__box > header > h2 + p,
.ds-shell-main main .billing__box > header > h3 + p,
.ds-shell-main main section.section > header > h2 + p,
.ds-shell-main main section.section > header > h3 + p,
.ds-shell-main main .data-container__sect > header > h2 + p,
.ds-shell-main main .data-container__sect > header > h3 + p {
  margin: 6px 0 0;
  font-size: 14px;
  color: #6b7280;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

.ds-shell-main > main > h1:first-of-type,
.ds-shell-main > main > h1.mb-1:first-of-type,
.ds-shell-main > main > h2.title:first-of-type {
  margin: 0 0 8px;
}

.ds-shell-main > main > h1:first-of-type + *,
.ds-shell-main > main > h2.title:first-of-type + * {
  margin-top: 8px;
}

:where(a) {
  color: #8a1cd0;
}
:where(a):hover {
  color: #6c15a3;
}

table.table,
table {
  border-collapse: collapse;
  width: 100%;
}
table.table th,
table th {
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  padding: 12px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #4b5563;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
table.table td,
table td {
  padding: 12px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 14px;
  color: #111827;
}
table.table tr:hover td,
table tr:hover td {
  background-color: #f9fafb;
}

.dropdown__btn {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown__btn:hover {
  border-color: #d1d5db;
}
.dropdown__list, .dropdown__menu {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(59, 10, 90, 0.08), 0 2px 4px rgba(59, 10, 90, 0.04);
  padding: 4px;
}

.popup__screen {
  position: fixed;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
  padding: 24px;
}

.popup {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(59, 10, 90, 0.14), 0 8px 16px rgba(59, 10, 90, 0.06);
  border: 1px solid #e5e7eb;
  max-width: 560px;
  max-height: 90vh;
  overflow: auto;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.popup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.popup__title {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}
.popup__close-btn {
  background: transparent;
  border: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: #6b7280;
  cursor: pointer;
  font-size: 18px;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.popup__close-btn:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.popup__close-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}

.avatar {
  background-color: #f3e3fd;
  color: #6c15a3;
  border-radius: 9999px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.field {
  display: block;
  margin: 0 0 16px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.field label {
  display: block;
  margin: 0 0 8px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  letter-spacing: 0.005em;
}
.field .hint {
  display: block;
  margin: 4px 0 0;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.45;
}
.field input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.field select,
.field textarea {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 9px 12px;
  background-color: #ffffff;
  color: #111827;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  height: 40px;
  line-height: 1.4;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.field input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder,
.field select::placeholder,
.field textarea::placeholder {
  color: #9ca3af;
}
.field input:not([type=checkbox]):not([type=radio]):not([type=submit]):hover,
.field select:hover,
.field textarea:hover {
  border-color: #d1d5db;
}
.field input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .field input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus-visible,
.field select:focus,
.field select:focus-visible,
.field textarea:focus,
.field textarea:focus-visible {
  outline: none;
  border-color: #a335e8;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(163, 53, 232, 0.85);
}
.field textarea {
  height: auto;
  min-height: 96px;
  padding: 8px 12px;
  line-height: 1.5;
}

.ds-shell-main main table:not(.ds-table),
.ds-shell-main > main table:not(.ds-table) {
  width: 100%;
  border-collapse: collapse;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 16px;
}
.ds-shell-main main table:not(.ds-table) thead th,
.ds-shell-main > main table:not(.ds-table) thead th {
  padding: 11px 16px;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6b7280;
  white-space: nowrap;
}
.ds-shell-main main table:not(.ds-table) tbody tr,
.ds-shell-main > main table:not(.ds-table) tbody tr {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ds-shell-main main table:not(.ds-table) tbody tr:hover,
.ds-shell-main > main table:not(.ds-table) tbody tr:hover {
  background-color: #f9fafb;
}
.ds-shell-main main table:not(.ds-table) tbody td,
.ds-shell-main > main table:not(.ds-table) tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid #f3f4f6;
  color: #111827;
  vertical-align: middle;
}
.ds-shell-main main table:not(.ds-table) tbody tr:last-child td,
.ds-shell-main > main table:not(.ds-table) tbody tr:last-child td {
  border-bottom: none;
}

.tag--paid, .tag--succeed, .tag--success, .tag--active,
[class*=bg-green]:not(.ds-shell-sidebar__status-dot):not(.ds-status__dot) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  border-radius: 9999px;
  border: 1px solid #bbf7d0;
  background-color: #f0fdf4;
  color: #15803d;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.tag--unpaid, .tag--failed, .tag--error, .tag--canceled,
[class*=bg-red]:not(.ds-status__dot) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  border-radius: 9999px;
  border: 1px solid #fecaca;
  background-color: #fef2f2;
  color: #b91c1c;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.tag--partialpaid, .tag--pending, .tag--draft, .tag--warning,
[class*=bg-orange]:not(.ds-status__dot) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  border-radius: 9999px;
  border: 1px solid #fed7aa;
  background-color: #fff7ed;
  color: #c2410c;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.hightlighted-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 600;
  border-radius: 9999px;
  background-color: #faf3ff;
  color: #6c15a3;
  border: 1px solid #e4c4fa;
  margin-left: 8px;
}

.main_infos {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.main_infos ul.sm {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
.main_infos ul.sm li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  font-size: 14px;
  color: #4b5563;
  border-bottom: 1px dashed #f3f4f6;
}
.main_infos ul.sm li span {
  color: #111827;
  font-weight: 600;
}
.main_infos ul.sm li:last-child {
  border-bottom: 0;
}

.gauge {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(59, 10, 90, 0.04), 0 8px 24px -16px rgba(59, 10, 90, 0.1);
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  margin-bottom: 16px;
}
.gauge .halfcircle {
  background: #a335e8;
}
.gauge .halfcircle.green {
  background: #63b70f;
}
.gauge .halfcircle.orange {
  background: #f69c00;
}
.gauge .halfcircle.red {
  background: #e82222;
}
.gauge .halfcircle__mask::before {
  background: #ffffff;
}
.gauge .legend .subtitle-2 {
  margin: 0;
  color: #6b7280;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.gauge .legend .percent {
  margin: 4px 0 0;
  color: #111827;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.instance .main_infos.bg-grey-light,
#summary .bg-grey-light {
  background-color: #ffffff;
}

@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 180ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}