/*! kob-ui v0.2.1 | (c) 2026 kob | Proprietary: free to use, modification prohibited | https://kob-ui.com */
/* styles/tokens.css */
:root {
  --kob-accent: #17607a;
  --kob-accent-dark: #0f4a60;
  --kob-accent-soft: rgba(23, 96, 122, 0.08);
  --kob-accent-hover: rgba(23, 96, 122, 0.14);
  --kob-on-accent: #ffffff;
  --kob-bg: #eef3f5;
  --kob-surface: #ffffff;
  --kob-surface-2: #f8fcfd;
  --kob-overlay: rgba(7, 24, 32, 0.35);
  --kob-text: #182a32;
  --kob-muted: #61798a;
  --kob-border: rgba(19, 42, 51, 0.14);
  --kob-border-soft: rgba(19, 42, 51, 0.07);
  --kob-danger: #d24a43;
  --kob-danger-soft: rgba(210, 74, 67, 0.12);
  --kob-success: #1c6b40;
  --kob-success-soft: #e2f3e8;
  --kob-warn: #b26a00;
  --kob-warn-soft: #fdf0e0;
  --kob-info: #1565c0;
  --kob-info-soft: #e3f2fd;
  --kob-danger-solid: #b3352c;
  --kob-on-danger: #ffffff;
  --kob-success-solid: #1c6b40;
  --kob-on-success: #ffffff;
  --kob-warn-solid: #8a5200;
  --kob-on-warn: #ffffff;
  --kob-info-solid: #1565c0;
  --kob-on-info: #ffffff;
  --kob-accent-text: var(--kob-accent-dark);
  --kob-success-text: var(--kob-success);
  --kob-danger-text: #b3352c;
  --kob-warn-text: #8a5200;
  --kob-info-text: var(--kob-info);
  --kob-radius: 10px;
  --kob-radius-sm: 8px;
  --kob-radius-xs: 6px;
  --kob-header-h: 42px;
  --kob-font: inherit;
  --kob-font-size: 14px;
  --kob-shadow-1: 0 1px 4px rgba(7, 24, 32, 0.06);
  --kob-shadow-2: 0 8px 24px rgba(7, 24, 32, 0.18);
  --kob-shadow-3: 0 12px 40px rgba(7, 24, 32, 0.28);
  --kob-scrollbar-size: 10px;
  --kob-scrollbar-track: transparent;
  --kob-scrollbar-thumb: rgba(19, 42, 51, 0.26);
  --kob-scrollbar-thumb-hover: rgba(19, 42, 51, 0.45);
  --kob-z-base: 9100;
  --kob-dark-accent: #3fa3c4;
  --kob-dark-accent-dark: #7ec8e3;
  --kob-dark-accent-soft: rgba(63, 163, 196, 0.14);
  --kob-dark-accent-hover: rgba(63, 163, 196, 0.24);
  --kob-dark-on-accent: #05222c;
  --kob-dark-bg: #0b1e27;
  --kob-dark-surface: #12303c;
  --kob-dark-surface-2: #163a48;
  --kob-dark-overlay: rgba(2, 10, 14, 0.6);
  --kob-dark-text: #e6f1f5;
  --kob-dark-muted: #94b0bd;
  --kob-dark-border: rgba(230, 241, 245, 0.16);
  --kob-dark-border-soft: rgba(230, 241, 245, 0.09);
  --kob-dark-danger: #ff7b72;
  --kob-dark-danger-soft: rgba(255, 123, 114, 0.16);
  --kob-dark-danger-solid: #c2413a;
  --kob-dark-on-danger: #ffffff;
  --kob-dark-success-solid: #27794c;
  --kob-dark-on-success: #ffffff;
  --kob-dark-warn-solid: #a1650b;
  --kob-dark-on-warn: #ffffff;
  --kob-dark-info-solid: #1c72d4;
  --kob-dark-on-info: #ffffff;
  --kob-dark-success: #6fd39a;
  --kob-dark-success-soft: rgba(111, 211, 154, 0.16);
  --kob-dark-warn: #e2b062;
  --kob-dark-warn-soft: rgba(226, 176, 98, 0.16);
  --kob-dark-info: #7db6f2;
  --kob-dark-info-soft: rgba(125, 182, 242, 0.16);
  --kob-dark-shadow-1: 0 1px 4px rgba(0, 0, 0, 0.4);
  --kob-dark-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.5);
  --kob-dark-shadow-3: 0 12px 40px rgba(0, 0, 0, 0.6);
  --kob-dark-scrollbar-thumb: rgba(230, 241, 245, 0.22);
  --kob-dark-scrollbar-thumb-hover: rgba(230, 241, 245, 0.4);
  --kob-black-accent: #58b4d0;
  --kob-black-accent-dark: #8ed3e6;
  --kob-black-accent-soft: rgba(255, 255, 255, 0.06);
  --kob-black-accent-hover: rgba(255, 255, 255, 0.1);
  --kob-black-on-accent: #0a1418;
  --kob-black-bg: #0f1011;
  --kob-black-surface: #16181a;
  --kob-black-surface-2: #1d2023;
  --kob-black-overlay: rgba(0, 0, 0, 0.66);
  --kob-black-text: #e3e5e7;
  --kob-black-muted: #969b9f;
  --kob-black-border: rgba(255, 255, 255, 0.13);
  --kob-black-border-soft: rgba(255, 255, 255, 0.07);
  --kob-black-danger: #f0837b;
  --kob-black-danger-soft: rgba(240, 131, 123, 0.15);
  --kob-black-danger-solid: #c2413a;
  --kob-black-on-danger: #ffffff;
  --kob-black-success-solid: #27794c;
  --kob-black-on-success: #ffffff;
  --kob-black-warn-solid: #a1650b;
  --kob-black-on-warn: #ffffff;
  --kob-black-info-solid: #1c72d4;
  --kob-black-on-info: #ffffff;
  --kob-black-success: #74cf9b;
  --kob-black-success-soft: rgba(116, 207, 155, 0.15);
  --kob-black-warn: #ddae66;
  --kob-black-warn-soft: rgba(221, 174, 102, 0.15);
  --kob-black-info: #82b4ec;
  --kob-black-info-soft: rgba(130, 180, 236, 0.15);
  --kob-black-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.55);
  --kob-black-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.65);
  --kob-black-shadow-3: 0 14px 44px rgba(0, 0, 0, 0.75);
  --kob-black-scrollbar-thumb: rgba(255, 255, 255, 0.2);
  --kob-black-scrollbar-thumb-hover: rgba(255, 255, 255, 0.36);
}
:root[data-kob-theme=dark] {
  --kob-accent: var(--kob-dark-accent);
  --kob-accent-dark: var(--kob-dark-accent-dark);
  --kob-accent-soft: var(--kob-dark-accent-soft);
  --kob-accent-hover: var(--kob-dark-accent-hover);
  --kob-on-accent: var(--kob-dark-on-accent);
  --kob-bg: var(--kob-dark-bg);
  --kob-surface: var(--kob-dark-surface);
  --kob-surface-2: var(--kob-dark-surface-2);
  --kob-overlay: var(--kob-dark-overlay);
  --kob-text: var(--kob-dark-text);
  --kob-muted: var(--kob-dark-muted);
  --kob-border: var(--kob-dark-border);
  --kob-border-soft: var(--kob-dark-border-soft);
  --kob-danger: var(--kob-dark-danger);
  --kob-danger-soft: var(--kob-dark-danger-soft);
  --kob-danger-solid: var(--kob-dark-danger-solid);
  --kob-danger-text: var(--kob-dark-danger);
  --kob-warn-text: var(--kob-dark-warn);
  --kob-on-danger: var(--kob-dark-on-danger);
  --kob-success-solid: var(--kob-dark-success-solid);
  --kob-on-success: var(--kob-dark-on-success);
  --kob-warn-solid: var(--kob-dark-warn-solid);
  --kob-on-warn: var(--kob-dark-on-warn);
  --kob-info-solid: var(--kob-dark-info-solid);
  --kob-on-info: var(--kob-dark-on-info);
  --kob-success: var(--kob-dark-success);
  --kob-success-soft: var(--kob-dark-success-soft);
  --kob-warn: var(--kob-dark-warn);
  --kob-warn-soft: var(--kob-dark-warn-soft);
  --kob-info: var(--kob-dark-info);
  --kob-info-soft: var(--kob-dark-info-soft);
  --kob-shadow-1: var(--kob-dark-shadow-1);
  --kob-shadow-2: var(--kob-dark-shadow-2);
  --kob-shadow-3: var(--kob-dark-shadow-3);
  --kob-scrollbar-thumb: var(--kob-dark-scrollbar-thumb);
  --kob-scrollbar-thumb-hover: var(--kob-dark-scrollbar-thumb-hover);
}
:root[data-kob-theme=black] {
  --kob-accent: var(--kob-black-accent);
  --kob-accent-dark: var(--kob-black-accent-dark);
  --kob-accent-soft: var(--kob-black-accent-soft);
  --kob-accent-hover: var(--kob-black-accent-hover);
  --kob-on-accent: var(--kob-black-on-accent);
  --kob-bg: var(--kob-black-bg);
  --kob-surface: var(--kob-black-surface);
  --kob-surface-2: var(--kob-black-surface-2);
  --kob-overlay: var(--kob-black-overlay);
  --kob-text: var(--kob-black-text);
  --kob-muted: var(--kob-black-muted);
  --kob-border: var(--kob-black-border);
  --kob-border-soft: var(--kob-black-border-soft);
  --kob-danger: var(--kob-black-danger);
  --kob-danger-soft: var(--kob-black-danger-soft);
  --kob-danger-solid: var(--kob-black-danger-solid);
  --kob-danger-text: var(--kob-black-danger);
  --kob-warn-text: var(--kob-black-warn);
  --kob-on-danger: var(--kob-black-on-danger);
  --kob-success-solid: var(--kob-black-success-solid);
  --kob-on-success: var(--kob-black-on-success);
  --kob-warn-solid: var(--kob-black-warn-solid);
  --kob-on-warn: var(--kob-black-on-warn);
  --kob-info-solid: var(--kob-black-info-solid);
  --kob-on-info: var(--kob-black-on-info);
  --kob-success: var(--kob-black-success);
  --kob-success-soft: var(--kob-black-success-soft);
  --kob-warn: var(--kob-black-warn);
  --kob-warn-soft: var(--kob-black-warn-soft);
  --kob-info: var(--kob-black-info);
  --kob-info-soft: var(--kob-black-info-soft);
  --kob-shadow-1: var(--kob-black-shadow-1);
  --kob-shadow-2: var(--kob-black-shadow-2);
  --kob-shadow-3: var(--kob-black-shadow-3);
  --kob-scrollbar-thumb: var(--kob-black-scrollbar-thumb);
  --kob-scrollbar-thumb-hover: var(--kob-black-scrollbar-thumb-hover);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-kob-theme]) {
    --kob-accent: var(--kob-dark-accent);
    --kob-accent-dark: var(--kob-dark-accent-dark);
    --kob-accent-soft: var(--kob-dark-accent-soft);
    --kob-accent-hover: var(--kob-dark-accent-hover);
    --kob-on-accent: var(--kob-dark-on-accent);
    --kob-bg: var(--kob-dark-bg);
    --kob-surface: var(--kob-dark-surface);
    --kob-surface-2: var(--kob-dark-surface-2);
    --kob-overlay: var(--kob-dark-overlay);
    --kob-text: var(--kob-dark-text);
    --kob-muted: var(--kob-dark-muted);
    --kob-border: var(--kob-dark-border);
    --kob-border-soft: var(--kob-dark-border-soft);
    --kob-danger: var(--kob-dark-danger);
    --kob-danger-soft: var(--kob-dark-danger-soft);
    --kob-danger-solid: var(--kob-dark-danger-solid);
    --kob-danger-text: var(--kob-dark-danger);
    --kob-warn-text: var(--kob-dark-warn);
    --kob-on-danger: var(--kob-dark-on-danger);
    --kob-success-solid: var(--kob-dark-success-solid);
    --kob-on-success: var(--kob-dark-on-success);
    --kob-warn-solid: var(--kob-dark-warn-solid);
    --kob-on-warn: var(--kob-dark-on-warn);
    --kob-info-solid: var(--kob-dark-info-solid);
    --kob-on-info: var(--kob-dark-on-info);
    --kob-success: var(--kob-dark-success);
    --kob-success-soft: var(--kob-dark-success-soft);
    --kob-warn: var(--kob-dark-warn);
    --kob-warn-soft: var(--kob-dark-warn-soft);
    --kob-info: var(--kob-dark-info);
    --kob-info-soft: var(--kob-dark-info-soft);
    --kob-shadow-1: var(--kob-dark-shadow-1);
    --kob-shadow-2: var(--kob-dark-shadow-2);
    --kob-shadow-3: var(--kob-dark-shadow-3);
    --kob-scrollbar-thumb: var(--kob-dark-scrollbar-thumb);
    --kob-scrollbar-thumb-hover: var(--kob-dark-scrollbar-thumb-hover);
  }
}
.kob-layout,
.kob-layout-middle,
.kob-region,
.kob-panel,
.kob-panel-body,
.kob-tabs,
.kob-tabs-body,
.kob-tab-panel,
.kob-datagrid,
.kob-grid-head,
.kob-grid-body,
.kob-window,
.kob-window-body {
  box-sizing: border-box;
}

/* styles/base.css */
input.kob-textbox,
input.kob-passwordbox,
input.kob-numberbox,
input.kob-combobox,
input.kob-datebox,
textarea.kob-textbox {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 10px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: var(--kob-font-size);
  line-height: 1.4;
  transition: border-color 0.15s, box-shadow 0.15s;
}
input.kob-textbox:focus,
input.kob-passwordbox:focus,
input.kob-numberbox:focus,
input.kob-combobox:focus,
input.kob-datebox:focus,
textarea.kob-textbox:focus {
  outline: none;
  border-color: var(--kob-accent);
  box-shadow: 0 0 0 3px var(--kob-accent-soft);
}
input.kob-textbox:disabled,
input.kob-numberbox:disabled,
input.kob-combobox:disabled,
input.kob-datebox:disabled,
textarea.kob-textbox:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
textarea.kob-textbox {
  resize: vertical;
  min-height: 60px;
}
input.kob-numberbox {
  text-align: right;
}
.kob-invalid,
input.kob-invalid {
  border-color: var(--kob-danger) !important;
  box-shadow: 0 0 0 3px var(--kob-danger-soft) !important;
}
.kob-field {
  min-width: 0;
  margin-bottom: 12px;
}
.kob-field-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.kob-field-left > .kob-label {
  flex: none;
  width: 110px;
  text-align: right;
  font-size: 13px;
  color: var(--kob-muted);
  line-height: 1.4;
}
.kob-field-left > input,
.kob-field-left > textarea,
.kob-field-left > .kob-combo {
  flex: 1;
  min-width: 0;
  width: auto;
}
.kob-field-top > .kob-label {
  display: block;
  margin-bottom: 4px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--kob-muted);
}
.kob-field-top > input,
.kob-field-top > textarea,
.kob-field-top > .kob-combo {
  width: 100%;
  box-sizing: border-box;
}
.kob-label {
  user-select: none;
}
.kob-btn {
  padding: 7px 14px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: var(--kob-font-size);
  line-height: 1.4;
  cursor: pointer;
}
.kob-btn:hover {
  border-color: var(--kob-accent);
  background: var(--kob-accent-soft);
}
.kob-btn:disabled {
  opacity: 0.45;
  cursor: default;
}
.kob-linkbutton {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 2px;
  padding: 7px 14px;
  border: 1px solid transparent;
  border-radius: var(--kob-radius-sm);
  background: transparent;
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: var(--kob-font-size);
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
}
.kob-linkbutton:hover {
  background: var(--kob-accent-soft);
  color: var(--kob-accent-dark);
}
.kob-linkbutton:active {
  transform: translateY(1px);
}
.kob-linkbutton.selected {
  background: var(--kob-accent-soft);
  color: var(--kob-accent-dark);
  font-weight: 600;
}
.kob-linkbutton.disabled {
  opacity: 0.45;
  pointer-events: none;
}
.kob-linkbutton-plain {
  border-color: transparent;
  background: transparent;
}
.kob-linkbutton-primary {
  background: var(--kob-accent);
  border-color: var(--kob-accent);
  color: var(--kob-on-accent);
}
.kob-linkbutton-primary:hover {
  filter: brightness(1.08);
  color: var(--kob-on-accent);
}
.kob-icon-right {
  flex-direction: row-reverse;
}
.kob-native-cb {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.kob-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  vertical-align: middle;
  font-size: var(--kob-font-size);
  line-height: 1.4;
  cursor: pointer;
}
.kob-switch .kob-switch-track {
  position: relative;
  flex: none;
  width: 40px;
  height: 22px;
  border-radius: 22px;
  background: var(--kob-muted);
  opacity: 0.55;
  transition: background 0.18s, opacity 0.18s;
}
.kob-switch .kob-switch-track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: left 0.18s;
}
.kob-switch.checked .kob-switch-track {
  background: var(--kob-accent);
  opacity: 1;
}
.kob-switch.checked .kob-switch-track::after {
  left: 20px;
}
.kob-switch.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.kob-switch-text {
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--kob-text);
}
.kob-combo {
  position: relative;
  display: inline-block;
}
.kob-combo input {
  padding-right: 30px;
  cursor: pointer;
}
.kob-combo-arrow {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 100%;
  border: none;
  background: transparent;
  color: var(--kob-muted);
  cursor: pointer;
}
.kob-combo-arrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.15s;
}
.kob-combo.open .kob-combo-arrow::before {
  transform: rotate(-135deg) translateY(-1px);
}
.kob-dropdown {
  position: fixed;
  z-index: 9000;
  min-width: 140px;
  max-height: 300px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface-2);
  color: var(--kob-text);
  box-shadow: var(--kob-shadow-2);
}
.kob-dropdown-item {
  padding: 8px 12px;
  border-radius: var(--kob-radius-xs);
  font-size: var(--kob-font-size);
  line-height: 1.4;
  cursor: pointer;
}
.kob-dropdown-item:hover,
.kob-dropdown-item.kob-active {
  background: var(--kob-accent-soft);
}
.kob-dropdown-item.selected {
  background: var(--kob-accent);
  color: var(--kob-on-accent);
}
.kob-dropdown-empty {
  opacity: 0.55;
  cursor: default;
}
.kob-dropdown-empty:hover {
  background: transparent;
}
.kob-calendar {
  padding: 8px;
}
.kob-cal-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.kob-cal-nav {
  padding: 2px 10px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-xs);
  background: var(--kob-surface);
  color: var(--kob-text);
  cursor: pointer;
}
.kob-cal-nav:hover {
  border-color: var(--kob-accent);
  background: var(--kob-accent-soft);
}
.kob-cal-title {
  flex: 1;
  text-align: center;
  font-size: 14px;
  color: var(--kob-text);
}
.kob-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 34px);
  gap: 2px;
  font-size: 12.5px;
  text-align: center;
}
.kob-cal-dow {
  padding: 2px 0;
  color: var(--kob-muted);
  font-weight: 600;
}
.kob-cal-day {
  min-width: 32px;
  min-height: 28px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--kob-radius-xs);
  background: transparent;
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 12.5px;
  cursor: pointer;
}
.kob-cal-day:hover:not(:disabled) {
  background: var(--kob-accent-soft);
}
.kob-cal-day:disabled {
  opacity: 0.3;
  cursor: default;
}
.kob-cal-day.kob-cal-now {
  border-color: var(--kob-accent);
  color: var(--kob-accent-dark);
  font-weight: 700;
}
.kob-cal-day.selected {
  background: var(--kob-accent);
  border-color: var(--kob-accent);
  color: var(--kob-on-accent);
  font-weight: 600;
}
.kob-cal-foot {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  margin-top: 6px;
}

/* styles/icons.css */
.kob-icon {
  display: inline-block;
  flex: none;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--kob-i) center / contain no-repeat;
  mask: var(--kob-i) center / contain no-repeat;
}
.kob-linkbutton .kob-icon {
  position: relative;
  top: 1px;
}
.icon-add .kob-icon,
.kob-icon.icon-add {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%202v12M2%208h12%22%20stroke-width%3D%222.2%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-minus .kob-icon,
.kob-icon.icon-minus {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%208h12%22%20stroke-width%3D%222.2%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-edit .kob-icon,
.kob-icon.icon-edit {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11.1%201.9l3%203L5%2014H2v-3z%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-remove .kob-icon,
.kob-icon.icon-remove {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%204h12M5.5%204V2h5v2M3.5%204l1%2010h6l1-10M6.5%207v4M9.5%207v4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-ok .kob-icon,
.kob-icon.icon-ok {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.5%208.5l4%204%207-8%22%20stroke-width%3D%222.2%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-cancel .kob-icon,
.kob-icon.icon-cancel {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%203l10%2010M13%203L3%2013%22%20stroke-width%3D%222%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-close .kob-icon,
.kob-icon.icon-close {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%204l8%208M12%204l-8%208%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-save .kob-icon,
.kob-icon.icon-save {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%202h10l2%202v10H2zM4%202v4h7V2M4%209h8v5H4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-reload .kob-icon,
.kob-icon.icon-reload {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.5%208a5.5%205.5%200%201%201-1.8-4.1M13.5%201v3.5H10%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-undo .kob-icon,
.kob-icon.icon-undo {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.5%208a5.5%205.5%200%201%200%201.8-4.1M2.5%201v3.5H6%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-redo .kob-icon,
.kob-icon.icon-redo {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.5%208a5.5%205.5%200%201%201-1.8-4.1M13.5%201v3.5H10%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-search .kob-icon,
.kob-icon.icon-search {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224.5%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2010.5L14%2014%22%20stroke-width%3D%222%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-filter .kob-icon,
.kob-icon.icon-filter {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.5%203h13l-5%205.5V14l-3-2V8.5z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-print .kob-icon,
.kob-icon.icon-print {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%206V2h8v4M4%2012H1V6h14v6h-3M4%2010h8v5H4z%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-cut .kob-icon,
.kob-icon.icon-cut {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%224.2%22%20cy%3D%2212.4%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2211.8%22%20cy%3D%2212.4%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.5%2011L11.6%202M10.5%2011L4.4%202%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-copy .kob-icon,
.kob-icon.icon-copy {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%225.2%22%20y%3D%225.2%22%20width%3D%229%22%20height%3D%229%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.8%205.2V3.2a1.4%201.4%200%200%200-1.4-1.4H3.2a1.4%201.4%200%200%200-1.4%201.4v6.2a1.4%201.4%200%200%200%201.4%201.4h2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-paste .kob-icon,
.kob-icon.icon-paste {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6.2%203H4.2a1.3%201.3%200%200%200-1.3%201.3v8.4A1.3%201.3%200%200%200%204.2%2014h2.6M9.8%203h2a1.3%201.3%200%200%201%201.3%201.3v2.3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%225.6%22%20y%3D%221.5%22%20width%3D%224.8%22%20height%3D%222.8%22%20rx%3D%220.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%228.2%22%20y%3D%227.6%22%20width%3D%225.6%22%20height%3D%226.8%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-duplicate .kob-icon,
.kob-icon.icon-duplicate {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.8%22%20y%3D%221.8%22%20width%3D%228.8%22%20height%3D%228.8%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%225.4%22%20y%3D%225.4%22%20width%3D%228.8%22%20height%3D%228.8%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-archive .kob-icon,
.kob-icon.icon-archive {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.6%22%20y%3D%222.2%22%20width%3D%2212.8%22%20height%3D%223.4%22%20rx%3D%221%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.9%205.6v7A1.4%201.4%200%200%200%204.3%2014h7.4a1.4%201.4%200%200%200%201.4-1.4v-7%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.4%208.6h3.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-restore .kob-icon,
.kob-icon.icon-restore {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.7%208a5.4%205.4%200%201%200%201.7-3.9M2.4%202.6v3.6H6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%205.2V8l2.3%201.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-history .kob-icon,
.kob-icon.icon-history {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.7%208a5.4%205.4%200%201%200%201.7-3.9M2.4%202.6v3.6H6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%204.8V8l2.6%201.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sync .kob-icon,
.kob-icon.icon-sync {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.4%206.6A5.5%205.5%200%200%200%203.4%205.2M2.6%209.4a5.5%205.5%200%200%200%2010%201.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13.9%202.9v3.7h-3.7M2.1%2013.1V9.4h3.7%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-pin .kob-icon,
.kob-icon.icon-pin {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6%201.8h4l-.6%204%202.4%202.4v1.2H4.2V8.2L6.6%205.8z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%209.4V14.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bookmark .kob-icon,
.kob-icon.icon-bookmark {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%202h8v12l-4-3.2L4%2014z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-flag .kob-icon,
.kob-icon.icon-flag {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%2014.2V2.2%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.4%202.8h8.6l-1.6%202.6%201.6%202.6H3.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-tag .kob-icon,
.kob-icon.icon-tag {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8.2%201.8H14v5.8l-6.4%206.4a1.2%201.2%200%200%201-1.7%200L1.8%209.9a1.2%201.2%200%200%201%200-1.7z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2211.1%22%20cy%3D%224.9%22%20r%3D%221.1%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-link .kob-icon,
.kob-icon.icon-link {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6.6%209.4a2.9%202.9%200%200%200%204.3.3l2-2a2.9%202.9%200%200%200-4.1-4.1l-1.1%201.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.4%206.6a2.9%202.9%200%200%200-4.3-.3l-2%202a2.9%202.9%200%200%200%204.1%204.1l1.1-1.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-unlink .kob-icon,
.kob-icon.icon-unlink {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6.4%209.6l-1.2%201.2a2.7%202.7%200%200%201-3.8-3.8l1.2-1.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.6%206.4l1.2-1.2a2.7%202.7%200%200%201%203.8%203.8l-1.2%201.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.1%202.1v1.7M2.1%206.1h1.7M9.9%2013.9v-1.7M13.9%209.9h-1.7%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-share .kob-icon,
.kob-icon.icon-share {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%223.6%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%223.8%22%20cy%3D%228%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%2212.4%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.5%207.1l5-2.6M5.5%208.9l5%202.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-attach .kob-icon,
.kob-icon.icon-attach {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13%207.2l-5.9%205.9a3.3%203.3%200%200%201-4.7-4.7l6.3-6.3a2.2%202.2%200%200%201%203.1%203.1l-6.1%206.1a1.1%201.1%200%200%201-1.6-1.6L9.6%204.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-send .kob-icon,
.kob-icon.icon-send {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14.4%201.6L1.6%206.4l5%202.2%202.2%205z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14.4%201.6L6.6%208.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chevron-left .kob-icon,
.kob-icon.icon-chevron-left {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M10%203L5%208l5%205%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chevron-right .kob-icon,
.kob-icon.icon-chevron-right {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6%203l5%205-5%205%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chevron-up .kob-icon,
.kob-icon.icon-chevron-up {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%2010l5-5%205%205%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chevron-down .kob-icon,
.kob-icon.icon-chevron-down {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%206l5%205%205-5%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-back .kob-icon,
.kob-icon.icon-back {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%208H2.6M7%203.4L2.4%208%207%2012.6%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-forward .kob-icon,
.kob-icon.icon-forward {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%208h11.4M9%203.4L13.6%208%209%2012.6%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-arrow-up .kob-icon,
.kob-icon.icon-arrow-up {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2013.4V2.6M3.6%207L8%202.6%2012.4%207%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-arrow-down .kob-icon,
.kob-icon.icon-arrow-down {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%202.6v10.8M3.6%209L8%2013.4%2012.4%209%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-first .kob-icon,
.kob-icon.icon-first {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13%203.5L8.5%208l4.5%204.5M8%203.5L3.5%208%208%2012.5%22%20stroke-width%3D%221.7%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-last .kob-icon,
.kob-icon.icon-last {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3%203.5L7.5%208%203%2012.5M8%203.5L12.5%208%208%2012.5%22%20stroke-width%3D%221.7%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-external .kob-icon,
.kob-icon.icon-external {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M9.4%202.6h4v4M13.4%202.6L7.4%208.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.2%209.6v3a1.4%201.4%200%200%201-1.4%201.4H3.6a1.4%201.4%200%200%201-1.4-1.4V5.4A1.4%201.4%200%200%201%203.6%204h3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-expand .kob-icon,
.kob-icon.icon-expand {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M9.6%202.4h4v4M6.4%2013.6h-4v-4M13.6%202.4L9.3%206.7M2.4%2013.6l4.3-4.3%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-collapse .kob-icon,
.kob-icon.icon-collapse {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.4%206.2h-4v-4M2.6%209.8h4v4M9.4%206.6l4.2-4.2M6.6%209.4l-4.2%204.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-fullscreen .kob-icon,
.kob-icon.icon-fullscreen {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.6%206V2.6H6M10%202.6h3.4V6M13.4%2010v3.4H10M6%2013.4H2.6V10%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-fullscreen-exit .kob-icon,
.kob-icon.icon-fullscreen-exit {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6%202.6V6H2.6M13.4%206H10V2.6M10%2013.4V10h3.4M2.6%2010H6v3.4%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-zoom-in .kob-icon,
.kob-icon.icon-zoom-in {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224.5%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2010.5L14%2014%22%20stroke-width%3D%221.9%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%207h4M7%205v4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-zoom-out .kob-icon,
.kob-icon.icon-zoom-out {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%224.5%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2010.5L14%2014%22%20stroke-width%3D%221.9%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%207h4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-drag .kob-icon,
.kob-icon.icon-drag {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%223.4%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%223.4%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%228%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212.6%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2212.6%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-grid-view .kob-icon,
.kob-icon.icon-grid-view {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%225.2%22%20height%3D%225.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%228.8%22%20y%3D%222%22%20width%3D%225.2%22%20height%3D%225.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%228.8%22%20width%3D%225.2%22%20height%3D%225.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%228.8%22%20y%3D%228.8%22%20width%3D%225.2%22%20height%3D%225.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-list-view .kob-icon,
.kob-icon.icon-list-view {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6%203.5h8M6%208h8M6%2012.5h8%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%222.9%22%20cy%3D%223.5%22%20r%3D%221.1%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%222.9%22%20cy%3D%228%22%20r%3D%221.1%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%222.9%22%20cy%3D%2212.5%22%20r%3D%221.1%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-columns .kob-icon,
.kob-icon.icon-columns {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.8%22%20y%3D%222.4%22%20width%3D%2212.4%22%20height%3D%2211.2%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%202.4v11.2M10%202.4v11.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sidebar .kob-icon,
.kob-icon.icon-sidebar {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.8%22%20y%3D%222.6%22%20width%3D%2212.4%22%20height%3D%2210.8%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.2%202.6v10.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-dashboard .kob-icon,
.kob-icon.icon-dashboard {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%225.4%22%20height%3D%226.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%229.8%22%20width%3D%225.4%22%20height%3D%224.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%228.6%22%20y%3D%222%22%20width%3D%225.4%22%20height%3D%224.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%228.6%22%20y%3D%227.8%22%20width%3D%225.4%22%20height%3D%226.2%22%20rx%3D%221.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-apps .kob-icon,
.kob-icon.icon-apps {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%223.6%22%20cy%3D%223.6%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%223.6%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2212.4%22%20cy%3D%223.6%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%223.6%22%20cy%3D%228%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2212.4%22%20cy%3D%228%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%223.6%22%20cy%3D%2212.4%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212.4%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2212.4%22%20cy%3D%2212.4%22%20r%3D%221.15%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-table .kob-icon,
.kob-icon.icon-table {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.8%22%20y%3D%222.6%22%20width%3D%2212.4%22%20height%3D%2210.8%22%20rx%3D%221.3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.8%206.2h12.4M6.6%206.2v7.2M10.4%206.2v7.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sliders .kob-icon,
.kob-icon.icon-sliders {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%204.4h6.6M13%204.4h1M2%2011.6h1M7.4%2011.6h6.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%224.4%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%225.2%22%20cy%3D%2211.6%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sort .kob-icon,
.kob-icon.icon-sort {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4.4%202.8v10.4M2%205.2l2.4-2.4%202.4%202.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.6%2013.2V2.8M9.2%2010.8l2.4%202.4%202.4-2.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sort-asc .kob-icon,
.kob-icon.icon-sort-asc {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%2012.8V3.2M1.2%205.4l2.2-2.2%202.2%202.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.8%204.4h6.4M7.8%208h4.4M7.8%2011.6h2.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sort-desc .kob-icon,
.kob-icon.icon-sort-desc {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%203.2v9.6M1.2%2010.6l2.2%202.2%202.2-2.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.8%204.4h2.4M7.8%208h4.4M7.8%2011.6h6.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-list-check .kob-icon,
.kob-icon.icon-list-check {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6.8%203.8h7.2M6.8%208h7.2M6.8%2012.2h7.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.6%203.6l1.2%201.2%202-2.2M1.6%207.8l1.2%201.2%202-2.2M1.6%2012l1.2%201.2%202-2.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-hash .kob-icon,
.kob-icon.icon-hash {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.4%205.8h11.2M2.4%2010.2h11.2M6.6%202.2l-1.4%2011.6M11.2%202.2L9.8%2013.8%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sum .kob-icon,
.kob-icon.icon-sum {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%203h12M4%206.5h8M2%2010h12M4%2013.5h8%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-menu .kob-icon,
.kob-icon.icon-menu {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%204h12M2%208h12M2%2012h12%22%20stroke-width%3D%221.7%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-more .kob-icon,
.kob-icon.icon-more {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%228%22%20r%3D%221.2%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.2%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%228%22%20r%3D%221.2%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-folder .kob-icon,
.kob-icon.icon-folder {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.6%2012.8V3.6h4.2l1.6%202h7v7.2z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-folder-open .kob-icon,
.kob-icon.icon-folder-open {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.7%2012.9V3.7h4.1l1.6%202h6.9v2.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.7%2012.9l2-5.1h11.5l-2%205.1z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-folder-plus .kob-icon,
.kob-icon.icon-folder-plus {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.6%2012.8V3.6h4.2l1.6%202h7v7.2z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%207.9v3.4M6.3%209.6h3.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file .kob-icon,
.kob-icon.icon-file {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file-text .kob-icon,
.kob-icon.icon-file-text {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.6%208.4h4.8M5.6%2011h4.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file-pdf .kob-icon,
.kob-icon.icon-file-pdf {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%225.2%22%20y%3D%228.8%22%20width%3D%225.6%22%20height%3D%223.4%22%20rx%3D%220.9%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file-word .kob-icon,
.kob-icon.icon-file-word {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.3%208.6l1.1%203.4%201.6-3.4%201.6%203.4%201.1-3.4%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file-csv .kob-icon,
.kob-icon.icon-file-csv {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.9%209.2h6.2M4.9%2011.6h6.2M8%208.2v5%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file-code .kob-icon,
.kob-icon.icon-file-code {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.6%208.9L5.1%2010.5l1.5%201.6M9.4%208.9l1.5%201.6-1.5%201.6%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file-image .kob-icon,
.kob-icon.icon-file-image {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%228.8%22%20r%3D%220.9%22%20stroke-width%3D%221.2%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.4%2012.6l2.2-2.2%201.4%201.4%201.4-1.4%201.8%201.8%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-file-zip .kob-icon,
.kob-icon.icon-file-zip {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%202.4v1.1M7.2%203.5v1.1M6%204.6v1.1M7.2%205.7v1.1M6%206.8v1.1%22%20stroke-width%3D%221.2%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%225.6%22%20y%3D%228.6%22%20width%3D%222.6%22%20height%3D%223.2%22%20rx%3D%220.8%22%20stroke-width%3D%221.2%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-excel .kob-icon,
.kob-icon.icon-excel {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222.4%22%20y%3D%221.8%22%20width%3D%2211.2%22%20height%3D%2212.4%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%205.6l4%205M10%205.6l-4%205%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-cloud .kob-icon,
.kob-icon.icon-cloud {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.2%2012.4H4.6a3%203%200%200%201%20.3-6%204.1%204.1%200%200%201%207.8%201.2%202.4%202.4%200%200%201-.5%204.8z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-cloud-upload .kob-icon,
.kob-icon.icon-cloud-upload {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11.9%2011.4H4.6a3%203%200%200%201%20.3-6%204.1%204.1%200%200%201%207.8%201.2%202.4%202.4%200%200%201-.8%204.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2014.4V8.6M6.1%2010.5L8%208.6l1.9%201.9%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-cloud-download .kob-icon,
.kob-icon.icon-cloud-download {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11.9%2011H4.6a3%203%200%200%201%20.3-6%204.1%204.1%200%200%201%207.8%201.2%202.4%202.4%200%200%201-.8%204.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%208.6v5.8M6.1%2012.5L8%2014.4l1.9-1.9%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-database .kob-icon,
.kob-icon.icon-database {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cellipse%20cx%3D%228%22%20cy%3D%223.6%22%20rx%3D%225.3%22%20ry%3D%222%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.7%203.6v8.8c0%201.1%202.4%202%205.3%202s5.3-.9%205.3-2V3.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.7%208c0%201.1%202.4%202%205.3%202s5.3-.9%205.3-2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-server .kob-icon,
.kob-icon.icon-server {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.8%22%20y%3D%222.2%22%20width%3D%2212.4%22%20height%3D%224.8%22%20rx%3D%221.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%221.8%22%20y%3D%229%22%20width%3D%2212.4%22%20height%3D%224.8%22%20rx%3D%221.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%220.85%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%2211.4%22%20r%3D%220.85%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-download .kob-icon,
.kob-icon.icon-download {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.8v8.4M4.6%207l3.4%203.4L11.4%207M2.4%2013.6h11.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-upload .kob-icon,
.kob-icon.icon-upload {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2014.2V5.8M4.6%209l3.4-3.4L11.4%209M2.4%202.4h11.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-mail .kob-icon,
.kob-icon.icon-mail {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.6%22%20y%3D%223.4%22%20width%3D%2212.8%22%20height%3D%229.2%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.9%204.4L8%208.9l6.1-4.5%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-inbox .kob-icon,
.kob-icon.icon-inbox {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.9%202.6h8.2l2.1%206.8v2.6a1.4%201.4%200%200%201-1.4%201.4H3.2a1.4%201.4%200%200%201-1.4-1.4V9.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.8%209.4h3.4l1%201.8h3.6l1-1.8h3.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chat .kob-icon,
.kob-icon.icon-chat {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%209.4a2.2%202.2%200%200%201-2.2%202.2H5.4L2%2014.2V4.2A2.2%202.2%200%200%201%204.2%202h7.6A2.2%202.2%200%200%201%2014%204.2z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-comment .kob-icon,
.kob-icon.icon-comment {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%209.4a2.2%202.2%200%200%201-2.2%202.2H5.4L2%2014.2V4.2A2.2%202.2%200%200%201%204.2%202h7.6A2.2%202.2%200%200%201%2014%204.2z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%205.6h6M5%208.2h4%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bell .kob-icon,
.kob-icon.icon-bell {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.2%2011.2H3.8l1.1-1.9V6.8a3.1%203.1%200%200%201%206.2%200v2.5z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.6%2011.2a1.4%201.4%200%200%200%202.8%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%202.4v1.3%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bell-off .kob-icon,
.kob-icon.icon-bell-off {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11.1%206.8v2.5l1.1%201.9H5.2M4.9%209.6V6.8a3.1%203.1%200%200%201%201.6-2.7%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.6%2011.2a1.4%201.4%200%200%200%202.8%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.2%202.2l11.6%2011.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-phone .kob-icon,
.kob-icon.icon-phone {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.2%202.4L6.8%206%205.2%207.4a8.4%208.4%200%200%200%203.4%203.4L10%209.2l3.6%201.6v2.2a1%201%200%200%201-1.1%201A10.6%2010.6%200%200%201%202.2%203.5a1%201%200%200%201%201-1.1z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-video .kob-icon,
.kob-icon.icon-video {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.6%22%20y%3D%224%22%20width%3D%229%22%20height%3D%228%22%20rx%3D%221.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.6%208.6l3.8%202.4V5l-3.8%202.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-mic .kob-icon,
.kob-icon.icon-mic {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%226%22%20y%3D%221.6%22%20width%3D%224%22%20height%3D%227.6%22%20rx%3D%222%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.6%207.6a4.4%204.4%200%200%200%208.8%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2012v2.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-mic-off .kob-icon,
.kob-icon.icon-mic-off {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M10%205.6V3.6a2%202%200%200%200-3.9-.6M6%206.8v.4a2%202%200%200%200%203.3%201.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.6%207.6a4.4%204.4%200%200%200%206.6%203.8M12.4%207.6v.3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%2012v2.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.2%202.2l11.6%2011.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-at .kob-icon,
.kob-icon.icon-at {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.4%205.6v3.3a1.9%201.9%200%200%200%203.7-.7A6.3%206.3%200%201%200%2011%2013.7%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-cart .kob-icon,
.kob-icon.icon-cart {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2213.3%22%20r%3D%221.2%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213.3%22%20r%3D%221.2%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%202h2.2l1.9%208.2h7.3l1.4-5.7H4.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bag .kob-icon,
.kob-icon.icon-bag {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.2%205h9.6l.7%208.3a1.2%201.2%200%200%201-1.2%201.3H3.7a1.2%201.2%200%200%201-1.2-1.3z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.8%206.8V4.2a2.2%202.2%200%200%201%204.4%200v2.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-box .kob-icon,
.kob-icon.icon-box {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.6l6%203.1v6.6l-6%203.1-6-3.1V4.7z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%204.7l6%203.1%206-3.1M8%207.8v6.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-truck .kob-icon,
.kob-icon.icon-truck {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.6%22%20y%3D%223.8%22%20width%3D%227.6%22%20height%3D%227.4%22%20rx%3D%221%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.2%206.6h2.6l2.6%202.6v2H9.2z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%2212.4%22%20r%3D%221.4%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2211.6%22%20cy%3D%2212.4%22%20r%3D%221.4%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-store .kob-icon,
.kob-icon.icon-store {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.2%206.4h11.6v7.4H2.2z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%206.4L3%202.6h10l1.6%203.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.2%2013.8V9.6h3.6v4.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-receipt .kob-icon,
.kob-icon.icon-receipt {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.6%201.8h8.8v12.4l-1.5-1.1-1.4%201.1-1.5-1.1-1.4%201.1-1.5-1.1-1.5%201.1z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%205.4h4M6%208.2h4%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-invoice .kob-icon,
.kob-icon.icon-invoice {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.4%201.8h5.4l3.8%203.8v8.6H3.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.8%201.8v3.8h3.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.2%208.6h3.6M6.2%2010.8h3.6M8%207.4v4.6%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-credit-card .kob-icon,
.kob-icon.icon-credit-card {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.6%22%20y%3D%223.4%22%20width%3D%2212.8%22%20height%3D%229.2%22%20rx%3D%221.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.6%206.8h12.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.2%2010h2.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-wallet .kob-icon,
.kob-icon.icon-wallet {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.8%22%20y%3D%223.4%22%20width%3D%2212.4%22%20height%3D%2210%22%20rx%3D%221.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.8%206.6h12.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2210%22%20r%3D%221%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-coins .kob-icon,
.kob-icon.icon-coins {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%224.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%224.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-banknote .kob-icon,
.kob-icon.icon-banknote {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.4%22%20y%3D%224%22%20width%3D%2213.2%22%20height%3D%228%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224.2%22%20cy%3D%228%22%20r%3D%220.8%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2211.8%22%20cy%3D%228%22%20r%3D%220.8%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-percent .kob-icon,
.kob-icon.icon-percent {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2211.4%22%20cy%3D%2211.4%22%20r%3D%222.1%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13%203L3%2013%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-gift .kob-icon,
.kob-icon.icon-gift {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222%22%20y%3D%226.4%22%20width%3D%2212%22%20height%3D%227.6%22%20rx%3D%221.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%206.4h13.2M8%206.4V14%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%206.4C8%204%206.9%202.4%205.6%202.4a1.6%201.6%200%200%200%200%203.2h4.8a1.6%201.6%200%200%200%200-3.2C9.1%202.4%208%204%208%206.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-user .kob-icon,
.kob-icon.icon-user {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%224.8%22%20r%3D%222.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.6%2014a5.4%205.4%200%200%201%2010.8%200%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-users .kob-icon,
.kob-icon.icon-users {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%225%22%20r%3D%222.3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.6%2013.6a4.4%204.4%200%200%201%208.8%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.6%203.2a2.3%202.3%200%200%201%200%204.4M11.4%209.6a4.4%204.4%200%200%201%203%204%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-user-plus .kob-icon,
.kob-icon.icon-user-plus {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%226.2%22%20cy%3D%224.8%22%20r%3D%222.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%2013.8a4.8%204.8%200%200%201%209.6%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13%204.2v4M11%206.2h4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-user-check .kob-icon,
.kob-icon.icon-user-check {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%226.2%22%20cy%3D%224.8%22%20r%3D%222.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%2013.8a4.8%204.8%200%200%201%209.6%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.8%209.6l1.5%201.5%202.7-3%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-user-x .kob-icon,
.kob-icon.icon-user-x {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%226.2%22%20cy%3D%224.8%22%20r%3D%222.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%2013.8a4.8%204.8%200%200%201%209.6%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.2%208.4l3.4%203.4M14.6%208.4l-3.4%203.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-id-card .kob-icon,
.kob-icon.icon-id-card {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.4%22%20y%3D%223%22%20width%3D%2213.2%22%20height%3D%2210%22%20rx%3D%221.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%225.4%22%20cy%3D%227%22%20r%3D%221.7%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.9%2011.4a2.8%202.8%200%200%201%205%200%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.8%206.4h3.2M9.8%209h3.2%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-key .kob-icon,
.kob-icon.icon-key {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%224.8%22%20cy%3D%2211.2%22%20r%3D%222.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.7%209.3l6.6-6.6M11.2%204.8l1.7%201.7M9.4%206.6l1.7%201.7%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-lock .kob-icon,
.kob-icon.icon-lock {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%227%22%20rx%3D%221.5%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%207V5a3%203%200%200%201%206%200v2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-unlock .kob-icon,
.kob-icon.icon-unlock {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2210%22%20height%3D%227%22%20rx%3D%221.5%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%207V5a3%203%200%200%201%205.6-1.9%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-shield .kob-icon,
.kob-icon.icon-shield {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.6l5.4%202v4.6c0%203.2-2.4%205.4-5.4%206.2-3-.8-5.4-3-5.4-6.2V3.6z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-shield-check .kob-icon,
.kob-icon.icon-shield-check {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.6l5.4%202v4.6c0%203.2-2.4%205.4-5.4%206.2-3-.8-5.4-3-5.4-6.2V3.6z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.6%207.8l1.8%201.8%203.2-3.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-login .kob-icon,
.kob-icon.icon-login {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M10%202h2.6A1.4%201.4%200%200%201%2014%203.4v9.2a1.4%201.4%200%200%201-1.4%201.4H10%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.4%2011.2L8.6%208%205.4%204.8M8.6%208H1.8%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-logout .kob-icon,
.kob-icon.icon-logout {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6%2014H3.4A1.4%201.4%200%200%201%202%2012.6V3.4A1.4%201.4%200%200%201%203.4%202H6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.6%2011.2L13.8%208l-3.2-3.2M13.8%208H6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-tip .kob-icon,
.kob-icon.icon-tip {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%207.2v4%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%224.6%22%20r%3D%221%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-warn .kob-icon,
.kob-icon.icon-warn {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.6l6.5%2012h-13z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%206.2v3.6%22%20stroke-width%3D%221.7%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2211.6%22%20r%3D%220.9%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-question .kob-icon,
.kob-icon.icon-question {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.1%206.2a2%202%200%201%201%202.6%202.3.9.9%200%200%200-.7.9v.5%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%220.9%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-check-circle .kob-icon,
.kob-icon.icon-check-circle {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.2%208.2l2%202%203.6-4.2%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-x-circle .kob-icon,
.kob-icon.icon-x-circle {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.8%205.8l4.4%204.4M10.2%205.8l-4.4%204.4%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-ban .kob-icon,
.kob-icon.icon-ban {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.6%203.6l8.8%208.8%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-verified .kob-icon,
.kob-icon.icon-verified {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.4l1.7%201.3%202.1-.2.7%202%201.8%201.1-.8%202%20.8%202-1.8%201.1-.7%202-2.1-.2L8%2014.6l-1.7-1.3-2.1.2-.7-2-1.8-1.1.8-2-.8-2%201.8-1.1.7-2%202.1.2z%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.9%208.2l1.5%201.5%202.9-3.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-thumbs-up .kob-icon,
.kob-icon.icon-thumbs-up {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4.8%2014V6.9h1.5l2.3-4.5a1.4%201.4%200%200%201%202%201.7L9.7%206.5h3.1a1.3%201.3%200%200%201%201.3%201.6l-1.1%204.7A1.5%201.5%200%200%201%2011.6%2014z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%221.7%22%20y%3D%226.9%22%20width%3D%223.1%22%20height%3D%227.1%22%20rx%3D%220.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-heart .kob-icon,
.kob-icon.icon-heart {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2013.7S1.8%2010.2%201.8%206A3.4%203.4%200%200%201%208%204.1%203.4%203.4%200%200%201%2014.2%206c0%204.2-6.2%207.7-6.2%207.7z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-star .kob-icon,
.kob-icon.icon-star {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.8l1.9%203.9%204.3.6-3.1%203%20.7%204.2L8%2011.6l-3.8%201.9.7-4.2-3.1-3%204.3-.6z%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bolt .kob-icon,
.kob-icon.icon-bolt {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M9.4%201.6L3.4%209.2h4.1l-.9%205.2%206-7.6H8.5z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-hourglass .kob-icon,
.kob-icon.icon-hourglass {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%201.8h8M4%2014.2h8%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.8%201.8v2.7L8%208l3.2-3.5V1.8M4.8%2014.2v-2.7L8%208l3.2%203.5v2.7%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-clock .kob-icon,
.kob-icon.icon-clock {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%204.4V8l2.6%201.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-calendar .kob-icon,
.kob-icon.icon-calendar {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222%22%20y%3D%223.2%22%20width%3D%2212%22%20height%3D%2211%22%20rx%3D%221.5%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%206.6h12M5.2%201.8v2.6M10.8%201.8v2.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-eye .kob-icon,
.kob-icon.icon-eye {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1%208s2.6-4.4%207-4.4S15%208%2015%208s-2.6%204.4-7%204.4S1%208%201%208z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-eye-off .kob-icon,
.kob-icon.icon-eye-off {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6.3%203.8A7.4%207.4%200%200%201%208%203.6c4.4%200%207%204.4%207%204.4a12.4%2012.4%200%200%201-2.3%202.8M4.2%204.6A11.9%2011.9%200%200%200%201%208s2.6%204.4%207%204.4a7%207%200%200%200%202.4-.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.6%206.6a2%202%200%200%200%202.8%202.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.2%202.2l11.6%2011.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chart .kob-icon,
.kob-icon.icon-chart {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%2014V2M2%2014h12%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.8%2011.4V8M7.8%2011.4V4.8M10.8%2011.4V6.6%22%20stroke-width%3D%221.8%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chart-line .kob-icon,
.kob-icon.icon-chart-line {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%2014V2M2%2014h12%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.2%2011.4l2.8-3.2%202.4%202%203.4-4.6%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-chart-pie .kob-icon,
.kob-icon.icon-chart-pie {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M7.4%202.2a6%206%200%201%200%206.4%206.4H7.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.2%201.4a5.6%205.6%200%200%201%204.4%204.4h-4.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-trending-up .kob-icon,
.kob-icon.icon-trending-up {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%2011.6l4.2-4.2%202.6%202.6L14%204.6%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.4%204.6H14v3.6%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-trending-down .kob-icon,
.kob-icon.icon-trending-down {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%204.6l4.2%204.2%202.6-2.6L14%2011.6%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.4%2011.6H14V8%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-activity .kob-icon,
.kob-icon.icon-activity {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.6%208h3.1l2-5.2%203%2010.4%202-5.2h2.7%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-monitor .kob-icon,
.kob-icon.icon-monitor {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.4%22%20y%3D%222.4%22%20width%3D%2213.2%22%20height%3D%228.8%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.6%2014h4.8M8%2011.2V14%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-laptop .kob-icon,
.kob-icon.icon-laptop {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%227.2%22%20rx%3D%221.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%2012.4h13.2l-1%201.4H2.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-mobile .kob-icon,
.kob-icon.icon-mobile {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%224.4%22%20y%3D%221.4%22%20width%3D%227.2%22%20height%3D%2213.2%22%20rx%3D%221.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7%203.4h2%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212.2%22%20r%3D%220.8%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-keyboard .kob-icon,
.kob-icon.icon-keyboard {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.4%22%20y%3D%224%22%20width%3D%2213.2%22%20height%3D%228%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%226.6%22%20r%3D%220.6%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%226.4%22%20cy%3D%226.6%22%20r%3D%220.6%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228.8%22%20cy%3D%226.6%22%20r%3D%220.6%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2211.2%22%20cy%3D%226.6%22%20r%3D%220.6%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%229.4%22%20r%3D%220.6%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2211.2%22%20cy%3D%229.4%22%20r%3D%220.6%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M6.4%209.4h3.2%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-wifi .kob-icon,
.kob-icon.icon-wifi {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.6%206a9%209%200%200%201%2012.8%200M4.2%208.8a5.3%205.3%200%200%201%207.6%200%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%221.1%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-wifi-off .kob-icon,
.kob-icon.icon-wifi-off {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4.2%208.8a5.3%205.3%200%200%201%202.9-1.5M9.6%207.5a5.3%205.3%200%200%201%202.2%201.3M1.6%206a9%209%200%200%201%203.1-2.1M8.5%203.1A9%209%200%200%201%2014.4%206%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%221.1%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2.2%202.2l11.6%2011.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-battery .kob-icon,
.kob-icon.icon-battery {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.4%22%20y%3D%225%22%20width%3D%2211%22%20height%3D%226%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14.2%207v2%22%20stroke-width%3D%221.6%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%223.2%22%20y%3D%226.8%22%20width%3D%224.6%22%20height%3D%222.4%22%20rx%3D%220.6%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-power .kob-icon,
.kob-icon.icon-power {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.8v6%22%20stroke-width%3D%221.7%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.8%204.2a5.6%205.6%200%201%201-7.6%200%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-terminal .kob-icon,
.kob-icon.icon-terminal {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.4%22%20y%3D%222.6%22%20width%3D%2213.2%22%20height%3D%2210.8%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.4%206.4l2%201.9-2%201.9M8.6%2010.4h3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-code .kob-icon,
.kob-icon.icon-code {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.6%204.4L1.8%208l3.8%203.6M10.4%204.4L14.2%208l-3.8%203.6%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.4%202.6L6.6%2013.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-bug .kob-icon,
.kob-icon.icon-bug {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%224.6%22%20y%3D%225.4%22%20width%3D%226.8%22%20height%3D%228%22%20rx%3D%223.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.7%205.4a2.3%202.3%200%200%201%204.6%200%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.6%208H1.9M4.6%2011.2H2.4M4.9%205.9L3.2%204.2M11.4%208h2.7M11.4%2011.2h2.2M11.1%205.9L12.8%204.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-scan .kob-icon,
.kob-icon.icon-scan {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%205.2V3.4A1.4%201.4%200%200%201%203.4%202h1.8M10.8%202h1.8A1.4%201.4%200%200%201%2014%203.4v1.8M14%2010.8v1.8a1.4%201.4%200%200%201-1.4%201.4h-1.8M5.2%2014H3.4A1.4%201.4%200%200%201%202%2012.6v-1.8%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%208h12%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-qr .kob-icon,
.kob-icon.icon-qr {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.8%22%20y%3D%221.8%22%20width%3D%224.8%22%20height%3D%224.8%22%20rx%3D%220.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%229.4%22%20y%3D%221.8%22%20width%3D%224.8%22%20height%3D%224.8%22%20rx%3D%220.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%221.8%22%20y%3D%229.4%22%20width%3D%224.8%22%20height%3D%224.8%22%20rx%3D%220.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.4%209.4h2.2v2.2H9.4zM13.4%209.4h.8M13.4%2013.4h.8M9.4%2013.4h2.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-play .kob-icon,
.kob-icon.icon-play {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4.6%202.8l8%205.2-8%205.2z%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-pause .kob-icon,
.kob-icon.icon-pause {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.6%202.8v10.4M10.4%202.8v10.4%22%20stroke-width%3D%222.2%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-stop .kob-icon,
.kob-icon.icon-stop {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%223.4%22%20y%3D%223.4%22%20width%3D%229.2%22%20height%3D%229.2%22%20rx%3D%221.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-skip-back .kob-icon,
.kob-icon.icon-skip-back {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.4%203.2v9.6L5.6%208z%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.4%203.2v9.6%22%20stroke-width%3D%221.7%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-skip-forward .kob-icon,
.kob-icon.icon-skip-forward {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M3.6%203.2v9.6L10.4%208z%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.6%203.2v9.6%22%20stroke-width%3D%221.7%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-volume .kob-icon,
.kob-icon.icon-volume {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M7.4%203.2L4.2%206H1.8v4h2.4l3.2%202.8z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.2%206a2.8%202.8%200%200%201%200%204M12.2%204a5.6%205.6%200%200%201%200%208%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-volume-off .kob-icon,
.kob-icon.icon-volume-off {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M7.4%203.2L4.2%206H1.8v4h2.4l3.2%202.8z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.4%206.4l3.4%203.4M13.8%206.4l-3.4%203.4%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-camera .kob-icon,
.kob-icon.icon-camera {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.6%204.8h2.2l1.1-1.8h4.2l1.1%201.8h2.2a1.3%201.3%200%200%201%201.3%201.3v6a1.3%201.3%200%200%201-1.3%201.3H2.6a1.3%201.3%200%200%201-1.3-1.3v-6a1.3%201.3%200%200%201%201.3-1.3z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%229.2%22%20r%3D%222.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-image .kob-icon,
.kob-icon.icon-image {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.6%22%20y%3D%222.6%22%20width%3D%2212.8%22%20height%3D%2210.8%22%20rx%3D%221.5%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%225.6%22%20cy%3D%226.2%22%20r%3D%221.2%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.2%2012.2l3.6-3.6%202.4%202.4%202.2-2.2%203.4%203.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-palette .kob-icon,
.kob-icon.icon-palette {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%201.6a6.4%206.4%200%200%200%200%2012.8%201.6%201.6%200%200%200%201.6-1.6%201.5%201.5%200%200%200-.4-1.1%201.6%201.6%200%200%201%201.2-2.6h1.9a2.1%202.1%200%200%200%202.1-2.1A6.5%206.5%200%200%200%208%201.6z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%225.2%22%20cy%3D%226%22%20r%3D%220.9%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%224.4%22%20r%3D%220.9%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%226%22%20r%3D%220.9%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%229.4%22%20r%3D%220.9%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-home .kob-icon,
.kob-icon.icon-home {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%207.4L8%202.2l6%205.2M3.6%206.4v7.4h8.8V6.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-building .kob-icon,
.kob-icon.icon-building {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.6%2014V2.6h7.6V14%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.2%206.4h3.2V14%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.4%2014h13.2%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.9%205.2h1M7.3%205.2h1M4.9%208h1M7.3%208h1M4.9%2010.8h1M7.3%2010.8h1%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-map-pin .kob-icon,
.kob-icon.icon-map-pin {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2014.4s5-4.6%205-8a5%205%200%201%200-10%200c0%203.4%205%208%205%208z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226.4%22%20r%3D%221.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-map .kob-icon,
.kob-icon.icon-map {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.6%203.6l4.2-1.6%204.4%201.6%204.2-1.6v10.4l-4.2%201.6-4.4-1.6-4.2%201.6z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.8%202v10.4M10.2%203.6V14%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-globe .kob-icon,
.kob-icon.icon-globe {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.3%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.7%208h12.6%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%201.7a9.7%209.7%200%200%201%200%2012.6%209.7%209.7%200%200%201%200-12.6z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-briefcase .kob-icon,
.kob-icon.icon-briefcase {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%221.6%22%20y%3D%224.6%22%20width%3D%2212.8%22%20height%3D%228.8%22%20rx%3D%221.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.6%204.6V3.4a1.2%201.2%200%200%201%201.2-1.2h2.4a1.2%201.2%200%200%201%201.2%201.2v1.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.6%208.4h12.8%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-clipboard .kob-icon,
.kob-icon.icon-clipboard {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.6%202.8H4.2A1.3%201.3%200%200%200%202.9%204.1v9.2a1.3%201.3%200%200%200%201.3%201.3h7.6a1.3%201.3%200%200%200%201.3-1.3V4.1a1.3%201.3%200%200%200-1.3-1.3h-1.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%225.6%22%20y%3D%221.4%22%20width%3D%224.8%22%20height%3D%222.8%22%20rx%3D%220.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-clipboard-check .kob-icon,
.kob-icon.icon-clipboard-check {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.6%202.8H4.2A1.3%201.3%200%200%200%202.9%204.1v9.2a1.3%201.3%200%200%200%201.3%201.3h7.6a1.3%201.3%200%200%200%201.3-1.3V4.1a1.3%201.3%200%200%200-1.3-1.3h-1.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%225.6%22%20y%3D%221.4%22%20width%3D%224.8%22%20height%3D%222.8%22%20rx%3D%220.9%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.8%209.2l1.5%201.5%202.9-3.1%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-book .kob-icon,
.kob-icon.icon-book {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%204.4A3.6%203.6%200%200%200%205%203H1.8v9.2H5a3.6%203.6%200%200%201%203%201.4%203.6%203.6%200%200%201%203-1.4h3.2V3H11a3.6%203.6%200%200%200-3%201.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%204.4v9.2%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-note .kob-icon,
.kob-icon.icon-note {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2.4%203.4A1.4%201.4%200%200%201%203.8%202h8.4a1.4%201.4%200%200%201%201.4%201.4v5.8L9.2%2014H3.8a1.4%201.4%200%200%201-1.4-1.4z%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13.6%209.2h-3a1.4%201.4%200%200%200-1.4%201.4V14%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-calculator .kob-icon,
.kob-icon.icon-calculator {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%222.6%22%20y%3D%221.6%22%20width%3D%2210.8%22%20height%3D%2212.8%22%20rx%3D%221.5%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Crect%20x%3D%224.8%22%20y%3D%223.8%22%20width%3D%226.4%22%20height%3D%222.4%22%20rx%3D%220.7%22%20stroke-width%3D%221.3%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%225.4%22%20cy%3D%229%22%20r%3D%220.7%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%229%22%20r%3D%220.7%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2210.6%22%20cy%3D%229%22%20r%3D%220.7%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%225.4%22%20cy%3D%2211.6%22%20r%3D%220.7%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2211.6%22%20r%3D%220.7%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2210.6%22%20cy%3D%2211.6%22%20r%3D%220.7%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.icon-settings .kob-icon,
.kob-icon.icon-settings {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%201.5v1.8M8%2012.7v1.8M14.5%208h-1.8M3.3%208H1.5M12.6%203.4l-1.3%201.3M4.7%2011.3l-1.3%201.3M12.6%2012.6l-1.3-1.3M4.7%204.7L3.4%203.4%22%20stroke-width%3D%221.4%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-sun .kob-icon,
.kob-icon.icon-sun {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223.1%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%201v1.7M8%2013.3V15M15%208h-1.7M2.7%208H1M12.9%203.1l-1.2%201.2M4.3%2011.7l-1.2%201.2M12.9%2012.9l-1.2-1.2M4.3%204.3L3.1%203.1%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-moon .kob-icon,
.kob-icon.icon-moon {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.5%209.6A5.9%205.9%200%200%201%206.4%202.5a5.9%205.9%200%201%200%207.1%207.1z%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
.icon-contrast .kob-icon,
.kob-icon.icon-contrast {
  --kob-i: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%226.3%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%201.7a6.3%206.3%200%200%201%200%2012.6z%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}

/* styles/containers.css */
.kob-panel {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius);
  background: var(--kob-surface);
  color: var(--kob-text);
  overflow: hidden;
}
.kob-panel-noborder {
  border: none;
  border-radius: 0;
}
.kob-panel-fit {
  width: 100%;
  height: 100%;
  margin: 0;
}
.kob-panel-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
  height: var(--kob-header-h);
  padding: 0 8px 0 14px;
  border-bottom: 1px solid var(--kob-border);
  background: var(--kob-accent-soft);
  user-select: none;
}
.kob-panel-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: var(--kob-font-size);
  color: var(--kob-accent-dark);
}
.kob-panel-tools {
  display: flex;
  gap: 2px;
  align-items: center;
}
.kob-panel-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--kob-radius-xs);
  background: transparent;
  color: var(--kob-muted);
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}
.kob-panel-tool:hover {
  background: var(--kob-accent-hover);
  color: var(--kob-accent-dark);
}
.kob-panel-caret::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-135deg) translate(-1px, -1px);
  transition: transform 0.16s;
}
.kob-panel-collapsed .kob-panel-caret::before {
  transform: rotate(45deg) translate(-1px, -1px);
}
.kob-panel-body {
  flex: 1;
  min-height: 0;
  padding: 14px 16px;
  overflow: auto;
}
.kob-panel-collapsed > .kob-panel-body {
  display: none;
}
.kob-panel-loading {
  padding: 24px;
  text-align: center;
  color: var(--kob-muted);
  font-size: 13px;
}
.kob-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--kob-surface);
  color: var(--kob-text);
}
.kob-layout-middle {
  display: flex;
  flex: 1;
  min-height: 0;
}
.kob-region {
  overflow: auto;
  min-width: 0;
  min-height: 0;
}
.kob-region-center {
  flex: 1;
  min-width: 0;
}
.kob-region-north {
  border-bottom: 1px solid var(--kob-border);
}
.kob-region-south {
  border-top: 1px solid var(--kob-border);
}
.kob-region-west {
  border-right: 1px solid var(--kob-border);
}
.kob-region-east {
  border-left: 1px solid var(--kob-border);
}
.kob-region-collapsed {
  display: none;
}
.kob-layout-split {
  position: relative;
  flex: none;
  background: var(--kob-border-soft);
}
.kob-layout-split:hover {
  background: var(--kob-accent-soft);
}
.kob-layout-split.collapsed {
  cursor: default;
}
.kob-layout-collapse {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 34px;
  transform: translate(-50%, -50%);
  border: 1px solid var(--kob-border);
  border-radius: 4px;
  background: var(--kob-surface);
  color: var(--kob-muted);
  cursor: pointer;
  padding: 0;
}
.kob-layout-split-north > .kob-layout-collapse,
.kob-layout-split-south > .kob-layout-collapse {
  width: 34px;
  height: 14px;
}
body.kob-resizing {
  cursor: inherit;
  user-select: none;
}
.kob-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: var(--kob-text);
}
.kob-tabs-header {
  display: flex;
  gap: 4px;
  flex: none;
  padding: 0 6px;
  overflow-x: auto;
  border-bottom: 1px solid var(--kob-border);
}
.kob-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: none;
  border-bottom: 2.5px solid transparent;
  border-radius: var(--kob-radius-sm) var(--kob-radius-sm) 0 0;
  background: transparent;
  color: var(--kob-muted);
  font-size: var(--kob-font-size);
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
.kob-tab:hover {
  color: var(--kob-accent-dark);
  background: var(--kob-accent-soft);
}
.kob-tab.selected {
  color: var(--kob-accent-dark);
  border-bottom-color: var(--kob-accent);
  font-weight: 600;
  background: transparent;
}
.kob-tab-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 15px;
  line-height: 1;
  opacity: 0.6;
}
.kob-tab-close:hover {
  background: var(--kob-danger-soft);
  color: var(--kob-danger);
  opacity: 1;
}
.kob-tabs-body {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.kob-tab-panel {
  display: none;
  height: 100%;
  overflow: auto;
}
.kob-tab-panel.selected {
  display: block;
}

/* styles/window.css */
.kob-window {
  position: fixed;
  z-index: 9100;
  display: flex;
  flex-direction: column;
  min-width: 300px;
  overflow: hidden;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius);
  background: var(--kob-surface);
  color: var(--kob-text);
  box-shadow: var(--kob-shadow-3);
}
.kob-window-header {
  display: flex;
  align-items: center;
  flex: none;
  height: var(--kob-header-h);
  padding: 0 8px 0 14px;
  border-bottom: 1px solid var(--kob-border);
  background: var(--kob-accent-soft);
  cursor: default;
  user-select: none;
}
.kob-window-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: var(--kob-font-size);
  color: var(--kob-accent-dark);
}
.kob-window-tools {
  display: flex;
  gap: 2px;
  align-items: center;
}
.kob-window-tools > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: var(--kob-radius-xs);
  background: transparent;
  color: var(--kob-muted);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.kob-window-tools > button:hover {
  background: var(--kob-accent-hover);
  color: var(--kob-accent-dark);
}
.kob-window-close {
  font-size: 20px !important;
}
.kob-window-close:hover {
  background: var(--kob-danger-soft) !important;
  color: var(--kob-danger) !important;
}
.kob-window-body {
  flex: 1;
  min-height: 0;
  padding: 16px 18px;
  overflow: auto;
  font-size: var(--kob-font-size);
  line-height: 1.5;
}
.kob-window-footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  flex: none;
  padding: 12px 18px;
  border-top: 1px solid var(--kob-border);
  background: var(--kob-accent-soft);
}
.kob-window-footer .kob-linkbutton {
  border-color: var(--kob-border);
  background: var(--kob-surface);
}
.kob-window-footer .kob-linkbutton:hover {
  border-color: var(--kob-accent);
  background: var(--kob-accent-soft);
}
.kob-window-footer .kob-linkbutton-primary {
  background: var(--kob-accent);
  border-color: var(--kob-accent);
  color: var(--kob-on-accent);
}
.kob-mask {
  position: fixed;
  inset: 0;
  z-index: 9050;
  background: var(--kob-overlay);
  backdrop-filter: blur(2px);
}
.kob-window.kob-maxed {
  left: 12px !important;
  top: 12px !important;
  width: calc(100vw - 24px) !important;
  height: calc(100vh - 24px) !important;
  max-width: none;
  max-height: none;
}
.kob-rs {
  position: absolute;
  z-index: 5;
}
.kob-rs-n {
  top: 0;
  left: 10px;
  right: 10px;
  height: 5px;
  cursor: n-resize;
}
.kob-rs-s {
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 5px;
  cursor: s-resize;
}
.kob-rs-e {
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 5px;
  cursor: e-resize;
}
.kob-rs-w {
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 5px;
  cursor: w-resize;
}
.kob-rs-ne {
  top: 0;
  right: 0;
  width: 13px;
  height: 13px;
  cursor: ne-resize;
}
.kob-rs-nw {
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  cursor: nw-resize;
}
.kob-rs-se {
  bottom: 0;
  right: 0;
  width: 13px;
  height: 13px;
  cursor: se-resize;
}
.kob-rs-sw {
  bottom: 0;
  left: 0;
  width: 13px;
  height: 13px;
  cursor: sw-resize;
}
.kob-window.kob-sheet {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: auto !important;
  max-height: 88vh;
  border-radius: 14px 14px 0 0;
}
.kob-sheet .kob-rs {
  display: none;
}
.kob-msg {
  min-width: 360px;
  max-width: min(520px, 92vw);
}
.kob-msg .kob-window-body {
  padding: 18px;
}
.kob-msg-text {
  margin: 0;
  white-space: pre-wrap;
}
.kob-msg-input {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 7px 10px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: var(--kob-font-size);
}
.kob-msg-input:focus {
  outline: none;
  border-color: var(--kob-accent);
  box-shadow: 0 0 0 3px var(--kob-accent-soft);
}
.kob-msg-error .kob-window-header {
  background: var(--kob-danger-soft);
}
.kob-msg-error .kob-window-title {
  color: var(--kob-danger);
}
.kob-msg-warn .kob-window-header {
  background: var(--kob-warn-soft);
}
.kob-msg-warn .kob-window-title {
  color: var(--kob-warn);
}
.kob-toasts {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9500;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  pointer-events: none;
}
.kob-toast {
  max-width: min(360px, 80vw);
  padding: 11px 18px;
  border-radius: var(--kob-radius);
  background: var(--kob-accent);
  color: var(--kob-on-accent);
  font-size: var(--kob-font-size);
  line-height: 1.45;
  box-shadow: var(--kob-shadow-2);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.2s, transform 0.2s;
  pointer-events: auto;
  cursor: pointer;
}
.kob-toast.show {
  opacity: 1;
  transform: none;
}
.kob-toast-success {
  background: var(--kob-success);
  color: #fff;
}
.kob-toast-error {
  background: var(--kob-danger);
  color: #fff;
}
.kob-toast-warn {
  background: var(--kob-warn);
  color: #fff;
}
.kob-toast-info {
  background: var(--kob-info);
  color: #fff;
}
.kob-window.kob-window-contained {
  position: absolute;
}
.kob-window-contained ~ .kob-mask,
.kob-window-contained + .kob-mask {
  position: absolute;
}
.kob-window.kob-window-contained.kob-maxed {
  left: 8px !important;
  top: 8px !important;
  width: calc(100% - 16px) !important;
  height: calc(100% - 16px) !important;
}
.kob-window.kob-window-contained.kob-sheet {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  max-height: 88%;
}

/* styles/datagrid.css */
.kob-datagrid {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface);
  color: var(--kob-text);
  font-size: var(--kob-font-size);
}
.kob-grid-tools {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--kob-border);
  background: var(--kob-surface);
}
.kob-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid var(--kob-border);
  border-radius: 999px;
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 12.5px;
  line-height: 1.4;
  cursor: pointer;
}
.kob-chip:hover {
  border-color: var(--kob-accent);
  background: var(--kob-accent-soft);
}
.kob-chip-on {
  border-color: var(--kob-accent);
  background: var(--kob-accent-soft);
  color: var(--kob-accent-dark);
  font-weight: 600;
}
.kob-chip-caret {
  font-size: 9px;
  color: var(--kob-muted);
}
.kob-chip-clear {
  border-style: dashed;
  color: var(--kob-muted);
}
.kob-chip-clear:disabled {
  opacity: 0.45;
  cursor: default;
  background: transparent;
  border-color: var(--kob-border);
}
.kob-chip-clear:not(:disabled):hover {
  border-color: var(--kob-danger);
  color: var(--kob-danger);
  background: var(--kob-danger-soft);
}
.kob-chip-menu {
  position: absolute;
  z-index: 40;
  min-width: 250px;
  max-width: 320px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius);
  background: var(--kob-surface);
  box-shadow: var(--kob-shadow-2);
}
.kob-chip-panel {
  padding: 6px;
}
.kob-chip-listhead {
  padding: 4px 8px 6px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--kob-border);
  font-size: 12px;
  font-weight: 600;
  color: var(--kob-accent-dark);
}
.kob-chip-list {
  max-height: 260px;
  overflow-y: auto;
  padding: 2px;
}
.kob-chip-opt {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  border-radius: 7px;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
}
.kob-chip-opt:hover {
  background: var(--kob-accent-soft);
}
.kob-chip-opt input {
  accent-color: var(--kob-accent);
}
.kob-chip-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px 8px;
  font-size: 13px;
  color: var(--kob-muted);
}
.kob-chip-input {
  flex: 1;
  min-width: 0;
  padding: 5px 9px;
  border: 1px solid var(--kob-border);
  border-radius: 7px;
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 13px;
}
.kob-chip-input:focus {
  outline: none;
  border-color: var(--kob-accent);
  box-shadow: 0 0 0 2px var(--kob-accent-soft);
}
.kob-chip-foot {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  padding-top: 4px;
  border-top: 1px solid var(--kob-border);
}
.kob-chip-btn {
  padding: 5px 14px;
  border: none;
  border-radius: 7px;
  background: var(--kob-accent);
  color: var(--kob-on-accent);
  font: var(--kob-font);
  font-size: 12.5px;
  cursor: pointer;
}
.kob-chip-btn:hover {
  filter: brightness(1.08);
}
.kob-chip-none {
  background: var(--kob-border-soft);
  color: var(--kob-text);
}
.kob-grid-head {
  flex: none;
  overflow: hidden;
  border-bottom: 1px solid var(--kob-border);
  background: var(--kob-accent-soft);
}
.kob-grid-head table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 1px;
}
.kob-grid-head th {
  padding: 9px 10px;
  border-right: 1px solid var(--kob-border);
  text-align: left;
  font-weight: 600;
  line-height: 1.4;
  color: var(--kob-accent-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kob-grid-head th:last-child {
  border-right: none;
}
.kob-grid-head th.kob-sortable {
  cursor: pointer;
  user-select: none;
}
.kob-grid-head th.kob-sortable:hover {
  background: var(--kob-accent-hover);
}
.kob-grid-head th.kob-sorted {
  background: var(--kob-accent-hover);
}
.kob-sort-ind {
  margin-left: 3px;
  font-size: 10px;
  color: var(--kob-accent);
}
.kob-grid-body {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.kob-grid-body table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 1px;
}
.kob-grid-body td {
  padding: 8px 10px;
  border-right: 1px solid var(--kob-border-soft);
  border-bottom: 1px solid var(--kob-border-soft);
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kob-grid-body td:last-child {
  border-right: none;
}
.kob-grid-striped .kob-grid-body tr:nth-child(even) td {
  background: var(--kob-accent-soft);
}
.kob-grid-body tr:hover td {
  background: var(--kob-accent-hover);
}
.kob-grid-body tr.selected td {
  background: var(--kob-accent-soft);
  box-shadow: inset 2px 0 0 var(--kob-accent);
}
.kob-grid-body tr.editing td {
  padding: 4px;
}
.kob-cell-editor {
  width: 100%;
  box-sizing: border-box;
  padding: 4px 6px;
  border: 1px solid var(--kob-accent);
  border-radius: var(--kob-radius-xs);
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 13px;
}
.kob-cell-editor:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--kob-accent-soft);
}
.kob-grid-rownum,
.kob-grid-rownum-head {
  text-align: right;
  font-size: 12px;
  color: var(--kob-muted);
}
.kob-grid-empty {
  padding: 28px 12px;
  text-align: center;
  color: var(--kob-muted);
  white-space: normal;
}
.kob-grid-mask {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--kob-surface);
  opacity: 0.75;
  font-size: 13px;
  color: var(--kob-muted);
}
.kob-pagination {
  display: flex;
  align-items: center;
  flex: none;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: auto;
  padding: 6px 10px;
  border-top: 1px solid var(--kob-border);
  background: var(--kob-accent-soft);
  font-size: 13px;
}
.kob-pagination button {
  min-width: 28px;
  height: 26px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-xs);
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 13px;
  cursor: pointer;
}
.kob-pagination button:not(:disabled):hover {
  border-color: var(--kob-accent);
  background: var(--kob-accent-soft);
}
.kob-pagination button:disabled {
  opacity: 0.4;
  cursor: default;
}
.kob-pg-num b {
  color: var(--kob-accent-dark);
}
.kob-pg-info {
  margin-left: auto;
  color: var(--kob-muted);
}
.kob-pg-size {
  height: 26px;
  padding: 0 4px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-xs);
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 12.5px;
}
.kob-grid-search {
  width: 200px;
  max-width: 42vw;
  height: 27px;
  margin-left: 8px;
  padding: 0 10px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-xs);
  background: var(--kob-surface);
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 12.5px;
}
.kob-grid-search:focus {
  outline: none;
  border-color: var(--kob-accent);
  box-shadow: 0 0 0 2px var(--kob-accent-soft);
}
.kob-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
}
.kob-badge-success {
  background: var(--kob-success-soft);
  color: var(--kob-success);
}
.kob-badge-danger {
  background: var(--kob-danger-soft);
  color: var(--kob-danger);
}
.kob-badge-warn {
  background: var(--kob-warn-soft);
  color: var(--kob-warn);
}
.kob-badge-info {
  background: var(--kob-info-soft);
  color: var(--kob-info);
}
.kob-badge-muted {
  background: var(--kob-border-soft);
  color: var(--kob-muted);
}

/* styles/components.css */
.kob-popup {
  position: fixed;
  z-index: 9200;
  box-sizing: border-box;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface-2);
  color: var(--kob-text);
  box-shadow: var(--kob-shadow-2);
}
.kob-popup.kob-chip-menu {
  position: fixed;
}
.kob-menu-popup {
  padding: 5px;
  min-width: 180px;
}
.kob-menu-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 12px 7px 9px;
  border-radius: var(--kob-radius-xs);
  font-size: var(--kob-font-size);
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
.kob-menu-item:hover {
  background: var(--kob-accent-soft);
  color: var(--kob-accent-dark);
}
.kob-menu-item.disabled {
  opacity: 0.45;
  pointer-events: none;
}
.kob-menu-item .kob-icon {
  width: 16px;
  height: 16px;
  opacity: 0.85;
}
.kob-menu-text {
  flex: 1;
}
.kob-menu-shortcut {
  color: var(--kob-muted);
  font-size: 12.5px;
  padding-left: 18px;
}
.kob-menu-arrow {
  color: var(--kob-muted);
  font-size: 15px;
  line-height: 1;
  padding-left: 10px;
}
.kob-menu-item.checked > .kob-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask: var(--kob-i, none) center / contain no-repeat;
  mask: var(--kob-i, none) center / contain no-repeat;
}
.kob-menu-item.checked {
  color: var(--kob-accent-dark);
  font-weight: 600;
}
.kob-menu-sep {
  height: 1px;
  margin: 5px 8px;
  background: var(--kob-border);
}
.kob-menubar {
  display: flex;
  align-items: stretch;
  gap: 2px;
  padding: 0 6px;
  background: var(--kob-surface);
  border-bottom: 1px solid var(--kob-border);
  user-select: none;
}
.kob-menubar-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: var(--kob-radius-xs) var(--kob-radius-xs) 0 0;
  font-size: var(--kob-font-size);
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
}
.kob-menubar-item:hover,
.kob-menubar-item.open {
  background: var(--kob-accent-soft);
  color: var(--kob-accent-dark);
}
.kob-menubar-item .kob-icon {
  width: 15px;
  height: 15px;
}
.kob-tree {
  overflow: auto;
  color: var(--kob-text);
  font-size: var(--kob-font-size);
}
.kob-tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kob-tree-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px 3px 4px;
  border-radius: var(--kob-radius-xs);
  line-height: 1.5;
}
.kob-tree-row:hover {
  background: var(--kob-accent-soft);
}
.kob-tree-row.loading {
  opacity: 0.55;
}
.kob-tree-toggle {
  position: relative;
  flex: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.kob-tree-toggle.closed::before,
.kob-tree-toggle.open::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-right: 1.8px solid var(--kob-muted);
  border-bottom: 1.8px solid var(--kob-muted);
  transform: rotate(-45deg);
  transition: transform 0.15s;
}
.kob-tree-toggle.open::before {
  transform: rotate(45deg);
  top: 3px;
  left: 3px;
}
.kob-tree-icon {
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--kob-muted);
}
.kob-tree-check {
  flex: none;
  accent-color: var(--kob-accent);
  margin: 0 2px;
}
.kob-tree-label {
  padding: 1px 7px;
  border-radius: var(--kob-radius-xs);
  cursor: pointer;
  white-space: nowrap;
}
.kob-tree-label.selected {
  background: var(--kob-accent);
  color: var(--kob-on-accent);
  font-weight: 600;
}
.kob-tree-lines .kob-tree-children {
  border-left: 1px dashed var(--kob-border);
  margin-left: 12px;
}
.kob-ribbon {
  display: flex;
  flex-direction: column;
  background: var(--kob-surface);
  border-bottom: 1px solid var(--kob-border);
  user-select: none;
}
.kob-ribbon-tabs {
  display: flex;
  gap: 2px;
  padding: 0 8px;
  border-bottom: 1px solid var(--kob-border);
}
.kob-ribbon-tab {
  padding: 8px 16px;
  border-radius: var(--kob-radius-xs) var(--kob-radius-xs) 0 0;
  font-size: var(--kob-font-size);
  color: var(--kob-muted);
  cursor: pointer;
  white-space: nowrap;
}
.kob-ribbon-tab:hover {
  color: var(--kob-accent-dark);
  background: var(--kob-accent-soft);
}
.kob-ribbon-tab.selected {
  color: var(--kob-accent-dark);
  background: var(--kob-accent-soft);
  font-weight: 600;
}
.kob-ribbon-body {
  overflow: hidden;
  transition: max-height 0.18s;
}
.kob-ribbon-collapsed .kob-ribbon-body {
  max-height: 0;
}
.kob-ribbon-page {
  display: none;
  gap: 0;
  padding: 8px 6px 4px;
}
.kob-ribbon-page.selected {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.kob-ribbon-group {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  border-right: 1px solid var(--kob-border);
}
.kob-ribbon-group:last-child {
  border-right: none;
}
.kob-ribbon-items {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  flex: 1;
}
.kob-ribbon-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.kob-ribbon-group-title {
  padding-top: 5px;
  text-align: center;
  font-size: 11px;
  color: var(--kob-muted);
}
.kob-ribbon-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-width: 64px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: var(--kob-radius-xs);
  background: transparent;
  color: var(--kob-text);
  font: var(--kob-font);
  font-size: 12.5px;
  line-height: 1.3;
  cursor: pointer;
}
.kob-ribbon-btn:hover:not(:disabled) {
  background: var(--kob-accent-soft);
  border-color: var(--kob-border);
}
.kob-ribbon-btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.kob-ribbon-btn .kob-icon {
  width: 24px;
  height: 24px;
  color: var(--kob-accent);
}
.kob-ribbon-btn-text {
  max-width: 82px;
  text-align: center;
}
.kob-ribbon-btn-small {
  flex-direction: row;
  justify-content: flex-start;
  min-width: 0;
  padding: 4px 9px;
  gap: 7px;
  text-align: left;
}
.kob-ribbon-btn-small .kob-icon {
  width: 16px;
  height: 16px;
}
.kob-ribbon-btn-small .kob-ribbon-btn-text {
  max-width: none;
  text-align: left;
}
.kob-ribbon-caret {
  font-size: 9px;
  color: var(--kob-muted);
}
.kob-progressbar {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  background: var(--kob-border-soft);
}
.kob-progress-bar {
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: var(--kob-accent);
  transition: width 0.25s ease;
}
.kob-progress-success .kob-progress-bar {
  background: var(--kob-success);
}
.kob-progress-warn .kob-progress-bar {
  background: var(--kob-warn);
}
.kob-progress-danger .kob-progress-bar {
  background: var(--kob-danger);
}
.kob-progress-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--kob-text);
  mix-blend-mode: luminosity;
  pointer-events: none;
}
.kob-progress-striped .kob-progress-bar {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.18) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.18) 50%,
      rgba(255, 255, 255, 0.18) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
  animation: kob-progress-slide 1s linear infinite;
}
.kob-progress-indeterminate .kob-progress-bar {
  width: 35%;
  animation: kob-progress-sweep 1.2s ease-in-out infinite;
}
@keyframes kob-progress-slide {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes kob-progress-sweep {
  0% {
    margin-left: -35%;
  }
  100% {
    margin-left: 100%;
  }
}
.kob-spinner {
  display: inline-block;
  border: 2.5px solid var(--kob-border);
  border-top-color: var(--kob-accent);
  border-radius: 50%;
  animation: kob-spin 0.7s linear infinite;
}
.kob-spinner-sm {
  width: 16px;
  height: 16px;
  border-width: 2px;
}
.kob-spinner-md {
  width: 28px;
  height: 28px;
}
.kob-spinner-lg {
  width: 44px;
  height: 44px;
  border-width: 3.5px;
}
@keyframes kob-spin {
  to {
    transform: rotate(360deg);
  }
}
.kob-preloader-cover {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: color-mix(in srgb, var(--kob-surface) 78%, transparent);
  transition: opacity 0.2s;
}
.kob-preloader-cover.leaving {
  opacity: 0;
  pointer-events: none;
}
.kob-preloader-plain {
  background: transparent;
}
.kob-preloader-page {
  position: fixed;
  background: var(--kob-bg);
}
.kob-preloader-msg {
  font-size: 13.5px;
  color: var(--kob-muted);
}
@media (prefers-reduced-motion: reduce) {
  .kob-spinner,
  .kob-progress-striped .kob-progress-bar,
  .kob-progress-indeterminate .kob-progress-bar {
    animation: none;
  }
}
.kob-alert {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 15px;
  margin: 0 0 14px;
  border: 1px solid var(--kob-border);
  border-left-width: 3px;
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface);
  color: var(--kob-text);
  font-size: var(--kob-font-size);
  line-height: 1.55;
  transition: opacity 0.2s, transform 0.2s;
}
.kob-alert.leaving {
  opacity: 0;
  transform: translateY(-6px);
}
.kob-alert-icon {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}
.kob-alert-body {
  flex: 1;
  min-width: 0;
}
.kob-alert-title {
  font-weight: 700;
  margin-bottom: 2px;
}
.kob-alert-close {
  flex: none;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: var(--kob-radius-xs);
  background: transparent;
  color: var(--kob-muted);
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
}
.kob-alert-close:hover {
  background: var(--kob-border-soft);
  color: var(--kob-text);
}
.kob-alert-info {
  border-left-color: var(--kob-info);
  background: var(--kob-info-soft);
}
.kob-alert-info .kob-alert-icon {
  color: var(--kob-info);
}
.kob-alert-success {
  border-left-color: var(--kob-success);
  background: var(--kob-success-soft);
}
.kob-alert-success .kob-alert-icon {
  color: var(--kob-success);
}
.kob-alert-warn {
  border-left-color: var(--kob-warn);
  background: var(--kob-warn-soft);
}
.kob-alert-warn .kob-alert-icon {
  color: var(--kob-warn);
}
.kob-alert-danger {
  border-left-color: var(--kob-danger);
  background: var(--kob-danger-soft);
}
.kob-alert-danger .kob-alert-icon {
  color: var(--kob-danger);
}
.kob-badge-accent {
  background: var(--kob-accent-soft);
  color: var(--kob-accent-dark);
}
.kob-badge-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  vertical-align: middle;
}
.kob-linkbutton > .kob-badge,
.kob-btn > .kob-badge {
  margin-left: 4px;
  font-size: 11px;
  padding: 1px 7px;
}
.kob-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius);
  background: var(--kob-surface);
  color: var(--kob-text);
  box-shadow: var(--kob-shadow-1);
  overflow: hidden;
}
.kob-card-header {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--kob-border);
  font-weight: 700;
  color: var(--kob-accent-dark);
}
.kob-card-header .kob-icon {
  color: var(--kob-accent);
}
.kob-card-header .kob-card-tools {
  margin-left: auto;
  display: flex;
  gap: 6px;
  align-items: center;
}
.kob-card-media {
  display: block;
  width: 100%;
  object-fit: cover;
}
.kob-card-body {
  flex: 1;
  padding: 16px;
}
.kob-card-body > :first-child {
  margin-top: 0;
}
.kob-card-body > :last-child {
  margin-bottom: 0;
}
.kob-card-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  border-top: 1px solid var(--kob-border);
  background: var(--kob-accent-soft);
}
.kob-card-footer .kob-spacer {
  flex: 1;
}
.kob-card-hover {
  transition: transform 0.16s, box-shadow 0.16s;
}
.kob-card-hover:hover {
  transform: translateY(-2px);
  box-shadow: var(--kob-shadow-2);
}
.kob-btn-group {
  display: inline-flex;
  align-items: stretch;
  vertical-align: middle;
}
.kob-btn-group > .kob-btn,
.kob-btn-group > .kob-linkbutton {
  margin: 0;
  border: 1px solid var(--kob-border);
  border-radius: 0;
  background: var(--kob-surface);
}
.kob-btn-group > :first-child {
  border-radius: var(--kob-radius-sm) 0 0 var(--kob-radius-sm);
}
.kob-btn-group > :last-child {
  border-radius: 0 var(--kob-radius-sm) var(--kob-radius-sm) 0;
}
.kob-btn-group > :only-child {
  border-radius: var(--kob-radius-sm);
}
.kob-btn-group > * + * {
  margin-left: -1px;
}
.kob-btn-group > *:hover {
  position: relative;
  z-index: 1;
  border-color: var(--kob-accent);
}
.kob-btn-group > .selected,
.kob-btn-group > .kob-linkbutton.selected {
  position: relative;
  z-index: 2;
  background: var(--kob-accent);
  border-color: var(--kob-accent);
  color: var(--kob-on-accent);
}
.kob-btn-group-vertical {
  flex-direction: column;
}
.kob-btn-group-vertical > :first-child {
  border-radius: var(--kob-radius-sm) var(--kob-radius-sm) 0 0;
}
.kob-btn-group-vertical > :last-child {
  border-radius: 0 0 var(--kob-radius-sm) var(--kob-radius-sm);
}
.kob-btn-group-vertical > * + * {
  margin-left: 0;
  margin-top: -1px;
}
.kob-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--kob-border);
  background: var(--kob-surface);
}
.kob-toolbar .kob-sep {
  width: 1px;
  height: 22px;
  margin: 0 4px;
  background: var(--kob-border);
}
.kob-toolbar .kob-spacer {
  flex: 1;
}

/* styles/buttons.css */
.kob-linkbutton-accent,
.kob-linkbutton-primary,
.kob-linkbutton-success,
.kob-linkbutton-danger,
.kob-linkbutton-warn,
.kob-linkbutton-info {
  border-style: solid;
}
.kob-linkbutton-accent,
.kob-linkbutton-primary {
  background: var(--kob-accent);
  border-color: var(--kob-accent);
  color: var(--kob-on-accent);
}
.kob-linkbutton-success {
  background: var(--kob-success-solid);
  border-color: var(--kob-success-solid);
  color: var(--kob-on-success);
}
.kob-linkbutton-danger {
  background: var(--kob-danger-solid);
  border-color: var(--kob-danger-solid);
  color: var(--kob-on-danger);
}
.kob-linkbutton-warn {
  background: var(--kob-warn-solid);
  border-color: var(--kob-warn-solid);
  color: var(--kob-on-warn);
}
.kob-linkbutton-info {
  background: var(--kob-info-solid);
  border-color: var(--kob-info-solid);
  color: var(--kob-on-info);
}
.kob-linkbutton-accent:hover,
.kob-linkbutton-primary:hover {
  background: var(--kob-accent);
  color: var(--kob-on-accent);
  filter: brightness(1.08);
}
.kob-linkbutton-success:hover {
  background: var(--kob-success-solid);
  color: var(--kob-on-success);
  filter: brightness(1.12);
}
.kob-linkbutton-danger:hover {
  background: var(--kob-danger-solid);
  color: var(--kob-on-danger);
  filter: brightness(1.12);
}
.kob-linkbutton-warn:hover {
  background: var(--kob-warn-solid);
  color: var(--kob-on-warn);
  filter: brightness(1.12);
}
.kob-linkbutton-info:hover {
  background: var(--kob-info-solid);
  color: var(--kob-on-info);
  filter: brightness(1.12);
}
.kob-linkbutton-soft {
  border-color: transparent;
}
.kob-linkbutton-soft.kob-linkbutton-accent,
.kob-linkbutton-soft.kob-linkbutton-primary,
.kob-linkbutton-soft.kob-linkbutton-accent:hover,
.kob-linkbutton-soft.kob-linkbutton-primary:hover {
  background: var(--kob-accent-soft);
  border-color: transparent;
  color: var(--kob-accent-text);
  filter: none;
}
.kob-linkbutton-soft.kob-linkbutton-success,
.kob-linkbutton-soft.kob-linkbutton-success:hover {
  background: var(--kob-success-soft);
  border-color: transparent;
  color: var(--kob-success-text);
  filter: none;
}
.kob-linkbutton-soft.kob-linkbutton-danger,
.kob-linkbutton-soft.kob-linkbutton-danger:hover {
  background: var(--kob-danger-soft);
  border-color: transparent;
  color: var(--kob-danger-text);
  filter: none;
}
.kob-linkbutton-soft.kob-linkbutton-warn,
.kob-linkbutton-soft.kob-linkbutton-warn:hover {
  background: var(--kob-warn-soft);
  border-color: transparent;
  color: var(--kob-warn-text);
  filter: none;
}
.kob-linkbutton-soft.kob-linkbutton-info,
.kob-linkbutton-soft.kob-linkbutton-info:hover {
  background: var(--kob-info-soft);
  border-color: transparent;
  color: var(--kob-info-text);
  filter: none;
}
.kob-linkbutton-soft:hover {
  box-shadow: inset 0 0 0 999px rgba(127, 127, 127, .08);
}
.kob-btn-accent {
  background: var(--kob-accent);
  border-color: var(--kob-accent);
  color: var(--kob-on-accent);
}
.kob-btn-success {
  background: var(--kob-success-solid);
  border-color: var(--kob-success-solid);
  color: var(--kob-on-success);
}
.kob-btn-danger {
  background: var(--kob-danger-solid);
  border-color: var(--kob-danger-solid);
  color: var(--kob-on-danger);
}
.kob-btn-warn {
  background: var(--kob-warn-solid);
  border-color: var(--kob-warn-solid);
  color: var(--kob-on-warn);
}
.kob-btn-info {
  background: var(--kob-info-solid);
  border-color: var(--kob-info-solid);
  color: var(--kob-on-info);
}
.kob-btn-accent:hover,
.kob-btn-success:hover,
.kob-btn-danger:hover,
.kob-btn-warn:hover,
.kob-btn-info:hover {
  background: inherit;
  filter: brightness(1.1);
}
.kob-btn-accent:hover {
  background: var(--kob-accent);
  border-color: var(--kob-accent);
}
.kob-btn-success:hover {
  background: var(--kob-success-solid);
  border-color: var(--kob-success-solid);
}
.kob-btn-danger:hover {
  background: var(--kob-danger-solid);
  border-color: var(--kob-danger-solid);
}
.kob-btn-warn:hover {
  background: var(--kob-warn-solid);
  border-color: var(--kob-warn-solid);
}
.kob-btn-info:hover {
  background: var(--kob-info-solid);
  border-color: var(--kob-info-solid);
}
.kob-grid-rowactions {
  position: absolute;
  right: 0;
  display: none;
  align-items: center;
  gap: 2px;
  padding: 0 8px 0 26px;
  z-index: 2;
  background:
    linear-gradient(
      to right,
      transparent,
      var(--kob-surface) 22px);
  pointer-events: auto;
}
.kob-grid-rowactions.kob-open {
  display: flex;
}
.kob-grid-rowactions.kob-on-hover {
  background:
    linear-gradient(
      to right,
      transparent,
      var(--kob-surface) 22px),
    var(--kob-accent-hover);
}
.kob-grid-rowactions .kob-linkbutton {
  margin: 0;
  padding: 4px 8px;
  font-size: 12.5px;
  background: var(--kob-surface);
  border-color: var(--kob-border);
}
.kob-grid-rowactions .kob-linkbutton .kob-icon {
  width: 14px;
  height: 14px;
}
.kob-grid-rowactions .kob-linkbutton-soft.kob-linkbutton-danger {
  border-color: var(--kob-border);
}
.kob-grid-rowactions .kob-linkbutton:hover {
  filter: brightness(1.06);
}
.kob-grid-rowactions .kob-icon-only {
  padding: 5px;
}
.kob-grid-rowactions .kob-icon-only .kob-icon {
  position: static;
}

/* styles/forms-extra.css */
.kob-searchbox-shell {
  position: relative;
  display: block;
  flex: 1;
  min-width: 0;
}
input.kob-searchbox {
  width: 100%;
  box-sizing: border-box;
  padding-left: 32px;
  padding-right: 30px;
}
.kob-searchbox-icon {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  color: var(--kob-muted);
  pointer-events: none;
}
.kob-searchbox-clear {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--kob-muted);
  cursor: pointer;
}
.kob-searchbox-clear .kob-icon {
  width: 11px;
  height: 11px;
}
.kob-searchbox-clear:hover {
  background: var(--kob-accent-hover);
  color: var(--kob-text);
}
.kob-searchbox-shell:focus-within .kob-searchbox-icon {
  color: var(--kob-accent);
}
.kob-filebox {
  display: block;
}
.kob-filebox-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.kob-filebox-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 24px 18px;
  border: 1.5px dashed var(--kob-border);
  border-radius: var(--kob-radius);
  background: var(--kob-surface-2);
  color: var(--kob-muted);
  text-align: center;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.kob-filebox-drop:hover,
.kob-filebox-drop:focus-visible {
  border-color: var(--kob-accent);
  background: var(--kob-accent-soft);
  outline: none;
}
.kob-filebox-over {
  border-color: var(--kob-accent);
  border-style: solid;
  background: var(--kob-accent-hover);
  color: var(--kob-text);
}
.kob-filebox-art {
  width: 26px;
  height: 26px;
  color: var(--kob-accent);
}
.kob-filebox-text {
  color: var(--kob-text);
  font-weight: 600;
}
.kob-filebox-hint {
  font-size: 12px;
}
.kob-filebox-drop .kob-linkbutton {
  margin-top: 4px;
}
.kob-filebox-disabled .kob-filebox-drop {
  cursor: not-allowed;
  opacity: .55;
  border-color: var(--kob-border);
  background: var(--kob-surface-2);
}
.kob-filebox-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kob-filebox-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--kob-border);
  border-radius: var(--kob-radius-sm);
  background: var(--kob-surface);
  overflow: hidden;
}
.kob-filebox-item > .kob-icon {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--kob-muted);
}
.kob-filebox-info {
  flex: 1;
  min-width: 0;
}
.kob-filebox-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--kob-text);
}
.kob-filebox-meta {
  font-size: 12px;
  color: var(--kob-muted);
}
.kob-filebox-kill {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: var(--kob-muted);
  cursor: pointer;
}
.kob-filebox-kill .kob-icon {
  width: 12px;
  height: 12px;
}
.kob-filebox-kill:hover {
  background: var(--kob-danger-soft);
  color: var(--kob-danger);
}
.kob-filebox-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--kob-border-soft);
}
.kob-filebox-bar i {
  display: block;
  height: 100%;
  background: var(--kob-accent);
  transition: width .18s linear;
}
.kob-filebox-done > .kob-icon {
  color: var(--kob-success);
}
.kob-filebox-done .kob-filebox-meta {
  color: var(--kob-success);
}
.kob-filebox-error {
  border-color: var(--kob-danger);
  background: var(--kob-danger-soft);
}
.kob-filebox-error > .kob-icon,
.kob-filebox-error .kob-filebox-meta {
  color: var(--kob-danger);
}
.kob-statusbar {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: none;
  min-height: 30px;
  padding: 0 12px;
  border-top: 1px solid var(--kob-border);
  background: var(--kob-accent-soft);
  color: var(--kob-muted);
  font-size: 12px;
  user-select: none;
}
.kob-statusbar .kob-spacer {
  flex: 1;
}
.kob-status-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.kob-status-item .kob-icon {
  width: 13px;
  height: 13px;
}
.kob-status-item b,
.kob-status-item strong {
  color: var(--kob-text);
  font-weight: 600;
}
.kob-status-sep {
  width: 1px;
  align-self: stretch;
  margin: 6px 0;
  background: var(--kob-border);
}
.kob-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--kob-muted);
  flex: none;
}
.kob-status-ok .kob-status-dot {
  background: var(--kob-success);
}
.kob-status-ok {
  color: var(--kob-success);
}
.kob-status-busy .kob-status-dot {
  background: var(--kob-warn);
}
.kob-status-busy {
  color: var(--kob-warn);
}
.kob-status-bad .kob-status-dot {
  background: var(--kob-danger);
}
.kob-status-bad {
  color: var(--kob-danger);
}
.kob-sweet-mask {
  opacity: 0;
  transition: opacity .16s ease;
}
.kob-sweet-mask.kob-sweet-in {
  opacity: 1;
}
.kob-sweet {
  position: fixed;
  left: 50%;
  top: 50%;
  width: min(400px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 26px 24px 18px;
  border-radius: calc(var(--kob-radius) + 4px);
  background: var(--kob-surface);
  box-shadow: var(--kob-shadow-3);
  text-align: center;
  transform: translate(-50%, -50%) scale(.94);
  opacity: 0;
  transition: transform .17s cubic-bezier(.2, .9, .3, 1.1), opacity .17s ease;
}
.kob-sweet.kob-sweet-in {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.kob-sweet-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  margin: 0 auto 16px;
  border: 2px solid currentColor;
  border-radius: 50%;
  color: var(--kob-info);
}
.kob-sweet-mark .kob-icon {
  width: 30px;
  height: 30px;
}
.kob-sweet-success .kob-sweet-mark {
  color: var(--kob-success);
}
.kob-sweet-error .kob-sweet-mark {
  color: var(--kob-danger);
}
.kob-sweet-warn .kob-sweet-mark {
  color: var(--kob-warn);
}
.kob-sweet-info .kob-sweet-mark {
  color: var(--kob-info);
}
.kob-sweet-question .kob-sweet-mark {
  color: var(--kob-accent);
}
.kob-sweet-title {
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 700;
  color: var(--kob-text);
}
.kob-sweet-text {
  margin: 0 0 20px;
  color: var(--kob-muted);
  line-height: 1.55;
  white-space: pre-wrap;
}
.kob-sweet-foot {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.kob-sweet-foot .kob-linkbutton {
  min-width: 96px;
  justify-content: center;
}
.kob-linkbutton.kob-sweet-danger,
.kob-linkbutton.kob-sweet-danger:hover {
  background: var(--kob-danger-solid);
  border-color: var(--kob-danger-solid);
  color: var(--kob-on-danger);
}
.kob-linkbutton.kob-sweet-danger:hover {
  filter: brightness(1.1);
}
@media (prefers-reduced-motion: reduce) {
  .kob-sweet,
  .kob-sweet-mask {
    transition: none;
  }
  .kob-sweet {
    transform: translate(-50%, -50%) scale(1);
  }
}

/* styles/desktop.css */
.kob-desktop {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  --kob-taskbar-h: 48px;
}
.kob-desk-surface {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(
      1100px 600px at 85% -10%,
      rgba(23, 96, 122, 0.35),
      transparent 60%),
    radial-gradient(
      900px 650px at -8% 108%,
      rgba(23, 96, 122, 0.22),
      transparent 55%),
    radial-gradient(rgba(248, 252, 253, 0.05) 1px, transparent 1px) 0 0 / 26px 26px,
    #071820;
}
.kob-desk-icons {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 4px;
  box-sizing: border-box;
  height: 100%;
  padding: 16px 0 0 10px;
}
.kob-desk-app {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 96px;
  padding: 10px 4px;
  border: 1px solid transparent;
  border-radius: var(--kob-radius-sm);
  background: transparent;
  color: rgba(248, 252, 253, 0.92);
  font: var(--kob-font);
  font-size: 12.5px;
  line-height: 1.35;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.kob-desk-app:hover {
  background: rgba(248, 252, 253, 0.1);
}
.kob-desk-app.selected {
  background: rgba(63, 163, 196, 0.28);
  border-color: rgba(248, 252, 253, 0.28);
}
.kob-desk-app-icon {
  width: 42px;
  height: 42px;
  color: #9fdcf2;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}
.kob-desk-app-name {
  word-break: break-word;
}
.kob-taskbar {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
  height: var(--kob-taskbar-h);
  padding: 0 8px;
  background: rgba(10, 30, 40, 0.9);
  border-top: 1px solid rgba(248, 252, 253, 0.08);
  backdrop-filter: blur(10px);
  color: rgba(248, 252, 253, 0.9);
}
.kob-start {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: none;
  height: 36px;
  padding: 0 12px;
  border: none;
  border-radius: var(--kob-radius-sm);
  background: transparent;
  color: inherit;
  font: var(--kob-font);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
}
.kob-start:hover {
  background: rgba(248, 252, 253, 0.12);
}
.kob-start .kob-icon {
  width: 18px;
  height: 18px;
}
.kob-tasks {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.kob-task {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 180px;
  height: 34px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: var(--kob-radius-sm);
  background: transparent;
  color: rgba(248, 252, 253, 0.85);
  font: var(--kob-font);
  font-size: 13px;
  cursor: pointer;
}
.kob-task:hover {
  background: rgba(248, 252, 253, 0.1);
}
.kob-task.active {
  background: rgba(63, 163, 196, 0.42);
  border-color: rgba(248, 252, 253, 0.18);
  color: #fff;
}
.kob-task-icon {
  width: 17px;
  height: 17px;
  flex: none;
}
.kob-task-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kob-clock {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: none;
  margin-right: 4px;
  line-height: 1.3;
}
.kob-clock b {
  font-size: 13.5px;
  color: rgba(248, 252, 253, 0.95);
}
.kob-clock span {
  font-size: 11.5px;
  color: rgba(248, 252, 253, 0.6);
}
.kob-user {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: none;
  max-width: 200px;
  padding-right: 6px;
  font-size: 12.5px;
  color: rgba(248, 252, 253, 0.78);
}
.kob-user > span:not(.kob-icon) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kob-user .kob-icon {
  width: 16px;
  height: 16px;
  flex: none;
}
.kob-user-logout {
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--kob-radius-xs);
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0.75;
}
.kob-user-logout:hover {
  background: rgba(248, 252, 253, 0.12);
  opacity: 1;
}
.kob-menu-popup.kob-startmenu {
  min-width: 250px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  padding: 7px;
  border-color: rgba(248, 252, 253, 0.12);
  border-radius: var(--kob-radius);
  background: rgba(10, 30, 40, 0.95);
  backdrop-filter: blur(12px);
  color: rgba(248, 252, 253, 0.92);
  --kob-scrollbar-thumb: rgba(248, 252, 253, 0.22);
  --kob-scrollbar-thumb-hover: rgba(248, 252, 253, 0.4);
}
.kob-startmenu .kob-menu-item {
  padding: 9px 12px;
  font-size: 14px;
}
.kob-startmenu .kob-menu-item:hover {
  background: rgba(63, 163, 196, 0.42);
  color: #fff;
}
.kob-startmenu .kob-menu-item .kob-icon {
  width: 19px;
  height: 19px;
}
.kob-startmenu .kob-menu-sep {
  background: rgba(248, 252, 253, 0.12);
}
.kob-window.kob-appwin .kob-window-footer {
  display: none;
}
.kob-window.kob-appwin .kob-window-body {
  padding: 0;
}
.kob-desk-window-body {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.kob-desktop ~ .kob-window.kob-maxed,
.kob-window.kob-appwin.kob-maxed {
  height: calc(100vh - var(--kob-taskbar-h, 48px) - 24px) !important;
}
@media (max-width: 640px) {
  .kob-desk-app {
    width: 78px;
    font-size: 11.5px;
  }
  .kob-desk-app-icon {
    width: 34px;
    height: 34px;
  }
  .kob-task-name {
    display: none;
  }
  .kob-clock span {
    display: none;
  }
}

/* styles/utilities.css */
:root {
  --kob-gap: 14px;
  --kob-cols: 12;
}
.kob-row {
  display: grid;
  grid-template-columns: repeat(var(--kob-cols), minmax(0, 1fr));
  gap: var(--kob-gap);
}
.kob-col-1 {
  grid-column: span 1;
}
.kob-col-2 {
  grid-column: span 2;
}
.kob-col-3 {
  grid-column: span 3;
}
.kob-col-4 {
  grid-column: span 4;
}
.kob-col-5 {
  grid-column: span 5;
}
.kob-col-6 {
  grid-column: span 6;
}
.kob-col-7 {
  grid-column: span 7;
}
.kob-col-8 {
  grid-column: span 8;
}
.kob-col-9 {
  grid-column: span 9;
}
.kob-col-10 {
  grid-column: span 10;
}
.kob-col-11 {
  grid-column: span 11;
}
.kob-col-12 {
  grid-column: span 12;
}
.kob-autogrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--kob-min, 260px), 1fr));
  gap: var(--kob-gap);
}
.kob-autogrid-sm {
  --kob-min: 180px;
}
.kob-autogrid-lg {
  --kob-min: 340px;
}
@media (max-width: 720px) {
  .kob-row > [class*=kob-col-] {
    grid-column: 1 / -1;
  }
}
.kob-flex {
  display: flex;
  gap: var(--kob-gap);
}
.kob-inline-flex {
  display: inline-flex;
  gap: var(--kob-gap);
}
.kob-flex-col {
  flex-direction: column;
}
.kob-flex-wrap {
  flex-wrap: wrap;
}
.kob-flex-nowrap {
  flex-wrap: nowrap;
}
.kob-items-start {
  align-items: flex-start;
}
.kob-items-center {
  align-items: center;
}
.kob-items-end {
  align-items: flex-end;
}
.kob-items-stretch {
  align-items: stretch;
}
.kob-items-baseline {
  align-items: baseline;
}
.kob-justify-start {
  justify-content: flex-start;
}
.kob-justify-center {
  justify-content: center;
}
.kob-justify-end {
  justify-content: flex-end;
}
.kob-justify-between {
  justify-content: space-between;
}
.kob-justify-around {
  justify-content: space-around;
}
.kob-grow {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.kob-none {
  flex: none;
}
.kob-spacer {
  flex: 1;
}
.kob-gap-0 {
  --kob-gap: 0;
  gap: 0;
}
.kob-gap-1 {
  --kob-gap: 6px;
  gap: 6px;
}
.kob-gap-2 {
  --kob-gap: 10px;
  gap: 10px;
}
.kob-gap-3 {
  --kob-gap: 14px;
  gap: 14px;
}
.kob-gap-4 {
  --kob-gap: 20px;
  gap: 20px;
}
.kob-gap-5 {
  --kob-gap: 28px;
  gap: 28px;
}
.kob-p-0 {
  padding: 0;
}
.kob-p-1 {
  padding: 6px;
}
.kob-p-2 {
  padding: 10px;
}
.kob-p-3 {
  padding: 14px;
}
.kob-p-4 {
  padding: 20px;
}
.kob-m-0 {
  margin: 0;
}
.kob-mt-1 {
  margin-top: 6px;
}
.kob-mt-2 {
  margin-top: 10px;
}
.kob-mt-3 {
  margin-top: 14px;
}
.kob-mt-4 {
  margin-top: 20px;
}
.kob-mb-1 {
  margin-bottom: 6px;
}
.kob-mb-2 {
  margin-bottom: 10px;
}
.kob-mb-3 {
  margin-bottom: 14px;
}
.kob-mb-4 {
  margin-bottom: 20px;
}
.kob-fill {
  width: 100%;
  height: 100%;
}
.kob-w-full {
  width: 100%;
}
.kob-h-full {
  height: 100%;
}
.kob-scroll {
  overflow: auto;
  min-height: 0;
}
.kob-hidden {
  display: none !important;
}
.kob-text-left {
  text-align: left;
}
.kob-text-center {
  text-align: center;
}
.kob-text-right {
  text-align: right;
}
.kob-muted {
  color: var(--kob-muted);
}
.kob-accent {
  color: var(--kob-accent-dark);
}
.kob-strong {
  font-weight: 700;
}
.kob-small {
  font-size: 12.5px;
}
.kob-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* styles/scrollbar.css */
.kob-datagrid,
.kob-datagrid *,
.kob-window,
.kob-window *,
.kob-panel,
.kob-panel *,
.kob-tabs,
.kob-tabs *,
.kob-layout,
.kob-layout *,
.kob-dropdown,
.kob-dropdown *,
.kob-chip-menu,
.kob-chip-menu *,
.kob-scrollbars,
.kob-scrollbars * {
  scrollbar-width: thin;
}
@supports (scrollbar-color: auto) {
  .kob-datagrid,
  .kob-datagrid *,
  .kob-window,
  .kob-window *,
  .kob-panel,
  .kob-panel *,
  .kob-tabs,
  .kob-tabs *,
  .kob-layout,
  .kob-layout *,
  .kob-dropdown,
  .kob-dropdown *,
  .kob-chip-menu,
  .kob-chip-menu *,
  .kob-scrollbars,
  .kob-scrollbars * {
    scrollbar-color: var(--kob-scrollbar-thumb) var(--kob-scrollbar-track);
  }
}
@supports not (scrollbar-color: auto) {
  .kob-datagrid::-webkit-scrollbar,
  .kob-datagrid *::-webkit-scrollbar,
  .kob-window::-webkit-scrollbar,
  .kob-window *::-webkit-scrollbar,
  .kob-panel::-webkit-scrollbar,
  .kob-panel *::-webkit-scrollbar,
  .kob-tabs::-webkit-scrollbar,
  .kob-tabs *::-webkit-scrollbar,
  .kob-layout::-webkit-scrollbar,
  .kob-layout *::-webkit-scrollbar,
  .kob-dropdown::-webkit-scrollbar,
  .kob-dropdown *::-webkit-scrollbar,
  .kob-chip-menu::-webkit-scrollbar,
  .kob-chip-menu *::-webkit-scrollbar,
  .kob-scrollbars::-webkit-scrollbar,
  .kob-scrollbars *::-webkit-scrollbar {
    width: var(--kob-scrollbar-size);
    height: var(--kob-scrollbar-size);
  }
  .kob-datagrid::-webkit-scrollbar-track,
  .kob-datagrid *::-webkit-scrollbar-track,
  .kob-window::-webkit-scrollbar-track,
  .kob-window *::-webkit-scrollbar-track,
  .kob-panel::-webkit-scrollbar-track,
  .kob-panel *::-webkit-scrollbar-track,
  .kob-tabs::-webkit-scrollbar-track,
  .kob-tabs *::-webkit-scrollbar-track,
  .kob-layout::-webkit-scrollbar-track,
  .kob-layout *::-webkit-scrollbar-track,
  .kob-dropdown::-webkit-scrollbar-track,
  .kob-dropdown *::-webkit-scrollbar-track,
  .kob-chip-menu::-webkit-scrollbar-track,
  .kob-chip-menu *::-webkit-scrollbar-track,
  .kob-scrollbars::-webkit-scrollbar-track,
  .kob-scrollbars *::-webkit-scrollbar-track,
  .kob-datagrid::-webkit-scrollbar-corner,
  .kob-datagrid *::-webkit-scrollbar-corner,
  .kob-window::-webkit-scrollbar-corner,
  .kob-window *::-webkit-scrollbar-corner,
  .kob-panel::-webkit-scrollbar-corner,
  .kob-panel *::-webkit-scrollbar-corner,
  .kob-tabs::-webkit-scrollbar-corner,
  .kob-tabs *::-webkit-scrollbar-corner,
  .kob-layout::-webkit-scrollbar-corner,
  .kob-layout *::-webkit-scrollbar-corner,
  .kob-scrollbars::-webkit-scrollbar-corner,
  .kob-scrollbars *::-webkit-scrollbar-corner {
    background: var(--kob-scrollbar-track);
  }
  .kob-datagrid::-webkit-scrollbar-thumb,
  .kob-datagrid *::-webkit-scrollbar-thumb,
  .kob-window::-webkit-scrollbar-thumb,
  .kob-window *::-webkit-scrollbar-thumb,
  .kob-panel::-webkit-scrollbar-thumb,
  .kob-panel *::-webkit-scrollbar-thumb,
  .kob-tabs::-webkit-scrollbar-thumb,
  .kob-tabs *::-webkit-scrollbar-thumb,
  .kob-layout::-webkit-scrollbar-thumb,
  .kob-layout *::-webkit-scrollbar-thumb,
  .kob-dropdown::-webkit-scrollbar-thumb,
  .kob-dropdown *::-webkit-scrollbar-thumb,
  .kob-chip-menu::-webkit-scrollbar-thumb,
  .kob-chip-menu *::-webkit-scrollbar-thumb,
  .kob-scrollbars::-webkit-scrollbar-thumb,
  .kob-scrollbars *::-webkit-scrollbar-thumb {
    background: var(--kob-scrollbar-thumb);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
  }
  .kob-datagrid::-webkit-scrollbar-thumb:hover,
  .kob-datagrid *::-webkit-scrollbar-thumb:hover,
  .kob-window::-webkit-scrollbar-thumb:hover,
  .kob-window *::-webkit-scrollbar-thumb:hover,
  .kob-panel::-webkit-scrollbar-thumb:hover,
  .kob-panel *::-webkit-scrollbar-thumb:hover,
  .kob-tabs::-webkit-scrollbar-thumb:hover,
  .kob-tabs *::-webkit-scrollbar-thumb:hover,
  .kob-layout::-webkit-scrollbar-thumb:hover,
  .kob-layout *::-webkit-scrollbar-thumb:hover,
  .kob-dropdown::-webkit-scrollbar-thumb:hover,
  .kob-dropdown *::-webkit-scrollbar-thumb:hover,
  .kob-chip-menu::-webkit-scrollbar-thumb:hover,
  .kob-chip-menu *::-webkit-scrollbar-thumb:hover,
  .kob-scrollbars::-webkit-scrollbar-thumb:hover,
  .kob-scrollbars *::-webkit-scrollbar-thumb:hover {
    background: var(--kob-scrollbar-thumb-hover);
    background-clip: padding-box;
  }
  .kob-datagrid::-webkit-scrollbar-button,
  .kob-datagrid *::-webkit-scrollbar-button,
  .kob-window::-webkit-scrollbar-button,
  .kob-window *::-webkit-scrollbar-button,
  .kob-panel::-webkit-scrollbar-button,
  .kob-panel *::-webkit-scrollbar-button,
  .kob-tabs::-webkit-scrollbar-button,
  .kob-tabs *::-webkit-scrollbar-button,
  .kob-layout::-webkit-scrollbar-button,
  .kob-layout *::-webkit-scrollbar-button,
  .kob-dropdown::-webkit-scrollbar-button,
  .kob-dropdown *::-webkit-scrollbar-button,
  .kob-chip-menu::-webkit-scrollbar-button,
  .kob-chip-menu *::-webkit-scrollbar-button,
  .kob-scrollbars::-webkit-scrollbar-button,
  .kob-scrollbars *::-webkit-scrollbar-button {
    display: none;
  }
}

/* styles/index.css */