/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --blur-md: 12px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-card: var(--card);
    --color-card-foreground: var(--card-foreground);
    --color-popover: var(--popover);
    --color-popover-foreground: var(--popover-foreground);
    --color-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-primary-text: var(--primary-text);
    --color-secondary: var(--secondary);
    --color-secondary-foreground: var(--secondary-foreground);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-destructive: var(--destructive);
    --color-destructive-foreground: var(--destructive-foreground);
    --color-destructive-text: var(--destructive-text);
    --color-mono: var(--mono);
    --color-mono-foreground: var(--mono-foreground);
    --color-border: var(--border);
    --color-input: var(--input);
    --color-ring: var(--ring);
    --color-success: var(--success);
    --color-success-foreground: var(--success-foreground);
    --color-success-soft: var(--success-soft);
    --color-warning: var(--warning);
    --color-warning-foreground: var(--warning-foreground);
    --color-warning-soft: var(--warning-soft);
    --color-info: var(--info);
    --color-info-foreground: var(--info-foreground);
    --color-info-soft: var(--info-soft);
    --color-chart-1: var(--chart-1);
    --color-chart-2: var(--chart-2);
    --color-chart-3: var(--chart-3);
    --color-chart-4: var(--chart-4);
    --color-chart-5: var(--chart-5);
    --text-2sm: 0.8125rem;
    --text-2sm--line-height: calc(1.075 / 0.8125);
    --text-2xs: 0.6875rem;
    --text-2xs--line-height: calc(0.825 / 0.6875);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-6 {
    inset: calc(var(--spacing) * -6);
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-start-20 {
    inset-inline-start: calc(var(--spacing) * -20);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-3\.5 {
    inset-inline-start: calc(var(--spacing) * 3.5);
  }
  .start-full {
    inset-inline-start: 100%;
  }
  .-end-24 {
    inset-inline-end: calc(var(--spacing) * -24);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-24 {
    top: calc(var(--spacing) * -24);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-full {
    top: 100%;
  }
  .-bottom-32 {
    bottom: calc(var(--spacing) * -32);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-full {
    bottom: 100%;
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .row-span-4 {
    grid-row: span 4 / span 4;
  }
  .float-end {
    float: inline-end;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .aspect-\[16\/7\] {
    aspect-ratio: 16/7;
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-36 {
    width: calc(var(--spacing) * 36);
    height: calc(var(--spacing) * 36);
  }
  .size-72 {
    width: calc(var(--spacing) * 72);
    height: calc(var(--spacing) * 72);
  }
  .size-80 {
    width: calc(var(--spacing) * 80);
    height: calc(var(--spacing) * 80);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-\[35\%\] {
    height: 35%;
  }
  .h-\[45\%\] {
    height: 45%;
  }
  .h-\[55\%\] {
    height: 55%;
  }
  .h-\[60\%\] {
    height: 60%;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[70\%\] {
    height: 70%;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-\[28rem\] {
    max-height: 28rem;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: calc(11/12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[290px\] {
    width: 290px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[45\%\] {
    max-width: 45%;
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-md {
    min-width: var(--container-md);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-pt-20 {
    scroll-padding-top: calc(var(--spacing) * 20);
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-none {
    list-style-type: none;
  }
  .columns-1 {
    columns: 1;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,2fr);
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-border {
    :where(& > :not(:last-child)) {
      border-color: var(--border);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-border {
    border-color: var(--border);
  }
  .border-destructive {
    border-color: var(--destructive);
  }
  .border-input {
    border-color: var(--input);
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\(--overlay\)\/50 {
    background-color: var(--overlay);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--overlay) 50%, transparent);
    }
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-background\/80 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-destructive\/10 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .bg-destructive\/70 {
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 70%, transparent);
    }
  }
  .bg-foreground\/70 {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }
  .bg-input {
    background-color: var(--input);
  }
  .bg-mono {
    background-color: var(--mono);
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-muted-foreground\/30 {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary-foreground\/5 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 5%, transparent);
    }
  }
  .bg-primary-foreground\/10 {
    background-color: var(--primary-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .bg-primary\/15 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }
  .bg-primary\/30 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }
  .bg-primary\/40 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }
  .bg-primary\/50 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .bg-primary\/60 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .bg-primary\/70 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 70%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-success\/70 {
    background-color: var(--success);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--success) 70%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-warning\/70 {
    background-color: var(--warning);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--warning) 70%, transparent);
    }
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-primary\/10 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary\/30 {
    --tw-gradient-from: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-primary\/10 {
    --tw-gradient-via: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .align-\[-0\.1em\] {
    vertical-align: -0.1em;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2sm {
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xs {
    font-size: var(--text-2xs);
    line-height: var(--tw-leading, var(--text-2xs--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-card-foreground {
    color: var(--card-foreground);
  }
  .text-destructive {
    color: var(--destructive);
  }
  .text-destructive-text {
    color: var(--destructive-text);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-info {
    color: var(--info);
  }
  .text-mono-foreground {
    color: var(--mono-foreground);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-primary-text {
    color: var(--primary-text);
  }
  .text-success {
    color: var(--success);
  }
  .text-warning {
    color: var(--warning);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .accent-primary {
    accent-color: var(--primary);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-input {
    --tw-ring-color: var(--input);
  }
  .ring-primary {
    --tw-ring-color: var(--primary);
  }
  .ring-offset-0 {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\,visibility\] {
    transition-property: translate,visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[translate\] {
    transition-property: translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .\[--pn-webapp-marker\:1\] {
    --pn-webapp-marker: 1;
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-open\/details\:rotate-180 {
    &:is(:where(.group\/details):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\:block {
    &:is(:where(.group):focus-within *) {
      display: block;
    }
  }
  .group-hover\:block {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: block;
      }
    }
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:text-primary-text {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--primary-text);
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .group-aria-expanded\:hidden {
    &:is(:where(.group)[aria-expanded="true"] *) {
      display: none;
    }
  }
  .group-aria-expanded\:inline-flex {
    &:is(:where(.group)[aria-expanded="true"] *) {
      display: inline-flex;
    }
  }
  .peer-checked\:bg-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--primary);
    }
  }
  .peer-focus-visible\:ring-2 {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .peer-focus-visible\:ring-ring {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-color: var(--ring);
    }
  }
  .peer-focus-visible\:ring-offset-2 {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .peer-focus-visible\:ring-offset-background {
    &:is(:where(.peer):focus-visible ~ *) {
      --tw-ring-offset-color: var(--background);
    }
  }
  .placeholder\:text-muted-foreground {
    &::placeholder {
      color: var(--muted-foreground);
    }
  }
  .backdrop\:bg-\(--overlay\)\/50 {
    &::backdrop {
      background-color: var(--overlay);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--overlay) 50%, transparent);
      }
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:start-0\.5 {
    &::after {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 0.5);
    }
  }
  .after\:top-0\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0.5);
    }
  }
  .after\:size-5 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .after\:bg-primary-foreground {
    &::after {
      content: var(--tw-content);
      background-color: var(--primary-foreground);
    }
  }
  .after\:shadow-xs {
    &::after {
      content: var(--tw-content);
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .after\:transition-transform {
    &::after {
      content: var(--tw-content);
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .peer-checked\:after\:translate-x-5 {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing) * 5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .hover\:border-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
      }
    }
  }
  .hover\:border-input {
    &:hover {
      @media (hover: hover) {
        border-color: var(--input);
      }
    }
  }
  .hover\:border-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary);
      }
    }
  }
  .hover\:border-primary\/40 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--primary) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
  }
  .hover\:bg-accent\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--accent) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-background {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background);
      }
    }
  }
  .hover\:bg-background\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--background) 90%, transparent);
        }
      }
    }
  }
  .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .hover\:text-primary-text {
    &:hover {
      @media (hover: hover) {
        color: var(--primary-text);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:not-sr-only {
    &:focus-visible {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus-visible\:fixed {
    &:focus-visible {
      position: fixed;
    }
  }
  .focus-visible\:start-4 {
    &:focus-visible {
      inset-inline-start: calc(var(--spacing) * 4);
    }
  }
  .focus-visible\:top-3 {
    &:focus-visible {
      top: calc(var(--spacing) * 3);
    }
  }
  .focus-visible\:z-50 {
    &:focus-visible {
      z-index: 50;
    }
  }
  .focus-visible\:self-end {
    &:focus-visible {
      align-self: flex-end;
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-primary-foreground {
    &:focus-visible {
      --tw-ring-color: var(--primary-foreground);
    }
  }
  .focus-visible\:ring-ring {
    &:focus-visible {
      --tw-ring-color: var(--ring);
    }
  }
  .focus-visible\:ring-offset-1 {
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-background {
    &:focus-visible {
      --tw-ring-offset-color: var(--background);
    }
  }
  .focus-visible\:ring-offset-primary {
    &:focus-visible {
      --tw-ring-offset-color: var(--primary);
    }
  }
  .focus-visible\:outline-hidden {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-ring {
    &:focus-visible {
      outline-color: var(--ring);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .aria-pressed\:bg-accent {
    &[aria-pressed="true"] {
      background-color: var(--accent);
    }
  }
  .aria-pressed\:font-medium {
    &[aria-pressed="true"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .aria-pressed\:text-accent-foreground {
    &[aria-pressed="true"] {
      color: var(--accent-foreground);
    }
  }
  .aria-pressed\:inset-ring {
    &[aria-pressed="true"] {
      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .aria-pressed\:inset-ring-input {
    &[aria-pressed="true"] {
      --tw-inset-ring-color: var(--input);
    }
  }
  .aria-\[current\=page\]\:bg-accent {
    &[aria-current="page"] {
      background-color: var(--accent);
    }
  }
  .aria-\[current\=page\]\:text-foreground {
    &[aria-current="page"] {
      color: var(--foreground);
    }
  }
  .aria-\[current\=true\]\:bg-accent {
    &[aria-current="true"] {
      background-color: var(--accent);
    }
  }
  .aria-\[current\=true\]\:font-medium {
    &[aria-current="true"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .aria-\[current\=true\]\:text-accent-foreground {
    &[aria-current="true"] {
      color: var(--accent-foreground);
    }
  }
  .aria-\[current\=true\]\:inset-ring {
    &[aria-current="true"] {
      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .aria-\[current\=true\]\:inset-ring-input {
    &[aria-current="true"] {
      --tw-inset-ring-color: var(--input);
    }
  }
  .data-pn-sheet-open\:overflow-hidden {
    &[data-pn-sheet-open] {
      overflow: hidden;
    }
  }
  .supports-\[backdrop-filter\]\:bg-background\/80 {
    @supports (backdrop-filter: var(--tw)) {
      background-color: var(--background);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 80%, transparent);
      }
    }
  }
  .supports-\[backdrop-filter\]\:backdrop-blur-md {
    @supports (backdrop-filter: var(--tw)) {
      --tw-backdrop-blur: blur(var(--blur-md));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .motion-reduce\:after\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      &::after {
        content: var(--tw-content);
        transition-property: none;
      }
    }
  }
  .max-xl\:px-2 {
    @media (width < 80rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .max-lg\:invisible {
    @media (width < 64rem) {
      visibility: hidden;
    }
  }
  .max-lg\:mb-1 {
    @media (width < 64rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  .max-lg\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .max-lg\:inline-flex {
    @media (width < 64rem) {
      display: inline-flex;
    }
  }
  .max-lg\:size-11 {
    @media (width < 64rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .max-lg\:h-11 {
    @media (width < 64rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .max-lg\:min-h-11 {
    @media (width < 64rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .max-lg\:min-w-11 {
    @media (width < 64rem) {
      min-width: calc(var(--spacing) * 11);
    }
  }
  .max-lg\:-translate-x-full {
    @media (width < 64rem) {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .max-lg\:items-center {
    @media (width < 64rem) {
      align-items: center;
    }
  }
  .max-lg\:gap-0 {
    @media (width < 64rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .max-lg\:shadow-lg {
    @media (width < 64rem) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .sm\:inset-x-4 {
    @media (width >= 40rem) {
      inset-inline: calc(var(--spacing) * 4);
    }
  }
  .sm\:top-\[12vh\] {
    @media (width >= 40rem) {
      top: 12vh;
    }
  }
  .sm\:bottom-auto {
    @media (width >= 40rem) {
      bottom: auto;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-start-2 {
    @media (width >= 40rem) {
      grid-column-start: 2;
    }
  }
  .sm\:m-5 {
    @media (width >= 40rem) {
      margin: calc(var(--spacing) * 5);
    }
  }
  .sm\:mx-auto {
    @media (width >= 40rem) {
      margin-inline: auto;
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:size-14 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  .sm\:max-h-\[60vh\] {
    @media (width >= 40rem) {
      max-height: 60vh;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:max-w-xl {
    @media (width >= 40rem) {
      max-width: var(--container-xl);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1fr_10rem\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr 10rem;
    }
  }
  .sm\:grid-cols-\[max-content_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: max-content 1fr;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,2fr) auto;
    }
  }
  .sm\:grid-cols-\[minmax\(9rem\,1fr\)_2fr_2fr\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(9rem,1fr) 2fr 2fr;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:gap-8 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .sm\:gap-x-6 {
    @media (width >= 40rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:rounded-xl {
    @media (width >= 40rem) {
      border-radius: calc(var(--radius) + 4px);
    }
  }
  .sm\:border {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .sm\:border-border {
    @media (width >= 40rem) {
      border-color: var(--border);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-8 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-12 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .sm\:py-12 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .sm\:py-16 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .sm\:py-20 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .sm\:py-24 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .sm\:py-28 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .sm\:pt-16 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .sm\:pb-10 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:pb-16 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }
  .sm\:text-2sm {
    @media (width >= 40rem) {
      font-size: var(--text-2sm);
      line-height: var(--tw-leading, var(--text-2sm--line-height));
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .sm\:shadow-lg {
    @media (width >= 40rem) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:columns-2 {
    @media (width >= 48rem) {
      columns: 2;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-24 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 24);
    }
  }
  .lg\:z-20 {
    @media (width >= 64rem) {
      z-index: 20;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-start-1 {
    @media (width >= 64rem) {
      grid-column-start: 1;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 64rem) {
      grid-column-start: 2;
    }
  }
  .lg\:row-start-1 {
    @media (width >= 64rem) {
      grid-row-start: 1;
    }
  }
  .lg\:m-5 {
    @media (width >= 64rem) {
      margin: calc(var(--spacing) * 5);
    }
  }
  .lg\:ms-4 {
    @media (width >= 64rem) {
      margin-inline-start: calc(var(--spacing) * 4);
    }
  }
  .lg\:ms-\[310px\] {
    @media (width >= 64rem) {
      margin-inline-start: 310px;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:h-\[calc\(100dvh-2\.5rem\)\] {
    @media (width >= 64rem) {
      height: calc(100dvh - 2.5rem);
    }
  }
  .lg\:basis-full {
    @media (width >= 64rem) {
      flex-basis: 100%;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[2fr_1fr_1fr_1fr_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    }
  }
  .lg\:grid-cols-\[2fr_3fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 2fr 3fr;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 22rem;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,2fr) minmax(0,3fr);
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-wrap {
    @media (width >= 64rem) {
      flex-wrap: wrap;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:gap-x-6 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:overflow-hidden {
    @media (width >= 64rem) {
      overflow: hidden;
    }
  }
  .lg\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto;
    }
  }
  .lg\:px-7\.5 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 7.5);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-12 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lg\:py-14 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .lg\:py-16 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .lg\:py-24 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .lg\:py-28 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 28);
    }
  }
  .lg\:pt-8 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .lg\:max-xl\:h-6 {
    @media (width >= 64rem) {
      @media (width < 80rem) {
        height: calc(var(--spacing) * 6);
      }
    }
  }
  .lg\:max-xl\:px-2 {
    @media (width >= 64rem) {
      @media (width < 80rem) {
        padding-inline: calc(var(--spacing) * 2);
      }
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:ms-4 {
    @media (width >= 80rem) {
      margin-inline-start: calc(var(--spacing) * 4);
    }
  }
  .xl\:inline-flex {
    @media (width >= 80rem) {
      display: inline-flex;
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-6 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[20rem_minmax\(0\,1fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: 20rem minmax(0,1fr);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) 20rem;
    }
  }
  .xl\:gap-2 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .xl\:gap-4 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .xl\:px-3 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .xl\:text-6xl {
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .rtl\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 180deg;
    }
  }
  .dark\:block {
    &:where(.dark, .dark *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where(.dark, .dark *) {
      display: none;
    }
  }
  .dark\:border-input {
    &:where(.dark, .dark *) {
      border-color: var(--input);
    }
  }
  .dark\:bg-background {
    &:where(.dark, .dark *) {
      background-color: var(--background);
    }
  }
  .dark\:bg-foreground\/35 {
    &:where(.dark, .dark *) {
      background-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 35%, transparent);
      }
    }
  }
  .\[\&\.active\]\:font-semibold {
    &.active {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .\[\&\.active\]\:text-foreground {
    &.active {
      color: var(--foreground);
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\>\*\]\:min-w-0 {
    &>* {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>\:last-child\]\:mb-0 {
    &>:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:max-xl\:\[\&\>button\]\:px-1\.5 {
    @media (width >= 64rem) {
      @media (width < 80rem) {
        &>button {
          padding-inline: calc(var(--spacing) * 1.5);
        }
      }
    }
  }
  .\[\&\>span\]\:rounded-md {
    &>span {
      border-radius: calc(var(--radius) - 2px);
    }
  }
  .\[\&\>span\]\:border {
    &>span {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&\>span\]\:border-border {
    &>span {
      border-color: var(--border);
    }
  }
  .\[\&\>span\]\:bg-background {
    &>span {
      background-color: var(--background);
    }
  }
  .\[\&\>span\]\:px-2 {
    &>span {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .\[\&\>span\]\:py-1 {
    &>span {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .\[\&\>span\]\:shadow-xs {
    &>span {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.141 0.005 285.823);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.141 0.005 285.823);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.141 0.005 285.823);
  --primary: oklch(0.546 0.245 262.881);
  --primary-foreground: oklch(1 0 0);
  --primary-text: oklch(0.546 0.245 262.881);
  --secondary: oklch(0.967 0.001 286.375);
  --secondary-foreground: oklch(0.21 0.006 285.885);
  --muted: oklch(0.967 0.001 286.375);
  --muted-foreground: oklch(0.442 0.017 285.786);
  --accent: oklch(0.967 0.001 286.375);
  --accent-foreground: oklch(0.21 0.006 285.885);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --destructive-text: oklch(0.505 0.213 27.518);
  --mono: oklch(0.141 0.005 285.823);
  --mono-foreground: oklch(1 0 0);
  --border: oklch(0.94 0.004 286.32);
  --input: oklch(0.6 0.016 285.9);
  --ring: oklch(0.552 0.016 285.938);
  --overlay: oklch(0.141 0.005 285.823);
  --shade: var(--foreground);
  --success: oklch(0.527 0.154 150.069);
  --success-foreground: oklch(1 0 0);
  --success-soft: oklch(0.982 0.018 155.826);
  --warning: oklch(0.555 0.163 48.998);
  --warning-foreground: oklch(1 0 0);
  --warning-soft: oklch(0.987 0.022 95.277);
  --info: oklch(0.488 0.243 264.376);
  --info-foreground: oklch(1 0 0);
  --info-soft: oklch(0.97 0.014 254.604);
  --chart-1: oklch(0.546 0.245 262.881);
  --chart-2: oklch(0.627 0.194 149.214);
  --chart-3: oklch(0.555 0.163 48.998);
  --chart-4: oklch(0.577 0.245 27.325);
  --chart-5: oklch(0.558 0.288 302.321);
  --radius: 0.5rem;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --text-2xs: 0.6875rem;
  --text-2sm: 0.8125rem;
}
.dark {
  --background: oklch(0.141 0.005 285.823);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.141 0.005 285.823);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.141 0.005 285.823);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.546 0.245 262.881);
  --primary-foreground: oklch(1 0 0);
  --primary-text: oklch(0.707 0.165 254.624);
  --secondary: oklch(0.274 0.006 286.033);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.21 0.006 285.885);
  --muted-foreground: oklch(0.705 0.015 286.067);
  --accent: oklch(0.21 0.006 285.885);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --destructive-text: oklch(0.704 0.191 22.216);
  --mono: oklch(0.871 0.006 286.286);
  --mono-foreground: oklch(0 0 0);
  --border: oklch(0.274 0.006 286.033);
  --input: oklch(0.5 0.016 285.9);
  --ring: oklch(0.705 0.015 286.067);
  --overlay: oklch(0 0 0);
  --shade: var(--background);
  --success: oklch(0.792 0.209 151.711);
  --success-foreground: oklch(0.141 0.005 285.823);
  --success-soft: oklch(0.266 0.065 152.934);
  --warning: oklch(0.828 0.189 84.429);
  --warning-foreground: oklch(0.141 0.005 285.823);
  --warning-soft: oklch(0.279 0.077 45.635);
  --info: oklch(0.707 0.165 254.624);
  --info-foreground: oklch(0.141 0.005 285.823);
  --info-soft: oklch(0.282 0.091 267.935);
  --chart-1: oklch(0.707 0.165 254.624);
  --chart-2: oklch(0.792 0.209 151.711);
  --chart-3: oklch(0.852 0.199 91.936);
  --chart-4: oklch(0.704 0.191 22.216);
  --chart-5: oklch(0.714 0.203 305.504);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter/Inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/inter/Inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter/Inter-600.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/inter/Inter-700.woff2") format("woff2");
}
@font-face {
  font-family: 'keenicons-filled';
  src: url('icons/keenicons/filled/fonts/keenicons-filled.ttf') format('truetype'), url('icons/keenicons/filled/fonts/keenicons-filled.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ki-filled {
  line-height: 1;
  position: relative;
  display: inline-flex;
}
.ki-filled:after, .ki-filled:before {
  font-family: 'keenicons-filled' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
}
.ki-abstract-1.ki-filled:after {
  content: "\e900";
  opacity: 0.1;
}
.ki-abstract-1.ki-filled:before {
  content: "\e901";
  position: absolute;
}
.ki-abstract-2.ki-filled:after {
  content: "\e902";
  opacity: 0.1;
}
.ki-abstract-2.ki-filled:before {
  content: "\e903";
  position: absolute;
}
.ki-abstract-3.ki-filled:after {
  content: "\e904";
  opacity: 0.1;
}
.ki-abstract-3.ki-filled:before {
  content: "\e905";
  position: absolute;
}
.ki-abstract-4.ki-filled:after {
  content: "\e906";
  opacity: 0.1;
}
.ki-abstract-4.ki-filled:before {
  content: "\e907";
  position: absolute;
}
.ki-abstract-5.ki-filled:after {
  content: "\e908";
  opacity: 0.1;
}
.ki-abstract-5.ki-filled:before {
  content: "\e909";
  position: absolute;
}
.ki-abstract-6.ki-filled:after {
  content: "\e90a";
  opacity: 0.1;
}
.ki-abstract-6.ki-filled:before {
  content: "\e90b";
  position: absolute;
}
.ki-abstract-7.ki-filled:after {
  content: "\e90c";
}
.ki-abstract-7.ki-filled:before {
  content: "\e90d";
  position: absolute;
  opacity: 0.1;
}
.ki-abstract-8.ki-filled:after {
  content: "\e90e";
  opacity: 0.1;
}
.ki-abstract-8.ki-filled:before {
  content: "\e90f";
  position: absolute;
}
.ki-abstract-9.ki-filled:after {
  content: "\e910";
  opacity: 0.1;
}
.ki-abstract-9.ki-filled:before {
  content: "\e911";
  position: absolute;
}
.ki-abstract-10.ki-filled:after {
  content: "\e912";
  opacity: 0.1;
}
.ki-abstract-10.ki-filled:before {
  content: "\e913";
  position: absolute;
}
.ki-abstract-11.ki-filled:after {
  content: "\e914";
  opacity: 0.1;
}
.ki-abstract-11.ki-filled:before {
  content: "\e915";
  position: absolute;
}
.ki-abstract-12.ki-filled:after {
  content: "\e916";
  opacity: 0.1;
}
.ki-abstract-12.ki-filled:before {
  content: "\e917";
  position: absolute;
}
.ki-abstract-13.ki-filled:after {
  content: "\e918";
  opacity: 0.1;
}
.ki-abstract-13.ki-filled:before {
  content: "\e919";
  position: absolute;
}
.ki-abstract-14.ki-filled:after {
  content: "\e91a";
  opacity: 0.1;
}
.ki-abstract-14.ki-filled:before {
  content: "\e91b";
  position: absolute;
}
.ki-abstract-15.ki-filled:after {
  content: "\e91c";
  opacity: 0.1;
}
.ki-abstract-15.ki-filled:before {
  content: "\e91d";
  position: absolute;
}
.ki-abstract-16.ki-filled:after {
  content: "\e91e";
  opacity: 0.1;
}
.ki-abstract-16.ki-filled:before {
  content: "\e91f";
  position: absolute;
}
.ki-abstract-17.ki-filled:after {
  content: "\e920";
  opacity: 0.1;
}
.ki-abstract-17.ki-filled:before {
  content: "\e921";
  position: absolute;
}
.ki-abstract-18.ki-filled:after {
  content: "\e922";
  opacity: 0.1;
}
.ki-abstract-18.ki-filled:before {
  content: "\e923";
  position: absolute;
}
.ki-abstract-19.ki-filled:after {
  content: "\e924";
  opacity: 0.1;
}
.ki-abstract-19.ki-filled:before {
  content: "\e925";
  position: absolute;
}
.ki-abstract-20.ki-filled:after {
  content: "\e926";
  opacity: 0.1;
}
.ki-abstract-20.ki-filled:before {
  content: "\e927";
  position: absolute;
}
.ki-abstract-21.ki-filled:after {
  content: "\e928";
  opacity: 0.1;
}
.ki-abstract-21.ki-filled:before {
  content: "\e929";
  position: absolute;
}
.ki-abstract-22.ki-filled:after {
  content: "\e92a";
  opacity: 0.1;
}
.ki-abstract-22.ki-filled:before {
  content: "\e92b";
  position: absolute;
}
.ki-abstract-23.ki-filled:after {
  content: "\e92c";
  opacity: 0.1;
}
.ki-abstract-23.ki-filled:before {
  content: "\e92d";
  position: absolute;
}
.ki-abstract-24.ki-filled:after {
  content: "\e92e";
  opacity: 0.1;
}
.ki-abstract-24.ki-filled:before {
  content: "\e92f";
  position: absolute;
}
.ki-abstract-25.ki-filled:after {
  content: "\e930";
  opacity: 0.1;
}
.ki-abstract-25.ki-filled:before {
  content: "\e931";
  position: absolute;
}
.ki-abstract-26.ki-filled:after {
  content: "\e932";
  opacity: 0.1;
}
.ki-abstract-26.ki-filled:before {
  content: "\e933";
  position: absolute;
}
.ki-abstract-27.ki-filled:after {
  content: "\e934";
  opacity: 0.1;
}
.ki-abstract-27.ki-filled:before {
  content: "\e935";
  position: absolute;
}
.ki-abstract-28.ki-filled:after {
  content: "\e936";
  opacity: 0.1;
}
.ki-abstract-28.ki-filled:before {
  content: "\e937";
  position: absolute;
}
.ki-abstract-29.ki-filled:after {
  content: "\e938";
  opacity: 0.1;
}
.ki-abstract-29.ki-filled:before {
  content: "\e939";
  position: absolute;
}
.ki-abstract-30.ki-filled:after {
  content: "\e93a";
  opacity: 0.1;
}
.ki-abstract-30.ki-filled:before {
  content: "\e93b";
  position: absolute;
}
.ki-abstract-31.ki-filled:after {
  content: "\e93c";
  opacity: 0.1;
}
.ki-abstract-31.ki-filled:before {
  content: "\e93d";
  position: absolute;
}
.ki-abstract-32.ki-filled:after {
  content: "\e93e";
  opacity: 0.1;
}
.ki-abstract-32.ki-filled:before {
  content: "\e93f";
  position: absolute;
}
.ki-abstract-33.ki-filled:after {
  content: "\e940";
  opacity: 0.1;
}
.ki-abstract-33.ki-filled:before {
  content: "\e941";
  position: absolute;
}
.ki-abstract-34.ki-filled:after {
  content: "\e942";
  opacity: 0.1;
}
.ki-abstract-34.ki-filled:before {
  content: "\e943";
  position: absolute;
}
.ki-abstract-35.ki-filled:after {
  content: "\e944";
}
.ki-abstract-35.ki-filled:before {
  content: "\e945";
  position: absolute;
  opacity: 0.1;
}
.ki-abstract-36.ki-filled:after {
  content: "\e946";
  opacity: 0.1;
}
.ki-abstract-36.ki-filled:before {
  content: "\e947";
  position: absolute;
}
.ki-abstract-37.ki-filled:after {
  content: "\e948";
  opacity: 0.1;
}
.ki-abstract-37.ki-filled:before {
  content: "\e949";
  position: absolute;
}
.ki-abstract-38.ki-filled:after {
  content: "\e94a";
  opacity: 0.1;
}
.ki-abstract-38.ki-filled:before {
  content: "\e94b";
  position: absolute;
}
.ki-abstract-39.ki-filled:after {
  content: "\e94c";
  opacity: 0.1;
}
.ki-abstract-39.ki-filled:before {
  content: "\e94d";
  position: absolute;
}
.ki-abstract-40.ki-filled:after {
  content: "\e94e";
  opacity: 0.1;
}
.ki-abstract-40.ki-filled:before {
  content: "\e94f";
  position: absolute;
}
.ki-abstract-41.ki-filled:after {
  content: "\e950";
  opacity: 0.1;
}
.ki-abstract-41.ki-filled:before {
  content: "\e951";
  position: absolute;
}
.ki-abstract-42.ki-filled:after {
  content: "\e952";
  opacity: 0.1;
}
.ki-abstract-42.ki-filled:before {
  content: "\e953";
  position: absolute;
}
.ki-abstract-43.ki-filled:after {
  content: "\e954";
  opacity: 0.1;
}
.ki-abstract-43.ki-filled:before {
  content: "\e955";
  position: absolute;
}
.ki-abstract-44.ki-filled:after {
  content: "\e956";
  opacity: 0.1;
}
.ki-abstract-44.ki-filled:before {
  content: "\e957";
  position: absolute;
}
.ki-abstract-45.ki-filled:before {
  content: "\e958";
}
.ki-abstract-46.ki-filled:after {
  content: "\e959";
  opacity: 0.1;
}
.ki-abstract-46.ki-filled:before {
  content: "\e95a";
  position: absolute;
}
.ki-abstract-47.ki-filled:after {
  content: "\e95b";
  opacity: 0.1;
}
.ki-abstract-47.ki-filled:before {
  content: "\e95c";
  position: absolute;
}
.ki-abstract-48.ki-filled:after {
  content: "\e95d";
  opacity: 0.1;
}
.ki-abstract-48.ki-filled:before {
  content: "\e95e";
  position: absolute;
}
.ki-abstract-49.ki-filled:after {
  content: "\e95f";
  opacity: 0.1;
}
.ki-abstract-49.ki-filled:before {
  content: "\e960";
  position: absolute;
}
.ki-abstract.ki-filled:after {
  content: "\e961";
  opacity: 0.1;
}
.ki-abstract.ki-filled:before {
  content: "\e962";
  position: absolute;
}
.ki-add-files.ki-filled:after {
  content: "\e963";
  opacity: 0.1;
}
.ki-add-files.ki-filled:before {
  content: "\e964";
  position: absolute;
}
.ki-add-folder.ki-filled:after {
  content: "\e965";
  opacity: 0.1;
}
.ki-add-folder.ki-filled:before {
  content: "\e966";
  position: absolute;
}
.ki-add-notepad.ki-filled:after {
  content: "\e967";
  opacity: 0.1;
}
.ki-add-notepad.ki-filled:before {
  content: "\e968";
  position: absolute;
}
.ki-additem.ki-filled:after {
  content: "\e969";
  opacity: 0.1;
}
.ki-additem.ki-filled:before {
  content: "\e96a";
  position: absolute;
}
.ki-address-book.ki-filled:after {
  content: "\e96b";
  opacity: 0.1;
}
.ki-address-book.ki-filled:before {
  content: "\e96c";
  position: absolute;
}
.ki-airplane-square.ki-filled:after {
  content: "\e96d";
  opacity: 0.1;
}
.ki-airplane-square.ki-filled:before {
  content: "\e96e";
  position: absolute;
}
.ki-airplane.ki-filled:after {
  content: "\e96f";
  opacity: 0.1;
}
.ki-airplane.ki-filled:before {
  content: "\e970";
  position: absolute;
}
.ki-airpod.ki-filled:after {
  content: "\e971";
  opacity: 0.1;
}
.ki-airpod.ki-filled:before {
  content: "\e972";
  position: absolute;
}
.ki-android.ki-filled:after {
  content: "\e973";
  opacity: 0.1;
}
.ki-android.ki-filled:before {
  content: "\e974";
  position: absolute;
}
.ki-angular.ki-filled:after {
  content: "\e975";
  opacity: 0.1;
}
.ki-angular.ki-filled:before {
  content: "\e976";
  position: absolute;
}
.ki-apple.ki-filled:after {
  content: "\e977";
  opacity: 0.1;
}
.ki-apple.ki-filled:before {
  content: "\e978";
  position: absolute;
}
.ki-archive-tick.ki-filled:after {
  content: "\e979";
  opacity: 0.1;
}
.ki-archive-tick.ki-filled:before {
  content: "\e97a";
  position: absolute;
}
.ki-archive.ki-filled:after {
  content: "\e97b";
  opacity: 0.1;
}
.ki-archive.ki-filled:before {
  content: "\e97c";
  position: absolute;
}
.ki-arrow-circle-left.ki-filled:after {
  content: "\e97d";
  opacity: 0.1;
}
.ki-arrow-circle-left.ki-filled:before {
  content: "\e97e";
  position: absolute;
}
.ki-arrow-circle-right.ki-filled:after {
  content: "\e97f";
  opacity: 0.1;
}
.ki-arrow-circle-right.ki-filled:before {
  content: "\e980";
  position: absolute;
}
.ki-arrow-down-left.ki-filled:before {
  content: "\e981";
}
.ki-arrow-down-refraction.ki-filled:before {
  content: "\e982";
}
.ki-arrow-down-right.ki-filled:before {
  content: "\e983";
}
.ki-arrow-down.ki-filled:before {
  content: "\e984";
}
.ki-arrow-left.ki-filled:before {
  content: "\e985";
}
.ki-arrow-mix.ki-filled:before {
  content: "\e986";
}
.ki-arrow-right-left.ki-filled:before {
  content: "\e987";
}
.ki-arrow-right.ki-filled:before {
  content: "\e988";
}
.ki-arrow-two-diagonals.ki-filled:before {
  content: "\e989";
}
.ki-arrow-up-down.ki-filled:before {
  content: "\e98a";
}
.ki-arrow-up-left.ki-filled:before {
  content: "\e98b";
}
.ki-arrow-up-refraction.ki-filled:before {
  content: "\e98c";
}
.ki-arrow-up-right.ki-filled:before {
  content: "\e98d";
}
.ki-arrow-up.ki-filled:before {
  content: "\e98e";
}
.ki-arrow-zigzag.ki-filled:before {
  content: "\e98f";
}
.ki-arrows-circle.ki-filled:before {
  content: "\e990";
}
.ki-arrows-loop.ki-filled:before {
  content: "\e991";
}
.ki-artificial-intelligence.ki-filled:after {
  content: "\e992";
  opacity: 0.1;
}
.ki-artificial-intelligence.ki-filled:before {
  content: "\e993";
  position: absolute;
}
.ki-autobrightness.ki-filled:after {
  content: "\e994";
  opacity: 0.1;
}
.ki-autobrightness.ki-filled:before {
  content: "\e995";
  position: absolute;
}
.ki-avalanche-avax.ki-filled:after {
  content: "\e996";
  opacity: 0.1;
}
.ki-avalanche-avax.ki-filled:before {
  content: "\e997";
  position: absolute;
}
.ki-award.ki-filled:after {
  content: "\e998";
  opacity: 0.1;
}
.ki-award.ki-filled:before {
  content: "\e999";
  position: absolute;
}
.ki-badge.ki-filled:after {
  content: "\e99a";
  opacity: 0.1;
}
.ki-badge.ki-filled:before {
  content: "\e99b";
  position: absolute;
}
.ki-bandage.ki-filled:after {
  content: "\e99c";
  opacity: 0.1;
}
.ki-bandage.ki-filled:before {
  content: "\e99d";
  position: absolute;
}
.ki-bank.ki-filled:after {
  content: "\e99e";
  opacity: 0.1;
}
.ki-bank.ki-filled:before {
  content: "\e99f";
  position: absolute;
}
.ki-bar-chart.ki-filled:after {
  content: "\e9a0";
  opacity: 0.1;
}
.ki-bar-chart.ki-filled:before {
  content: "\e9a1";
  position: absolute;
}
.ki-barcode.ki-filled:after {
  content: "\e9a2";
  opacity: 0.1;
}
.ki-barcode.ki-filled:before {
  content: "\e9a3";
  position: absolute;
}
.ki-basket-ok.ki-filled:after {
  content: "\e9a4";
  opacity: 0.1;
}
.ki-basket-ok.ki-filled:before {
  content: "\e9a5";
  position: absolute;
}
.ki-basket.ki-filled:after {
  content: "\e9a6";
  opacity: 0.1;
}
.ki-basket.ki-filled:before {
  content: "\e9a7";
  position: absolute;
}
.ki-behance.ki-filled:before {
  content: "\e9a8";
}
.ki-bill.ki-filled:after {
  content: "\e9a9";
  opacity: 0.1;
}
.ki-bill.ki-filled:before {
  content: "\e9aa";
  position: absolute;
}
.ki-binance-usd-busd.ki-filled:after {
  content: "\e9ab";
  opacity: 0.1;
}
.ki-binance-usd-busd.ki-filled:before {
  content: "\e9ac";
  position: absolute;
}
.ki-binance.ki-filled:after {
  content: "\e9ad";
  opacity: 0.1;
}
.ki-binance.ki-filled:before {
  content: "\e9ae";
  position: absolute;
}
.ki-bitcoin.ki-filled:after {
  content: "\e9af";
  opacity: 0.1;
}
.ki-bitcoin.ki-filled:before {
  content: "\e9b0";
  position: absolute;
}
.ki-black-down.ki-filled:before {
  content: "\e9b1";
}
.ki-black-left-line.ki-filled:before {
  content: "\e9b2";
}
.ki-black-left.ki-filled:before {
  content: "\e9b3";
}
.ki-black-right-line.ki-filled:before {
  content: "\e9b4";
}
.ki-black-right.ki-filled:before {
  content: "\e9b5";
}
.ki-black-up.ki-filled:before {
  content: "\e9b6";
}
.ki-bluetooth.ki-filled:after {
  content: "\e9b7";
  opacity: 0.1;
}
.ki-bluetooth.ki-filled:before {
  content: "\e9b8";
  position: absolute;
}
.ki-book-open.ki-filled:after {
  content: "\e9b9";
  opacity: 0.1;
}
.ki-book-open.ki-filled:before {
  content: "\e9ba";
  position: absolute;
}
.ki-book-square.ki-filled:after {
  content: "\e9bb";
  opacity: 0.1;
}
.ki-book-square.ki-filled:before {
  content: "\e9bc";
  position: absolute;
}
.ki-book.ki-filled:after {
  content: "\e9bd";
  opacity: 0.1;
}
.ki-book.ki-filled:before {
  content: "\e9be";
  position: absolute;
}
.ki-bookmark-2.ki-filled:after {
  content: "\e9bf";
  opacity: 0.1;
}
.ki-bookmark-2.ki-filled:before {
  content: "\e9c0";
  position: absolute;
}
.ki-bookmark.ki-filled:after {
  content: "\e9c1";
  opacity: 0.1;
}
.ki-bookmark.ki-filled:before {
  content: "\e9c2";
  position: absolute;
}
.ki-bootstrap.ki-filled:after {
  content: "\e9c3";
  opacity: 0.1;
}
.ki-bootstrap.ki-filled:before {
  content: "\e9c4";
  position: absolute;
}
.ki-briefcase.ki-filled:after {
  content: "\e9c5";
  opacity: 0.1;
}
.ki-briefcase.ki-filled:before {
  content: "\e9c6";
  position: absolute;
}
.ki-brifecase-cros.ki-filled:after {
  content: "\e9c7";
  opacity: 0.1;
}
.ki-brifecase-cros.ki-filled:before {
  content: "\e9c8";
  position: absolute;
}
.ki-brifecase-tick.ki-filled:after {
  content: "\e9c9";
  opacity: 0.1;
}
.ki-brifecase-tick.ki-filled:before {
  content: "\e9ca";
  position: absolute;
}
.ki-brifecase-timer.ki-filled:after {
  content: "\e9cb";
  opacity: 0.1;
}
.ki-brifecase-timer.ki-filled:before {
  content: "\e9cc";
  position: absolute;
}
.ki-brush.ki-filled:after {
  content: "\e9cd";
  opacity: 0.1;
}
.ki-brush.ki-filled:before {
  content: "\e9ce";
  position: absolute;
}
.ki-bucket-square.ki-filled:after {
  content: "\e9cf";
  opacity: 0.1;
}
.ki-bucket-square.ki-filled:before {
  content: "\e9d0";
  position: absolute;
}
.ki-bucket.ki-filled:after {
  content: "\e9d1";
  opacity: 0.1;
}
.ki-bucket.ki-filled:before {
  content: "\e9d2";
  position: absolute;
}
.ki-burger-menu-1.ki-filled:after {
  content: "\e9d3";
  opacity: 0.1;
}
.ki-burger-menu-1.ki-filled:before {
  content: "\e9d4";
  position: absolute;
}
.ki-burger-menu-2.ki-filled:after {
  content: "\e9d5";
  opacity: 0.1;
}
.ki-burger-menu-2.ki-filled:before {
  content: "\e9d6";
  position: absolute;
}
.ki-burger-menu-3.ki-filled:after {
  content: "\e9d7";
  opacity: 0.1;
}
.ki-burger-menu-3.ki-filled:before {
  content: "\e9d8";
  position: absolute;
}
.ki-burger-menu-4.ki-filled:before {
  content: "\e9d9";
}
.ki-burger-menu-5.ki-filled:before {
  content: "\e9da";
}
.ki-burger-menu-6.ki-filled:before {
  content: "\e9db";
}
.ki-burger-menu.ki-filled:after {
  content: "\e9dc";
  opacity: 0.1;
}
.ki-burger-menu.ki-filled:before {
  content: "\e9dd";
  position: absolute;
}
.ki-bus.ki-filled:after {
  content: "\e9de";
  opacity: 0.1;
}
.ki-bus.ki-filled:before {
  content: "\e9df";
  position: absolute;
}
.ki-calculator.ki-filled:after {
  content: "\e9e0";
  opacity: 0.1;
}
.ki-calculator.ki-filled:before {
  content: "\e9e1";
  position: absolute;
}
.ki-calculatoror.ki-filled:after {
  content: "\e9e2";
  opacity: 0.1;
}
.ki-calculatoror.ki-filled:before {
  content: "\e9e3";
  position: absolute;
}
.ki-calendar-2.ki-filled:after {
  content: "\e9e4";
  opacity: 0.1;
}
.ki-calendar-2.ki-filled:before {
  content: "\e9e5";
  position: absolute;
}
.ki-calendar-8.ki-filled:after {
  content: "\e9e6";
  opacity: 0.1;
}
.ki-calendar-8.ki-filled:before {
  content: "\e9e7";
  position: absolute;
}
.ki-calendar-add.ki-filled:after {
  content: "\e9e8";
  opacity: 0.1;
}
.ki-calendar-add.ki-filled:before {
  content: "\e9e9";
  position: absolute;
}
.ki-calendar-edit.ki-filled:after {
  content: "\e9ea";
  opacity: 0.1;
}
.ki-calendar-edit.ki-filled:before {
  content: "\e9eb";
  position: absolute;
}
.ki-calendar-remove.ki-filled:after {
  content: "\e9ec";
  opacity: 0.1;
}
.ki-calendar-remove.ki-filled:before {
  content: "\e9ed";
  position: absolute;
}
.ki-calendar-search.ki-filled:after {
  content: "\e9ee";
  opacity: 0.1;
}
.ki-calendar-search.ki-filled:before {
  content: "\e9ef";
  position: absolute;
}
.ki-calendar-tick.ki-filled:after {
  content: "\e9f0";
  opacity: 0.1;
}
.ki-calendar-tick.ki-filled:before {
  content: "\e9f1";
  position: absolute;
}
.ki-calendar.ki-filled:after {
  content: "\e9f2";
  opacity: 0.1;
}
.ki-calendar.ki-filled:before {
  content: "\e9f3";
  position: absolute;
}
.ki-call.ki-filled:after {
  content: "\e9f4";
}
.ki-call.ki-filled:before {
  content: "\e9f5";
  position: absolute;
  opacity: 0.1;
}
.ki-capsule.ki-filled:after {
  content: "\e9f6";
  opacity: 0.1;
}
.ki-capsule.ki-filled:before {
  content: "\e9f7";
  position: absolute;
}
.ki-car.ki-filled:after {
  content: "\e9f8";
  opacity: 0.1;
}
.ki-car.ki-filled:before {
  content: "\e9f9";
  position: absolute;
}
.ki-category.ki-filled:after {
  content: "\e9fa";
  opacity: 0.1;
}
.ki-category.ki-filled:before {
  content: "\e9fb";
  position: absolute;
}
.ki-cd.ki-filled:after {
  content: "\e9fc";
}
.ki-cd.ki-filled:before {
  content: "\e9fd";
  position: absolute;
  opacity: 0.1;
}
.ki-celsius-cel.ki-filled:after {
  content: "\e9fe";
  opacity: 0.1;
}
.ki-celsius-cel.ki-filled:before {
  content: "\e9ff";
  position: absolute;
}
.ki-chart-line-down-2.ki-filled:after {
  content: "\ea00";
  opacity: 0.1;
}
.ki-chart-line-down-2.ki-filled:before {
  content: "\ea01";
  position: absolute;
}
.ki-chart-line-down.ki-filled:before {
  content: "\ea02";
}
.ki-chart-line-star.ki-filled:after {
  content: "\ea03";
  opacity: 0.1;
}
.ki-chart-line-star.ki-filled:before {
  content: "\ea04";
  position: absolute;
}
.ki-chart-line-up-2.ki-filled:after {
  content: "\ea05";
  opacity: 0.1;
}
.ki-chart-line-up-2.ki-filled:before {
  content: "\ea06";
  position: absolute;
}
.ki-chart-line-up.ki-filled:before {
  content: "\ea07";
}
.ki-chart-line.ki-filled:after {
  content: "\ea08";
  opacity: 0.1;
}
.ki-chart-line.ki-filled:before {
  content: "\ea09";
  position: absolute;
}
.ki-chart-pie-3.ki-filled:after {
  content: "\ea0a";
  opacity: 0.1;
}
.ki-chart-pie-3.ki-filled:before {
  content: "\ea0b";
  position: absolute;
}
.ki-chart-pie-4.ki-filled:after {
  content: "\ea0c";
  opacity: 0.1;
}
.ki-chart-pie-4.ki-filled:before {
  content: "\ea0d";
  position: absolute;
}
.ki-chart-pie-simple.ki-filled:after {
  content: "\ea0e";
  opacity: 0.1;
}
.ki-chart-pie-simple.ki-filled:before {
  content: "\ea0f";
  position: absolute;
}
.ki-chart-pie-too.ki-filled:after {
  content: "\ea10";
  opacity: 0.1;
}
.ki-chart-pie-too.ki-filled:before {
  content: "\ea11";
  position: absolute;
}
.ki-chart-simple-2.ki-filled:after {
  content: "\ea12";
  opacity: 0.1;
}
.ki-chart-simple-2.ki-filled:before {
  content: "\ea13";
  position: absolute;
}
.ki-chart-simple-3.ki-filled:after {
  content: "\ea14";
  opacity: 0.1;
}
.ki-chart-simple-3.ki-filled:before {
  content: "\ea15";
  position: absolute;
}
.ki-chart-simple.ki-filled:after {
  content: "\ea16";
  opacity: 0.1;
}
.ki-chart-simple.ki-filled:before {
  content: "\ea17";
  position: absolute;
}
.ki-chart.ki-filled:after {
  content: "\ea18";
  opacity: 0.1;
}
.ki-chart.ki-filled:before {
  content: "\ea19";
  position: absolute;
}
.ki-check-circle.ki-filled:after {
  content: "\ea1a";
  opacity: 0.1;
}
.ki-check-circle.ki-filled:before {
  content: "\ea1b";
  position: absolute;
}
.ki-check-squared.ki-filled:after {
  content: "\ea1c";
  opacity: 0.1;
}
.ki-check-squared.ki-filled:before {
  content: "\ea1d";
  position: absolute;
}
.ki-check.ki-filled:before {
  content: "\ea1e";
}
.ki-cheque.ki-filled:after {
  content: "\ea1f";
  opacity: 0.1;
}
.ki-cheque.ki-filled:before {
  content: "\ea20";
  position: absolute;
}
.ki-chrome.ki-filled:after {
  content: "\ea21";
  opacity: 0.1;
}
.ki-chrome.ki-filled:before {
  content: "\ea22";
  position: absolute;
}
.ki-classmates.ki-filled:after {
  content: "\ea23";
  opacity: 0.1;
}
.ki-classmates.ki-filled:before {
  content: "\ea24";
  position: absolute;
}
.ki-click.ki-filled:after {
  content: "\ea25";
  opacity: 0.1;
}
.ki-click.ki-filled:before {
  content: "\ea26";
  position: absolute;
}
.ki-clipboard.ki-filled:after {
  content: "\ea27";
  opacity: 0.1;
}
.ki-clipboard.ki-filled:before {
  content: "\ea28";
  position: absolute;
}
.ki-cloud-add.ki-filled:after {
  content: "\ea29";
  opacity: 0.1;
}
.ki-cloud-add.ki-filled:before {
  content: "\ea2a";
  position: absolute;
}
.ki-cloud-change.ki-filled:after {
  content: "\ea2b";
  opacity: 0.1;
}
.ki-cloud-change.ki-filled:before {
  content: "\ea2c";
  position: absolute;
}
.ki-cloud-download.ki-filled:after {
  content: "\ea2d";
  opacity: 0.1;
}
.ki-cloud-download.ki-filled:before {
  content: "\ea2e";
  position: absolute;
}
.ki-cloud.ki-filled:after {
  content: "\ea2f";
  opacity: 0.1;
}
.ki-cloud.ki-filled:before {
  content: "\ea30";
  position: absolute;
}
.ki-code.ki-filled:after {
  content: "\ea31";
  opacity: 0.1;
}
.ki-code.ki-filled:before {
  content: "\ea32";
  position: absolute;
}
.ki-coffee.ki-filled:after {
  content: "\ea33";
  opacity: 0.1;
}
.ki-coffee.ki-filled:before {
  content: "\ea34";
  position: absolute;
}
.ki-color-swatch.ki-filled:after {
  content: "\ea35";
  opacity: 0.1;
}
.ki-color-swatch.ki-filled:before {
  content: "\ea36";
  position: absolute;
}
.ki-colors-square.ki-filled:after {
  content: "\ea37";
  opacity: 0.1;
}
.ki-colors-square.ki-filled:before {
  content: "\ea38";
  position: absolute;
}
.ki-compass.ki-filled:after {
  content: "\ea39";
  opacity: 0.1;
}
.ki-compass.ki-filled:before {
  content: "\ea3a";
  position: absolute;
}
.ki-copy-success.ki-filled:after {
  content: "\ea3b";
  opacity: 0.1;
}
.ki-copy-success.ki-filled:before {
  content: "\ea3c";
  position: absolute;
}
.ki-copy.ki-filled:after {
  content: "\ea3d";
  opacity: 0.1;
}
.ki-copy.ki-filled:before {
  content: "\ea3e";
  position: absolute;
}
.ki-courier-express.ki-filled:after {
  content: "\ea3f";
  opacity: 0.1;
}
.ki-courier-express.ki-filled:before {
  content: "\ea40";
  position: absolute;
}
.ki-courier.ki-filled:after {
  content: "\ea41";
  opacity: 0.1;
}
.ki-courier.ki-filled:before {
  content: "\ea42";
  position: absolute;
}
.ki-credit-cart.ki-filled:after {
  content: "\ea43";
  opacity: 0.1;
}
.ki-credit-cart.ki-filled:before {
  content: "\ea44";
  position: absolute;
}
.ki-cross-circle.ki-filled:after {
  content: "\ea45";
  opacity: 0.1;
}
.ki-cross-circle.ki-filled:before {
  content: "\ea46";
  position: absolute;
}
.ki-cross-square.ki-filled:after {
  content: "\ea47";
  opacity: 0.1;
}
.ki-cross-square.ki-filled:before {
  content: "\ea48";
  position: absolute;
}
.ki-cross.ki-filled:before {
  content: "\ea49";
}
.ki-crown-2.ki-filled:after {
  content: "\ea4a";
  opacity: 0.1;
}
.ki-crown-2.ki-filled:before {
  content: "\ea4b";
  position: absolute;
}
.ki-crown.ki-filled:after {
  content: "\ea4c";
  opacity: 0.1;
}
.ki-crown.ki-filled:before {
  content: "\ea4d";
  position: absolute;
}
.ki-css.ki-filled:after {
  content: "\ea4e";
  opacity: 0.1;
}
.ki-css.ki-filled:before {
  content: "\ea4f";
  position: absolute;
}
.ki-cube-2.ki-filled:after {
  content: "\ea50";
  opacity: 0.1;
}
.ki-cube-2.ki-filled:before {
  content: "\ea51";
  position: absolute;
}
.ki-cube-3.ki-filled:after {
  content: "\ea52";
  opacity: 0.1;
}
.ki-cube-3.ki-filled:before {
  content: "\ea53";
  position: absolute;
}
.ki-cup.ki-filled:after {
  content: "\ea54";
  opacity: 0.1;
}
.ki-cup.ki-filled:before {
  content: "\ea55";
  position: absolute;
}
.ki-cursor.ki-filled:after {
  content: "\ea56";
  opacity: 0.1;
}
.ki-cursor.ki-filled:before {
  content: "\ea57";
  position: absolute;
}
.ki-dash.ki-filled:after {
  content: "\ea58";
  opacity: 0.1;
}
.ki-dash.ki-filled:before {
  content: "\ea59";
  position: absolute;
}
.ki-data.ki-filled:after {
  content: "\ea5a";
  opacity: 0.1;
}
.ki-data.ki-filled:before {
  content: "\ea5b";
  position: absolute;
}
.ki-delete-files.ki-filled:after {
  content: "\ea5c";
  opacity: 0.1;
}
.ki-delete-files.ki-filled:before {
  content: "\ea5d";
  position: absolute;
}
.ki-delete-folder.ki-filled:after {
  content: "\ea5e";
  opacity: 0.1;
}
.ki-delete-folder.ki-filled:before {
  content: "\ea5f";
  position: absolute;
}
.ki-delivery-2.ki-filled:after {
  content: "\ea60";
  opacity: 0.1;
}
.ki-delivery-2.ki-filled:before {
  content: "\ea61";
  position: absolute;
}
.ki-delivery-3.ki-filled:after {
  content: "\ea62";
  opacity: 0.1;
}
.ki-delivery-3.ki-filled:before {
  content: "\ea63";
  position: absolute;
}
.ki-delivery-24.ki-filled:after {
  content: "\ea64";
  opacity: 0.1;
}
.ki-delivery-24.ki-filled:before {
  content: "\ea65";
  position: absolute;
}
.ki-delivery-door.ki-filled:after {
  content: "\ea66";
  opacity: 0.1;
}
.ki-delivery-door.ki-filled:before {
  content: "\ea67";
  position: absolute;
}
.ki-delivery-geolocation.ki-filled:after {
  content: "\ea68";
  opacity: 0.1;
}
.ki-delivery-geolocation.ki-filled:before {
  content: "\ea69";
  position: absolute;
}
.ki-delivery-time.ki-filled:after {
  content: "\ea6a";
  opacity: 0.1;
}
.ki-delivery-time.ki-filled:before {
  content: "\ea6b";
  position: absolute;
}
.ki-delivery.ki-filled:after {
  content: "\ea6c";
  opacity: 0.1;
}
.ki-delivery.ki-filled:before {
  content: "\ea6d";
  position: absolute;
}
.ki-design-1.ki-filled:after {
  content: "\ea6e";
  opacity: 0.1;
}
.ki-design-1.ki-filled:before {
  content: "\ea6f";
  position: absolute;
}
.ki-design-2.ki-filled:after {
  content: "\ea70";
  opacity: 0.1;
}
.ki-design-2.ki-filled:before {
  content: "\ea71";
  position: absolute;
}
.ki-desktop-mobile.ki-filled:after {
  content: "\ea72";
  opacity: 0.1;
}
.ki-desktop-mobile.ki-filled:before {
  content: "\ea73";
  position: absolute;
}
.ki-devices-2.ki-filled:after {
  content: "\ea74";
  opacity: 0.1;
}
.ki-devices-2.ki-filled:before {
  content: "\ea75";
  position: absolute;
}
.ki-devices.ki-filled:after {
  content: "\ea76";
  opacity: 0.1;
}
.ki-devices.ki-filled:before {
  content: "\ea77";
  position: absolute;
}
.ki-diamonds.ki-filled:after {
  content: "\ea78";
  opacity: 0.1;
}
.ki-diamonds.ki-filled:before {
  content: "\ea79";
  position: absolute;
}
.ki-directbox-default.ki-filled:after {
  content: "\ea7a";
  opacity: 0.1;
}
.ki-directbox-default.ki-filled:before {
  content: "\ea7b";
  position: absolute;
}
.ki-disconnect.ki-filled:after {
  content: "\ea7c";
  opacity: 0.1;
}
.ki-disconnect.ki-filled:before {
  content: "\ea7d";
  position: absolute;
}
.ki-discount.ki-filled:after {
  content: "\ea7e";
  opacity: 0.1;
}
.ki-discount.ki-filled:before {
  content: "\ea7f";
  position: absolute;
}
.ki-disguise.ki-filled:after {
  content: "\ea80";
  opacity: 0.1;
}
.ki-disguise.ki-filled:before {
  content: "\ea81";
  position: absolute;
}
.ki-disk.ki-filled:after {
  content: "\ea82";
  opacity: 0.1;
}
.ki-disk.ki-filled:before {
  content: "\ea83";
  position: absolute;
}
.ki-dislike.ki-filled:after {
  content: "\ea84";
  opacity: 0.1;
}
.ki-dislike.ki-filled:before {
  content: "\ea85";
  position: absolute;
}
.ki-dj.ki-filled:after {
  content: "\ea86";
  opacity: 0.1;
}
.ki-dj.ki-filled:before {
  content: "\ea87";
  position: absolute;
}
.ki-document.ki-filled:after {
  content: "\ea88";
  opacity: 0.1;
}
.ki-document.ki-filled:before {
  content: "\ea89";
  position: absolute;
}
.ki-double-check.ki-filled:before {
  content: "\ea8a";
}
.ki-dollar.ki-filled:after {
  content: "\ea8b";
  opacity: 0.1;
}
.ki-dollar.ki-filled:before {
  content: "\ea8c";
  position: absolute;
}
.ki-dots-circle-vertical.ki-filled:after {
  content: "\ea8d";
  opacity: 0.1;
}
.ki-dots-circle-vertical.ki-filled:before {
  content: "\ea8e";
  position: absolute;
}
.ki-dots-circle.ki-filled:after {
  content: "\ea8f";
  opacity: 0.1;
}
.ki-dots-circle.ki-filled:before {
  content: "\ea90";
  position: absolute;
}
.ki-dots-horizontal.ki-filled:before {
  content: "\ea91";
}
.ki-dots-square-vertical.ki-filled:after {
  content: "\ea92";
  opacity: 0.1;
}
.ki-dots-square-vertical.ki-filled:before {
  content: "\ea93";
  position: absolute;
}
.ki-dots-square.ki-filled:after {
  content: "\ea94";
  opacity: 0.1;
}
.ki-dots-square.ki-filled:before {
  content: "\ea95";
  position: absolute;
}
.ki-dots-vertical.ki-filled:before {
  content: "\ea96";
}
.ki-double-check-circle.ki-filled:after {
  content: "\ea97";
  opacity: 0.1;
}
.ki-double-check-circle.ki-filled:before {
  content: "\ea98";
  position: absolute;
}
.ki-double-down.ki-filled:before {
  content: "\ea99";
}
.ki-double-left-arrow.ki-filled:after {
  content: "\ea9a";
  opacity: 0.1;
}
.ki-double-left-arrow.ki-filled:before {
  content: "\ea9b";
  position: absolute;
}
.ki-double-left.ki-filled:before {
  content: "\ea9c";
}
.ki-double-right-arrow.ki-filled:after {
  content: "\ea9d";
  opacity: 0.1;
}
.ki-double-right-arrow.ki-filled:before {
  content: "\ea9e";
  position: absolute;
}
.ki-double-right.ki-filled:before {
  content: "\ea9f";
}
.ki-double-up.ki-filled:before {
  content: "\eaa0";
}
.ki-down-square.ki-filled:after {
  content: "\eaa1";
  opacity: 0.1;
}
.ki-down-square.ki-filled:before {
  content: "\eaa2";
  position: absolute;
}
.ki-down.ki-filled:before {
  content: "\eaa3";
}
.ki-dribbble.ki-filled:after {
  content: "\eaa4";
  opacity: 0.1;
}
.ki-dribbble.ki-filled:before {
  content: "\eaa5";
  position: absolute;
}
.ki-drop.ki-filled:after {
  content: "\eaa6";
  opacity: 0.1;
}
.ki-drop.ki-filled:before {
  content: "\eaa7";
  position: absolute;
}
.ki-dropbox.ki-filled:after {
  content: "\eaa8";
  opacity: 0.1;
}
.ki-dropbox.ki-filled:before {
  content: "\eaa9";
  position: absolute;
}
.ki-educare-ekt.ki-filled:after {
  content: "\eaaa";
  opacity: 0.1;
}
.ki-educare-ekt.ki-filled:before {
  content: "\eaab";
  position: absolute;
}
.ki-electricity.ki-filled:after {
  content: "\eaac";
  opacity: 0.1;
}
.ki-electricity.ki-filled:before {
  content: "\eaad";
  position: absolute;
}
.ki-electronic-clock.ki-filled:after {
  content: "\eaae";
  opacity: 0.1;
}
.ki-electronic-clock.ki-filled:before {
  content: "\eaaf";
  position: absolute;
}
.ki-element-1.ki-filled:after {
  content: "\eab0";
  opacity: 0.1;
}
.ki-element-1.ki-filled:before {
  content: "\eab1";
  position: absolute;
}
.ki-element-2.ki-filled:after {
  content: "\eab2";
  opacity: 0.1;
}
.ki-element-2.ki-filled:before {
  content: "\eab3";
  position: absolute;
}
.ki-element-3.ki-filled:after {
  content: "\eab4";
  opacity: 0.1;
}
.ki-element-3.ki-filled:before {
  content: "\eab5";
  position: absolute;
}
.ki-element-4.ki-filled:after {
  content: "\eab6";
  opacity: 0.1;
}
.ki-element-4.ki-filled:before {
  content: "\eab7";
  position: absolute;
}
.ki-element-5.ki-filled:after {
  content: "\eab8";
  opacity: 0.1;
}
.ki-element-5.ki-filled:before {
  content: "\eab9";
  position: absolute;
}
.ki-element-6.ki-filled:after {
  content: "\eaba";
  opacity: 0.1;
}
.ki-element-6.ki-filled:before {
  content: "\eabb";
  position: absolute;
}
.ki-element-7.ki-filled:after {
  content: "\eabc";
  opacity: 0.1;
}
.ki-element-7.ki-filled:before {
  content: "\eabd";
  position: absolute;
}
.ki-element-8.ki-filled:after {
  content: "\eabe";
  opacity: 0.1;
}
.ki-element-8.ki-filled:before {
  content: "\eabf";
  position: absolute;
}
.ki-element-9.ki-filled:after {
  content: "\eac0";
  opacity: 0.1;
}
.ki-element-9.ki-filled:before {
  content: "\eac1";
  position: absolute;
}
.ki-element-10.ki-filled:after {
  content: "\eac2";
  opacity: 0.1;
}
.ki-element-10.ki-filled:before {
  content: "\eac3";
  position: absolute;
}
.ki-element-11.ki-filled:after {
  content: "\eac4";
  opacity: 0.1;
}
.ki-element-11.ki-filled:before {
  content: "\eac5";
  position: absolute;
}
.ki-element-12.ki-filled:after {
  content: "\eac6";
  opacity: 0.1;
}
.ki-element-12.ki-filled:before {
  content: "\eac7";
  position: absolute;
}
.ki-element-equal.ki-filled:after {
  content: "\eac8";
  opacity: 0.1;
}
.ki-element-equal.ki-filled:before {
  content: "\eac9";
  position: absolute;
}
.ki-element-plus.ki-filled:after {
  content: "\eaca";
  opacity: 0.1;
}
.ki-element-plus.ki-filled:before {
  content: "\eacb";
  position: absolute;
}
.ki-emoji-happy.ki-filled:after {
  content: "\eacc";
  opacity: 0.1;
}
.ki-emoji-happy.ki-filled:before {
  content: "\eacd";
  position: absolute;
}
.ki-enjin-coin-enj.ki-filled:after {
  content: "\eace";
  opacity: 0.1;
}
.ki-enjin-coin-enj.ki-filled:before {
  content: "\eacf";
  position: absolute;
}
.ki-ensure.ki-filled:after {
  content: "\ead0";
  opacity: 0.1;
}
.ki-ensure.ki-filled:before {
  content: "\ead1";
  position: absolute;
}
.ki-entrance-left.ki-filled:after {
  content: "\ead2";
  opacity: 0.1;
}
.ki-entrance-left.ki-filled:before {
  content: "\ead3";
  position: absolute;
}
.ki-entrance-right.ki-filled:after {
  content: "\ead4";
  opacity: 0.1;
}
.ki-entrance-right.ki-filled:before {
  content: "\ead5";
  position: absolute;
}
.ki-eraser.ki-filled:after {
  content: "\ead6";
  opacity: 0.1;
}
.ki-eraser.ki-filled:before {
  content: "\ead7";
  position: absolute;
}
.ki-euro.ki-filled:after {
  content: "\ead8";
  opacity: 0.1;
}
.ki-euro.ki-filled:before {
  content: "\ead9";
  position: absolute;
}
.ki-exit-down.ki-filled:after {
  content: "\eada";
  opacity: 0.1;
}
.ki-exit-down.ki-filled:before {
  content: "\eadb";
  position: absolute;
}
.ki-exit-left.ki-filled:after {
  content: "\eadc";
  opacity: 0.1;
}
.ki-exit-left.ki-filled:before {
  content: "\eadd";
  position: absolute;
}
.ki-exit-right-corner.ki-filled:after {
  content: "\eade";
  opacity: 0.1;
}
.ki-exit-right-corner.ki-filled:before {
  content: "\eadf";
  position: absolute;
}
.ki-exit-right.ki-filled:after {
  content: "\eae0";
  opacity: 0.1;
}
.ki-exit-right.ki-filled:before {
  content: "\eae1";
  position: absolute;
}
.ki-exit-up.ki-filled:after {
  content: "\eae2";
  opacity: 0.1;
}
.ki-exit-up.ki-filled:before {
  content: "\eae3";
  position: absolute;
}
.ki-external-drive.ki-filled:after {
  content: "\eae4";
  opacity: 0.1;
}
.ki-external-drive.ki-filled:before {
  content: "\eae5";
  position: absolute;
}
.ki-eye-slash.ki-filled:after {
  content: "\eae6";
  opacity: 0.1;
}
.ki-eye-slash.ki-filled:before {
  content: "\eae7";
  position: absolute;
}
.ki-eye.ki-filled:after {
  content: "\eae8";
  opacity: 0.1;
}
.ki-eye.ki-filled:before {
  content: "\eae9";
  position: absolute;
}
.ki-face-id.ki-filled:after {
  content: "\eaea";
  opacity: 0.1;
}
.ki-face-id.ki-filled:before {
  content: "\eaeb";
  position: absolute;
}
.ki-facebook.ki-filled:after {
  content: "\eaec";
  opacity: 0.1;
}
.ki-facebook.ki-filled:before {
  content: "\eaed";
  position: absolute;
}
.ki-fasten.ki-filled:after {
  content: "\eaee";
  opacity: 0.1;
}
.ki-fasten.ki-filled:before {
  content: "\eaef";
  position: absolute;
}
.ki-fatrows.ki-filled:after {
  content: "\eaf0";
  opacity: 0.1;
}
.ki-fatrows.ki-filled:before {
  content: "\eaf1";
  position: absolute;
}
.ki-feather.ki-filled:after {
  content: "\eaf2";
  opacity: 0.1;
}
.ki-feather.ki-filled:before {
  content: "\eaf3";
  position: absolute;
}
.ki-figma.ki-filled:after {
  content: "\eaf4";
  opacity: 0.1;
}
.ki-figma.ki-filled:before {
  content: "\eaf5";
  position: absolute;
}
.ki-file-added.ki-filled:after {
  content: "\eaf6";
  opacity: 0.1;
}
.ki-file-added.ki-filled:before {
  content: "\eaf7";
  position: absolute;
}
.ki-file-deleted.ki-filled:after {
  content: "\eaf8";
  opacity: 0.1;
}
.ki-file-deleted.ki-filled:before {
  content: "\eaf9";
  position: absolute;
}
.ki-file-down.ki-filled:after {
  content: "\eafa";
  opacity: 0.1;
}
.ki-file-down.ki-filled:before {
  content: "\eafb";
  position: absolute;
}
.ki-file-left.ki-filled:after {
  content: "\eafc";
  opacity: 0.1;
}
.ki-file-left.ki-filled:before {
  content: "\eafd";
  position: absolute;
}
.ki-file-right.ki-filled:after {
  content: "\eafe";
  opacity: 0.1;
}
.ki-file-right.ki-filled:before {
  content: "\eaff";
  position: absolute;
}
.ki-file-sheet.ki-filled:after {
  content: "\eb00";
  opacity: 0.1;
}
.ki-file-sheet.ki-filled:before {
  content: "\eb01";
  position: absolute;
}
.ki-file-up.ki-filled:after {
  content: "\eb02";
  opacity: 0.1;
}
.ki-file-up.ki-filled:before {
  content: "\eb03";
  position: absolute;
}
.ki-files.ki-filled:after {
  content: "\eb04";
  opacity: 0.1;
}
.ki-files.ki-filled:before {
  content: "\eb05";
  position: absolute;
}
.ki-filter-edit.ki-filled:after {
  content: "\eb06";
  opacity: 0.1;
}
.ki-filter-edit.ki-filled:before {
  content: "\eb07";
  position: absolute;
}
.ki-filter-search.ki-filled:after {
  content: "\eb08";
  opacity: 0.1;
}
.ki-filter-search.ki-filled:before {
  content: "\eb09";
  position: absolute;
}
.ki-filter-square.ki-filled:after {
  content: "\eb0a";
  opacity: 0.1;
}
.ki-filter-square.ki-filled:before {
  content: "\eb0b";
  position: absolute;
}
.ki-filter-tablet.ki-filled:after {
  content: "\eb0c";
  opacity: 0.1;
}
.ki-filter-tablet.ki-filled:before {
  content: "\eb0d";
  position: absolute;
}
.ki-filter-tick.ki-filled:after {
  content: "\eb0e";
  opacity: 0.1;
}
.ki-filter-tick.ki-filled:before {
  content: "\eb0f";
  position: absolute;
}
.ki-filter.ki-filled:after {
  content: "\eb10";
  opacity: 0.1;
}
.ki-filter.ki-filled:before {
  content: "\eb11";
  position: absolute;
}
.ki-financial-schedule.ki-filled:after {
  content: "\eb12";
  opacity: 0.1;
}
.ki-financial-schedule.ki-filled:before {
  content: "\eb13";
  position: absolute;
}
.ki-fingerprint-scanning.ki-filled:before {
  content: "\eb14";
}
.ki-flag.ki-filled:after {
  content: "\eb15";
  opacity: 0.1;
}
.ki-flag.ki-filled:before {
  content: "\eb16";
  position: absolute;
}
.ki-flash-circle.ki-filled:after {
  content: "\eb17";
  opacity: 0.1;
}
.ki-flash-circle.ki-filled:before {
  content: "\eb18";
  position: absolute;
}
.ki-flask.ki-filled:after {
  content: "\eb19";
  opacity: 0.1;
}
.ki-flask.ki-filled:before {
  content: "\eb1a";
  position: absolute;
}
.ki-focus.ki-filled:after {
  content: "\eb1b";
  opacity: 0.1;
}
.ki-focus.ki-filled:before {
  content: "\eb1c";
  position: absolute;
}
.ki-folder-added.ki-filled:after {
  content: "\eb1d";
  opacity: 0.1;
}
.ki-folder-added.ki-filled:before {
  content: "\eb1e";
  position: absolute;
}
.ki-folder-down.ki-filled:after {
  content: "\eb1f";
  opacity: 0.1;
}
.ki-folder-down.ki-filled:before {
  content: "\eb20";
  position: absolute;
}
.ki-folder-up.ki-filled:after {
  content: "\eb21";
  opacity: 0.1;
}
.ki-folder-up.ki-filled:before {
  content: "\eb22";
  position: absolute;
}
.ki-folder.ki-filled:after {
  content: "\eb23";
  opacity: 0.1;
}
.ki-folder.ki-filled:before {
  content: "\eb24";
  position: absolute;
}
.ki-frame.ki-filled:after {
  content: "\eb25";
  opacity: 0.1;
}
.ki-frame.ki-filled:before {
  content: "\eb26";
  position: absolute;
}
.ki-geolocation-home.ki-filled:after {
  content: "\eb27";
  opacity: 0.1;
}
.ki-geolocation-home.ki-filled:before {
  content: "\eb28";
  position: absolute;
}
.ki-geolocation.ki-filled:after {
  content: "\eb29";
  opacity: 0.1;
}
.ki-geolocation.ki-filled:before {
  content: "\eb2a";
  position: absolute;
}
.ki-ghost.ki-filled:after {
  content: "\eb2b";
  opacity: 0.1;
}
.ki-ghost.ki-filled:before {
  content: "\eb2c";
  position: absolute;
}
.ki-gift.ki-filled:after {
  content: "\eb2d";
  opacity: 0.1;
}
.ki-gift.ki-filled:before {
  content: "\eb2e";
  position: absolute;
}
.ki-github.ki-filled:after {
  content: "\eb2f";
  opacity: 0.1;
}
.ki-github.ki-filled:before {
  content: "\eb30";
  position: absolute;
}
.ki-glass.ki-filled:after {
  content: "\eb31";
  opacity: 0.1;
}
.ki-glass.ki-filled:before {
  content: "\eb32";
  position: absolute;
}
.ki-google-play.ki-filled:after {
  content: "\eb33";
  opacity: 0.1;
}
.ki-google-play.ki-filled:before {
  content: "\eb34";
  position: absolute;
}
.ki-google.ki-filled:after {
  content: "\eb35";
  opacity: 0.1;
}
.ki-google.ki-filled:before {
  content: "\eb36";
  position: absolute;
}
.ki-graph-2.ki-filled:after {
  content: "\eb37";
  opacity: 0.1;
}
.ki-graph-2.ki-filled:before {
  content: "\eb38";
  position: absolute;
}
.ki-graph-3.ki-filled:after {
  content: "\eb39";
  opacity: 0.1;
}
.ki-graph-3.ki-filled:before {
  content: "\eb3a";
  position: absolute;
}
.ki-graph-4.ki-filled:after {
  content: "\eb3b";
  opacity: 0.1;
}
.ki-graph-4.ki-filled:before {
  content: "\eb3c";
  position: absolute;
}
.ki-graph-up.ki-filled:after {
  content: "\eb3d";
  opacity: 0.1;
}
.ki-graph-up.ki-filled:before {
  content: "\eb3e";
  position: absolute;
}
.ki-graph.ki-filled:after {
  content: "\eb3f";
  opacity: 0.1;
}
.ki-graph.ki-filled:before {
  content: "\eb40";
  position: absolute;
}
.ki-grid-2.ki-filled:after {
  content: "\eb41";
  opacity: 0.1;
}
.ki-grid-2.ki-filled:before {
  content: "\eb42";
  position: absolute;
}
.ki-grid.ki-filled:after {
  content: "\eb43";
  opacity: 0.1;
}
.ki-grid.ki-filled:before {
  content: "\eb44";
  position: absolute;
}
.ki-handcart.ki-filled:after {
  content: "\eb45";
  opacity: 0.1;
}
.ki-handcart.ki-filled:before {
  content: "\eb46";
  position: absolute;
}
.ki-happyemoji.ki-filled:after {
  content: "\eb47";
  opacity: 0.1;
}
.ki-happyemoji.ki-filled:before {
  content: "\eb48";
  position: absolute;
}
.ki-heart-circle.ki-filled:after {
  content: "\eb49";
  opacity: 0.1;
}
.ki-heart-circle.ki-filled:before {
  content: "\eb4a";
  position: absolute;
}
.ki-heart.ki-filled:after {
  content: "\eb4b";
  opacity: 0.1;
}
.ki-heart.ki-filled:before {
  content: "\eb4c";
  position: absolute;
}
.ki-home-1.ki-filled:after {
  content: "\eb4d";
  opacity: 0.1;
}
.ki-home-1.ki-filled:before {
  content: "\eb4e";
  position: absolute;
}
.ki-home-2.ki-filled:after {
  content: "\eb4f";
  opacity: 0.1;
}
.ki-home-2.ki-filled:before {
  content: "\eb50";
  position: absolute;
}
.ki-home-3.ki-filled:after {
  content: "\eb51";
  opacity: 0.1;
}
.ki-home-3.ki-filled:before {
  content: "\eb52";
  position: absolute;
}
.ki-home.ki-filled:after {
  content: "\eb53";
  opacity: 0.1;
}
.ki-home.ki-filled:before {
  content: "\eb54";
  position: absolute;
}
.ki-html.ki-filled:after {
  content: "\eb55";
  opacity: 0.1;
}
.ki-html.ki-filled:before {
  content: "\eb56";
  position: absolute;
}
.ki-icon.ki-filled:after {
  content: "\eb57";
  opacity: 0.1;
}
.ki-icon.ki-filled:before {
  content: "\eb58";
  position: absolute;
}
.ki-illustrator.ki-filled:after {
  content: "\eb59";
  opacity: 0.1;
}
.ki-illustrator.ki-filled:before {
  content: "\eb5a";
  position: absolute;
}
.ki-information-1.ki-filled:after {
  content: "\eb5b";
  opacity: 0.1;
}
.ki-information-1.ki-filled:before {
  content: "\eb5c";
  position: absolute;
}
.ki-information-2.ki-filled:after {
  content: "\eb5d";
  opacity: 0.1;
}
.ki-information-2.ki-filled:before {
  content: "\eb5e";
  position: absolute;
}
.ki-information-3.ki-filled:after {
  content: "\eb5f";
  opacity: 0.1;
}
.ki-information-3.ki-filled:before {
  content: "\eb60";
  position: absolute;
}
.ki-information-4.ki-filled:after {
  content: "\eb61";
  opacity: 0.1;
}
.ki-information-4.ki-filled:before {
  content: "\eb62";
  position: absolute;
}
.ki-information.ki-filled:after {
  content: "\eb63";
  opacity: 0.1;
}
.ki-information.ki-filled:before {
  content: "\eb64";
  position: absolute;
}
.ki-instagram.ki-filled:after {
  content: "\eb65";
  opacity: 0.1;
}
.ki-instagram.ki-filled:before {
  content: "\eb66";
  position: absolute;
}
.ki-joystick.ki-filled:after {
  content: "\eb67";
  opacity: 0.1;
}
.ki-joystick.ki-filled:before {
  content: "\eb68";
  position: absolute;
}
.ki-js-2.ki-filled:after {
  content: "\eb69";
  opacity: 0.1;
}
.ki-js-2.ki-filled:before {
  content: "\eb6a";
  position: absolute;
}
.ki-js.ki-filled:after {
  content: "\eb6b";
  opacity: 0.1;
}
.ki-js.ki-filled:before {
  content: "\eb6c";
  position: absolute;
}
.ki-kanban.ki-filled:after {
  content: "\eb6d";
  opacity: 0.1;
}
.ki-kanban.ki-filled:before {
  content: "\eb6e";
  position: absolute;
}
.ki-key-square.ki-filled:after {
  content: "\eb6f";
  opacity: 0.1;
}
.ki-key-square.ki-filled:before {
  content: "\eb70";
  position: absolute;
}
.ki-key.ki-filled:after {
  content: "\eb71";
  opacity: 0.1;
}
.ki-key.ki-filled:before {
  content: "\eb72";
  position: absolute;
}
.ki-keyboard.ki-filled:after {
  content: "\eb73";
  opacity: 0.1;
}
.ki-keyboard.ki-filled:before {
  content: "\eb74";
  position: absolute;
}
.ki-laptop.ki-filled:after {
  content: "\eb75";
  opacity: 0.1;
}
.ki-laptop.ki-filled:before {
  content: "\eb76";
  position: absolute;
}
.ki-laravel.ki-filled:after {
  content: "\eb77";
  opacity: 0.1;
}
.ki-laravel.ki-filled:before {
  content: "\eb78";
  position: absolute;
}
.ki-left-square.ki-filled:after {
  content: "\eb79";
  opacity: 0.1;
}
.ki-left-square.ki-filled:before {
  content: "\eb7a";
  position: absolute;
}
.ki-left.ki-filled:before {
  content: "\eb7b";
}
.ki-like-2.ki-filled:after {
  content: "\eb7c";
  opacity: 0.1;
}
.ki-like-2.ki-filled:before {
  content: "\eb7d";
  position: absolute;
}
.ki-like-folder.ki-filled:after {
  content: "\eb7e";
  opacity: 0.1;
}
.ki-like-folder.ki-filled:before {
  content: "\eb7f";
  position: absolute;
}
.ki-like-shapes.ki-filled:after {
  content: "\eb80";
  opacity: 0.1;
}
.ki-like-shapes.ki-filled:before {
  content: "\eb81";
  position: absolute;
}
.ki-like-tag.ki-filled:after {
  content: "\eb82";
  opacity: 0.1;
}
.ki-like-tag.ki-filled:before {
  content: "\eb83";
  position: absolute;
}
.ki-like.ki-filled:after {
  content: "\eb84";
  opacity: 0.1;
}
.ki-like.ki-filled:before {
  content: "\eb85";
  position: absolute;
}
.ki-loading.ki-filled:before {
  content: "\eb86";
}
.ki-lock-2.ki-filled:after {
  content: "\eb87";
  opacity: 0.1;
}
.ki-lock-2.ki-filled:before {
  content: "\eb88";
  position: absolute;
}
.ki-lock-3.ki-filled:after {
  content: "\eb89";
  opacity: 0.1;
}
.ki-lock-3.ki-filled:before {
  content: "\eb8a";
  position: absolute;
}
.ki-lock.ki-filled:after {
  content: "\eb8b";
  opacity: 0.1;
}
.ki-lock.ki-filled:before {
  content: "\eb8c";
  position: absolute;
}
.ki-logistic.ki-filled:after {
  content: "\eb8d";
  opacity: 0.1;
}
.ki-logistic.ki-filled:before {
  content: "\eb8e";
  position: absolute;
}
.ki-lots-shopping.ki-filled:after {
  content: "\eb8f";
  opacity: 0.1;
}
.ki-lots-shopping.ki-filled:before {
  content: "\eb90";
  position: absolute;
}
.ki-lovely.ki-filled:after {
  content: "\eb91";
  opacity: 0.1;
}
.ki-lovely.ki-filled:before {
  content: "\eb92";
  position: absolute;
}
.ki-lts.ki-filled:after {
  content: "\eb93";
  opacity: 0.1;
}
.ki-lts.ki-filled:before {
  content: "\eb94";
  position: absolute;
}
.ki-magnifier.ki-filled:after {
  content: "\eb95";
  opacity: 0.1;
}
.ki-magnifier.ki-filled:before {
  content: "\eb96";
  position: absolute;
}
.ki-map.ki-filled:after {
  content: "\eb97";
  opacity: 0.1;
}
.ki-map.ki-filled:before {
  content: "\eb98";
  position: absolute;
}
.ki-mask.ki-filled:after {
  content: "\eb99";
  opacity: 0.1;
}
.ki-mask.ki-filled:before {
  content: "\eb9a";
  position: absolute;
}
.ki-maximize.ki-filled:after {
  content: "\eb9b";
  opacity: 0.1;
}
.ki-maximize.ki-filled:before {
  content: "\eb9c";
  position: absolute;
}
.ki-medal-star.ki-filled:after {
  content: "\eb9d";
  opacity: 0.1;
}
.ki-medal-star.ki-filled:before {
  content: "\eb9e";
  position: absolute;
}
.ki-menu.ki-filled:after {
  content: "\eb9f";
  opacity: 0.1;
}
.ki-menu.ki-filled:before {
  content: "\eba0";
  position: absolute;
}
.ki-message-add.ki-filled:after {
  content: "\eba1";
  opacity: 0.1;
}
.ki-message-add.ki-filled:before {
  content: "\eba2";
  position: absolute;
}
.ki-message-edit.ki-filled:after {
  content: "\eba3";
  opacity: 0.1;
}
.ki-message-edit.ki-filled:before {
  content: "\eba4";
  position: absolute;
}
.ki-message-minus.ki-filled:after {
  content: "\eba5";
  opacity: 0.1;
}
.ki-message-minus.ki-filled:before {
  content: "\eba6";
  position: absolute;
}
.ki-message-notify.ki-filled:after {
  content: "\eba7";
  opacity: 0.1;
}
.ki-message-notify.ki-filled:before {
  content: "\eba8";
  position: absolute;
}
.ki-message-programming.ki-filled:after {
  content: "\eba9";
  opacity: 0.1;
}
.ki-message-programming.ki-filled:before {
  content: "\ebaa";
  position: absolute;
}
.ki-message-question.ki-filled:after {
  content: "\ebab";
  opacity: 0.1;
}
.ki-message-question.ki-filled:before {
  content: "\ebac";
  position: absolute;
}
.ki-message-text-2.ki-filled:after {
  content: "\ebad";
  opacity: 0.1;
}
.ki-message-text-2.ki-filled:before {
  content: "\ebae";
  position: absolute;
}
.ki-message-text.ki-filled:after {
  content: "\ebaf";
  opacity: 0.1;
}
.ki-message-text.ki-filled:before {
  content: "\ebb0";
  position: absolute;
}
.ki-messages.ki-filled:after {
  content: "\ebb1";
  opacity: 0.1;
}
.ki-messages.ki-filled:before {
  content: "\ebb2";
  position: absolute;
}
.ki-microsoft.ki-filled:after {
  content: "\ebb3";
  opacity: 0.1;
}
.ki-microsoft.ki-filled:before {
  content: "\ebb4";
  position: absolute;
}
.ki-milk.ki-filled:after {
  content: "\ebb5";
  opacity: 0.1;
}
.ki-milk.ki-filled:before {
  content: "\ebb6";
  position: absolute;
}
.ki-minus-circle.ki-filled:after {
  content: "\ebb7";
  opacity: 0.1;
}
.ki-minus-circle.ki-filled:before {
  content: "\ebb8";
  position: absolute;
}
.ki-minus-folder.ki-filled:after {
  content: "\ebb9";
  opacity: 0.1;
}
.ki-minus-folder.ki-filled:before {
  content: "\ebba";
  position: absolute;
}
.ki-minus-squared.ki-filled:after {
  content: "\ebbb";
  opacity: 0.1;
}
.ki-minus-squared.ki-filled:before {
  content: "\ebbc";
  position: absolute;
}
.ki-minus.ki-filled:before {
  content: "\ebbd";
}
.ki-moon.ki-filled:after {
  content: "\ebbe";
  opacity: 0.1;
}
.ki-moon.ki-filled:before {
  content: "\ebbf";
  position: absolute;
}
.ki-more-2.ki-filled:after {
  content: "\ebc0";
  opacity: 0.1;
}
.ki-more-2.ki-filled:before {
  content: "\ebc1";
  position: absolute;
}
.ki-mouse-circle.ki-filled:after {
  content: "\ebc2";
  opacity: 0.1;
}
.ki-mouse-circle.ki-filled:before {
  content: "\ebc3";
  position: absolute;
}
.ki-mouse-square.ki-filled:after {
  content: "\ebc4";
  opacity: 0.1;
}
.ki-mouse-square.ki-filled:before {
  content: "\ebc5";
  position: absolute;
}
.ki-mouse.ki-filled:after {
  content: "\ebc6";
  opacity: 0.1;
}
.ki-mouse.ki-filled:before {
  content: "\ebc7";
  position: absolute;
}
.ki-nexo.ki-filled:after {
  content: "\ebc8";
  opacity: 0.1;
}
.ki-nexo.ki-filled:before {
  content: "\ebc9";
  position: absolute;
}
.ki-night-day.ki-filled:after {
  content: "\ebca";
  opacity: 0.1;
}
.ki-night-day.ki-filled:before {
  content: "\ebcb";
  position: absolute;
}
.ki-note-2.ki-filled:after {
  content: "\ebcc";
  opacity: 0.1;
}
.ki-note-2.ki-filled:before {
  content: "\ebcd";
  position: absolute;
}
.ki-note.ki-filled:after {
  content: "\ebce";
  opacity: 0.1;
}
.ki-note.ki-filled:before {
  content: "\ebcf";
  position: absolute;
}
.ki-notepad-bookmark.ki-filled:after {
  content: "\ebd0";
  opacity: 0.1;
}
.ki-notepad-bookmark.ki-filled:before {
  content: "\ebd1";
  position: absolute;
}
.ki-notepad-edit.ki-filled:after {
  content: "\ebd2";
  opacity: 0.1;
}
.ki-notepad-edit.ki-filled:before {
  content: "\ebd3";
  position: absolute;
}
.ki-notepad.ki-filled:after {
  content: "\ebd4";
  opacity: 0.1;
}
.ki-notepad.ki-filled:before {
  content: "\ebd5";
  position: absolute;
}
.ki-notification-1.ki-filled:after {
  content: "\ebd6";
  opacity: 0.1;
}
.ki-notification-1.ki-filled:before {
  content: "\ebd7";
  position: absolute;
}
.ki-notification-bing.ki-filled:after {
  content: "\ebd8";
  opacity: 0.1;
}
.ki-notification-bing.ki-filled:before {
  content: "\ebd9";
  position: absolute;
}
.ki-notification-circle.ki-filled:after {
  content: "\ebda";
  opacity: 0.1;
}
.ki-notification-circle.ki-filled:before {
  content: "\ebdb";
  position: absolute;
}
.ki-notification-favorite.ki-filled:after {
  content: "\ebdc";
  opacity: 0.1;
}
.ki-notification-favorite.ki-filled:before {
  content: "\ebdd";
  position: absolute;
}
.ki-notification-on.ki-filled:after {
  content: "\ebde";
  opacity: 0.1;
}
.ki-notification-on.ki-filled:before {
  content: "\ebdf";
  position: absolute;
}
.ki-notification-status.ki-filled:after {
  content: "\ebe0";
  opacity: 0.1;
}
.ki-notification-status.ki-filled:before {
  content: "\ebe1";
  position: absolute;
}
.ki-notification.ki-filled:after {
  content: "\ebe2";
  opacity: 0.1;
}
.ki-notification.ki-filled:before {
  content: "\ebe3";
  position: absolute;
}
.ki-ocean.ki-filled:before {
  content: "\ebe4";
}
.ki-office-bag.ki-filled:after {
  content: "\ebe5";
  opacity: 0.1;
}
.ki-office-bag.ki-filled:before {
  content: "\ebe6";
  position: absolute;
}
.ki-package.ki-filled:after {
  content: "\ebe7";
  opacity: 0.1;
}
.ki-package.ki-filled:before {
  content: "\ebe8";
  position: absolute;
}
.ki-pad.ki-filled:after {
  content: "\ebe9";
  opacity: 0.1;
}
.ki-pad.ki-filled:before {
  content: "\ebea";
  position: absolute;
}
.ki-pails.ki-filled:after {
  content: "\ebeb";
  opacity: 0.1;
}
.ki-pails.ki-filled:before {
  content: "\ebec";
  position: absolute;
}
.ki-paintbucket.ki-filled:after {
  content: "\ebed";
  opacity: 0.1;
}
.ki-paintbucket.ki-filled:before {
  content: "\ebee";
  position: absolute;
}
.ki-paper-clip.ki-filled:after {
  content: "\ebef";
  opacity: 0.1;
}
.ki-paper-clip.ki-filled:before {
  content: "\ebf0";
  position: absolute;
}
.ki-paper-plane.ki-filled:after {
  content: "\ebf1";
  opacity: 0.1;
}
.ki-paper-plane.ki-filled:before {
  content: "\ebf2";
  position: absolute;
}
.ki-parcel-tracking.ki-filled:after {
  content: "\ebf3";
  opacity: 0.1;
}
.ki-parcel-tracking.ki-filled:before {
  content: "\ebf4";
  position: absolute;
}
.ki-parcel.ki-filled:after {
  content: "\ebf5";
  opacity: 0.1;
}
.ki-parcel.ki-filled:before {
  content: "\ebf6";
  position: absolute;
}
.ki-password-check.ki-filled:after {
  content: "\ebf7";
  opacity: 0.1;
}
.ki-password-check.ki-filled:before {
  content: "\ebf8";
  position: absolute;
}
.ki-paypal.ki-filled:after {
  content: "\ebf9";
  opacity: 0.1;
}
.ki-paypal.ki-filled:before {
  content: "\ebfa";
  position: absolute;
}
.ki-pencil.ki-filled:after {
  content: "\ebfb";
  opacity: 0.1;
}
.ki-pencil.ki-filled:before {
  content: "\ebfc";
  position: absolute;
}
.ki-people.ki-filled:after {
  content: "\ebfd";
  opacity: 0.1;
}
.ki-people.ki-filled:before {
  content: "\ebfe";
  position: absolute;
}
.ki-percentage.ki-filled:after {
  content: "\ebff";
  opacity: 0.1;
}
.ki-percentage.ki-filled:before {
  content: "\ec00";
  position: absolute;
}
.ki-phone.ki-filled:after {
  content: "\ec01";
  opacity: 0.1;
}
.ki-phone.ki-filled:before {
  content: "\ec02";
  position: absolute;
}
.ki-photoshop.ki-filled:after {
  content: "\ec03";
  opacity: 0.1;
}
.ki-photoshop.ki-filled:before {
  content: "\ec04";
  position: absolute;
}
.ki-picture.ki-filled:after {
  content: "\ec05";
  opacity: 0.1;
}
.ki-picture.ki-filled:before {
  content: "\ec06";
  position: absolute;
}
.ki-pill.ki-filled:after {
  content: "\ec07";
  opacity: 0.1;
}
.ki-pill.ki-filled:before {
  content: "\ec08";
  position: absolute;
}
.ki-pin.ki-filled:after {
  content: "\ec09";
  opacity: 0.1;
}
.ki-pin.ki-filled:before {
  content: "\ec0a";
  position: absolute;
}
.ki-plus-circle.ki-filled:after {
  content: "\ec0b";
  opacity: 0.1;
}
.ki-plus-circle.ki-filled:before {
  content: "\ec0c";
  position: absolute;
}
.ki-plus-squared.ki-filled:after {
  content: "\ec0d";
  opacity: 0.1;
}
.ki-plus-squared.ki-filled:before {
  content: "\ec0e";
  position: absolute;
}
.ki-plus.ki-filled:before {
  content: "\ec0f";
}
.ki-pointers.ki-filled:after {
  content: "\ec10";
  opacity: 0.1;
}
.ki-pointers.ki-filled:before {
  content: "\ec11";
  position: absolute;
}
.ki-price-tag.ki-filled:after {
  content: "\ec12";
  opacity: 0.1;
}
.ki-price-tag.ki-filled:before {
  content: "\ec13";
  position: absolute;
}
.ki-printer.ki-filled:after {
  content: "\ec14";
  opacity: 0.1;
}
.ki-printer.ki-filled:before {
  content: "\ec15";
  position: absolute;
}
.ki-profile-circle.ki-filled:after {
  content: "\ec16";
  opacity: 0.1;
}
.ki-profile-circle.ki-filled:before {
  content: "\ec17";
  position: absolute;
}
.ki-pulse.ki-filled:after {
  content: "\ec18";
  opacity: 0.1;
}
.ki-pulse.ki-filled:before {
  content: "\ec19";
  position: absolute;
}
.ki-purchase.ki-filled:after {
  content: "\ec1a";
  opacity: 0.1;
}
.ki-purchase.ki-filled:before {
  content: "\ec1b";
  position: absolute;
}
.ki-python.ki-filled:after {
  content: "\ec1c";
  opacity: 0.1;
}
.ki-python.ki-filled:before {
  content: "\ec1d";
  position: absolute;
}
.ki-question-2.ki-filled:after {
  content: "\ec1e";
  opacity: 0.1;
}
.ki-question-2.ki-filled:before {
  content: "\ec1f";
  position: absolute;
}
.ki-question.ki-filled:after {
  content: "\ec20";
  opacity: 0.1;
}
.ki-question.ki-filled:before {
  content: "\ec21";
  position: absolute;
}
.ki-questionnaire-tablet.ki-filled:after {
  content: "\ec22";
  opacity: 0.1;
}
.ki-questionnaire-tablet.ki-filled:before {
  content: "\ec23";
  position: absolute;
}
.ki-ranking.ki-filled:after {
  content: "\ec24";
  opacity: 0.1;
}
.ki-ranking.ki-filled:before {
  content: "\ec25";
  position: absolute;
}
.ki-react.ki-filled:after {
  content: "\ec26";
  opacity: 0.1;
}
.ki-react.ki-filled:before {
  content: "\ec27";
  position: absolute;
}
.ki-receipt-square.ki-filled:after {
  content: "\ec28";
  opacity: 0.1;
}
.ki-receipt-square.ki-filled:before {
  content: "\ec29";
  position: absolute;
}
.ki-rescue.ki-filled:after {
  content: "\ec2a";
  opacity: 0.1;
}
.ki-rescue.ki-filled:before {
  content: "\ec2b";
  position: absolute;
}
.ki-right-left.ki-filled:before {
  content: "\ec2c";
}
.ki-right-square.ki-filled:after {
  content: "\ec2d";
  opacity: 0.1;
}
.ki-right-square.ki-filled:before {
  content: "\ec2e";
  position: absolute;
}
.ki-right.ki-filled:before {
  content: "\ec2f";
}
.ki-rocket.ki-filled:after {
  content: "\ec30";
  opacity: 0.1;
}
.ki-rocket.ki-filled:before {
  content: "\ec31";
  position: absolute;
}
.ki-route.ki-filled:after {
  content: "\ec32";
  opacity: 0.1;
}
.ki-route.ki-filled:before {
  content: "\ec33";
  position: absolute;
}
.ki-router.ki-filled:after {
  content: "\ec34";
  opacity: 0.1;
}
.ki-router.ki-filled:before {
  content: "\ec35";
  position: absolute;
}
.ki-row-horizontal.ki-filled:after {
  content: "\ec36";
  opacity: 0.1;
}
.ki-row-horizontal.ki-filled:before {
  content: "\ec37";
  position: absolute;
}
.ki-row-vertical.ki-filled:after {
  content: "\ec38";
  opacity: 0.1;
}
.ki-row-vertical.ki-filled:before {
  content: "\ec39";
  position: absolute;
}
.ki-safe-home.ki-filled:after {
  content: "\ec3a";
  opacity: 0.1;
}
.ki-safe-home.ki-filled:before {
  content: "\ec3b";
  position: absolute;
}
.ki-satellite.ki-filled:after {
  content: "\ec3c";
  opacity: 0.1;
}
.ki-satellite.ki-filled:before {
  content: "\ec3d";
  position: absolute;
}
.ki-save-2.ki-filled:after {
  content: "\ec3e";
  opacity: 0.1;
}
.ki-save-2.ki-filled:before {
  content: "\ec3f";
  position: absolute;
}
.ki-save-deposit.ki-filled:after {
  content: "\ec40";
  opacity: 0.1;
}
.ki-save-deposit.ki-filled:before {
  content: "\ec41";
  position: absolute;
}
.ki-scan-barcode.ki-filled:after {
  content: "\ec42";
  opacity: 0.1;
}
.ki-scan-barcode.ki-filled:before {
  content: "\ec43";
  position: absolute;
}
.ki-screen.ki-filled:after {
  content: "\ec44";
  opacity: 0.1;
}
.ki-screen.ki-filled:before {
  content: "\ec45";
  position: absolute;
}
.ki-scroll.ki-filled:after {
  content: "\ec46";
  opacity: 0.1;
}
.ki-scroll.ki-filled:before {
  content: "\ec47";
  position: absolute;
}
.ki-search-list.ki-filled:after {
  content: "\ec48";
  opacity: 0.1;
}
.ki-search-list.ki-filled:before {
  content: "\ec49";
  position: absolute;
}
.ki-security-user.ki-filled:after {
  content: "\ec4a";
  opacity: 0.1;
}
.ki-security-user.ki-filled:before {
  content: "\ec4b";
  position: absolute;
}
.ki-setting-2.ki-filled:after {
  content: "\ec4c";
  opacity: 0.1;
}
.ki-setting-2.ki-filled:before {
  content: "\ec4d";
  position: absolute;
}
.ki-setting-3.ki-filled:after {
  content: "\ec4e";
  opacity: 0.1;
}
.ki-setting-3.ki-filled:before {
  content: "\ec4f";
  position: absolute;
}
.ki-setting-4.ki-filled:after {
  content: "\ec50";
  opacity: 0.1;
}
.ki-setting-4.ki-filled:before {
  content: "\ec51";
  position: absolute;
}
.ki-setting.ki-filled:after {
  content: "\ec52";
  opacity: 0.1;
}
.ki-setting.ki-filled:before {
  content: "\ec53";
  position: absolute;
}
.ki-share.ki-filled:after {
  content: "\ec54";
  opacity: 0.1;
}
.ki-share.ki-filled:before {
  content: "\ec55";
  position: absolute;
}
.ki-shield-cross.ki-filled:after {
  content: "\ec56";
  opacity: 0.1;
}
.ki-shield-cross.ki-filled:before {
  content: "\ec57";
  position: absolute;
}
.ki-shield-search.ki-filled:after {
  content: "\ec58";
  opacity: 0.1;
}
.ki-shield-search.ki-filled:before {
  content: "\ec59";
  position: absolute;
}
.ki-shield-slash.ki-filled:after {
  content: "\ec5a";
  opacity: 0.1;
}
.ki-shield-slash.ki-filled:before {
  content: "\ec5b";
  position: absolute;
}
.ki-shield-tick.ki-filled:after {
  content: "\ec5c";
  opacity: 0.1;
}
.ki-shield-tick.ki-filled:before {
  content: "\ec5d";
  position: absolute;
}
.ki-shield.ki-filled:after {
  content: "\ec5e";
  opacity: 0.1;
}
.ki-shield.ki-filled:before {
  content: "\ec5f";
  position: absolute;
}
.ki-ship.ki-filled:after {
  content: "\ec60";
  opacity: 0.1;
}
.ki-ship.ki-filled:before {
  content: "\ec61";
  position: absolute;
}
.ki-shop.ki-filled:after {
  content: "\ec62";
  opacity: 0.1;
}
.ki-shop.ki-filled:before {
  content: "\ec63";
  position: absolute;
}
.ki-simcard-2.ki-filled:after {
  content: "\ec64";
  opacity: 0.1;
}
.ki-simcard-2.ki-filled:before {
  content: "\ec65";
  position: absolute;
}
.ki-simcard.ki-filled:after {
  content: "\ec66";
  opacity: 0.1;
}
.ki-simcard.ki-filled:before {
  content: "\ec67";
  position: absolute;
}
.ki-size.ki-filled:after {
  content: "\ec68";
  opacity: 0.1;
}
.ki-size.ki-filled:before {
  content: "\ec69";
  position: absolute;
}
.ki-slack.ki-filled:after {
  content: "\ec6a";
  opacity: 0.1;
}
.ki-slack.ki-filled:before {
  content: "\ec6b";
  position: absolute;
}
.ki-slider-horizontal-2.ki-filled:after {
  content: "\ec6c";
  opacity: 0.1;
}
.ki-slider-horizontal-2.ki-filled:before {
  content: "\ec6d";
  position: absolute;
}
.ki-slider-horizontal.ki-filled:after {
  content: "\ec6e";
  opacity: 0.1;
}
.ki-slider-horizontal.ki-filled:before {
  content: "\ec6f";
  position: absolute;
}
.ki-slider-vertica.ki-filled:after {
  content: "\ec70";
  opacity: 0.1;
}
.ki-slider-vertica.ki-filled:before {
  content: "\ec71";
  position: absolute;
}
.ki-slider-vertical.ki-filled:after {
  content: "\ec72";
  opacity: 0.1;
}
.ki-slider-vertical.ki-filled:before {
  content: "\ec73";
  position: absolute;
}
.ki-slider.ki-filled:after {
  content: "\ec74";
  opacity: 0.1;
}
.ki-slider.ki-filled:before {
  content: "\ec75";
  position: absolute;
}
.ki-sms.ki-filled:after {
  content: "\ec76";
  opacity: 0.1;
}
.ki-sms.ki-filled:before {
  content: "\ec77";
  position: absolute;
}
.ki-snapchat.ki-filled:after {
  content: "\ec78";
  opacity: 0.1;
}
.ki-snapchat.ki-filled:before {
  content: "\ec79";
  position: absolute;
}
.ki-social-media.ki-filled:after {
  content: "\ec7a";
  opacity: 0.1;
}
.ki-social-media.ki-filled:before {
  content: "\ec7b";
  position: absolute;
}
.ki-soft-2.ki-filled:after {
  content: "\ec7c";
  opacity: 0.1;
}
.ki-soft-2.ki-filled:before {
  content: "\ec7d";
  position: absolute;
}
.ki-soft-3.ki-filled:after {
  content: "\ec7e";
  opacity: 0.1;
}
.ki-soft-3.ki-filled:before {
  content: "\ec7f";
  position: absolute;
}
.ki-soft.ki-filled:after {
  content: "\ec80";
  opacity: 0.1;
}
.ki-soft.ki-filled:before {
  content: "\ec81";
  position: absolute;
}
.ki-some-files.ki-filled:after {
  content: "\ec82";
  opacity: 0.1;
}
.ki-some-files.ki-filled:before {
  content: "\ec83";
  position: absolute;
}
.ki-sort.ki-filled:after {
  content: "\ec84";
  opacity: 0.1;
}
.ki-sort.ki-filled:before {
  content: "\ec85";
  position: absolute;
}
.ki-speaker.ki-filled:after {
  content: "\ec86";
  opacity: 0.1;
}
.ki-speaker.ki-filled:before {
  content: "\ec87";
  position: absolute;
}
.ki-spotify.ki-filled:after {
  content: "\ec88";
  opacity: 0.1;
}
.ki-spotify.ki-filled:before {
  content: "\ec89";
  position: absolute;
}
.ki-spring-framework.ki-filled:after {
  content: "\ec8a";
  opacity: 0.1;
}
.ki-spring-framework.ki-filled:before {
  content: "\ec8b";
  position: absolute;
}
.ki-square-brackets.ki-filled:after {
  content: "\ec8c";
  opacity: 0.1;
}
.ki-square-brackets.ki-filled:before {
  content: "\ec8d";
  position: absolute;
}
.ki-star.ki-filled:after {
  content: "\ec8e";
  opacity: 0.1;
}
.ki-star.ki-filled:before {
  content: "\ec8f";
  position: absolute;
}
.ki-status.ki-filled:after {
  content: "\ec90";
  opacity: 0.1;
}
.ki-status.ki-filled:before {
  content: "\ec91";
  position: absolute;
}
.ki-subtitle.ki-filled:after {
  content: "\ec92";
  opacity: 0.1;
}
.ki-subtitle.ki-filled:before {
  content: "\ec93";
  position: absolute;
}
.ki-sun.ki-filled:after {
  content: "\ec94";
  opacity: 0.1;
}
.ki-sun.ki-filled:before {
  content: "\ec95";
  position: absolute;
}
.ki-support.ki-filled:after {
  content: "\ec96";
  opacity: 0.1;
}
.ki-support.ki-filled:before {
  content: "\ec97";
  position: absolute;
}
.ki-switch.ki-filled:after {
  content: "\ec98";
  opacity: 0.1;
}
.ki-switch.ki-filled:before {
  content: "\ec99";
  position: absolute;
}
.ki-syringe.ki-filled:after {
  content: "\ec9a";
  opacity: 0.1;
}
.ki-syringe.ki-filled:before {
  content: "\ec9b";
  position: absolute;
}
.ki-tab-tablet.ki-filled:after {
  content: "\ec9c";
  opacity: 0.1;
}
.ki-tab-tablet.ki-filled:before {
  content: "\ec9d";
  position: absolute;
}
.ki-tablet-delete.ki-filled:after {
  content: "\ec9e";
  opacity: 0.1;
}
.ki-tablet-delete.ki-filled:before {
  content: "\ec9f";
  position: absolute;
}
.ki-tablet-down.ki-filled:after {
  content: "\eca0";
  opacity: 0.1;
}
.ki-tablet-down.ki-filled:before {
  content: "\eca1";
  position: absolute;
}
.ki-tablet-ok.ki-filled:after {
  content: "\eca2";
}
.ki-tablet-ok.ki-filled:before {
  content: "\eca3";
  position: absolute;
  opacity: 0.1;
}
.ki-tablet-text-down.ki-filled:after {
  content: "\eca4";
  opacity: 0.1;
}
.ki-tablet-text-down.ki-filled:before {
  content: "\eca5";
  position: absolute;
}
.ki-tablet-text-up.ki-filled:after {
  content: "\eca6";
  opacity: 0.1;
}
.ki-tablet-text-up.ki-filled:before {
  content: "\eca7";
  position: absolute;
}
.ki-tablet-up.ki-filled:after {
  content: "\eca8";
  opacity: 0.1;
}
.ki-tablet-up.ki-filled:before {
  content: "\eca9";
  position: absolute;
}
.ki-tablet.ki-filled:after {
  content: "\ecaa";
  opacity: 0.1;
}
.ki-tablet.ki-filled:before {
  content: "\ecab";
  position: absolute;
}
.ki-tag-cross.ki-filled:after {
  content: "\ecac";
  opacity: 0.1;
}
.ki-tag-cross.ki-filled:before {
  content: "\ecad";
  position: absolute;
}
.ki-tag.ki-filled:after {
  content: "\ecae";
  opacity: 0.1;
}
.ki-tag.ki-filled:before {
  content: "\ecaf";
  position: absolute;
}
.ki-teacher.ki-filled:after {
  content: "\ecb0";
  opacity: 0.1;
}
.ki-teacher.ki-filled:before {
  content: "\ecb1";
  position: absolute;
}
.ki-technology-1.ki-filled:after {
  content: "\ecb2";
  opacity: 0.1;
}
.ki-technology-1.ki-filled:before {
  content: "\ecb3";
  position: absolute;
}
.ki-technology-2.ki-filled:after {
  content: "\ecb4";
  opacity: 0.1;
}
.ki-technology-2.ki-filled:before {
  content: "\ecb5";
  position: absolute;
}
.ki-technology-3.ki-filled:after {
  content: "\ecb6";
  opacity: 0.1;
}
.ki-technology-3.ki-filled:before {
  content: "\ecb7";
  position: absolute;
}
.ki-technology-4.ki-filled:after {
  content: "\ecb8";
  opacity: 0.1;
}
.ki-technology-4.ki-filled:before {
  content: "\ecb9";
  position: absolute;
}
.ki-telephone-geolocation.ki-filled:after {
  content: "\ecba";
  opacity: 0.1;
}
.ki-telephone-geolocation.ki-filled:before {
  content: "\ecbb";
  position: absolute;
}
.ki-test-tubes.ki-filled:after {
  content: "\ecbc";
  opacity: 0.1;
}
.ki-test-tubes.ki-filled:before {
  content: "\ecbd";
  position: absolute;
}
.ki-text-bold.ki-filled:after {
  content: "\ecbe";
  opacity: 0.1;
}
.ki-text-bold.ki-filled:before {
  content: "\ecbf";
  position: absolute;
}
.ki-text-circle.ki-filled:before {
  content: "\ecc0";
}
.ki-text-italic.ki-filled:after {
  content: "\ecc1";
  opacity: 0.1;
}
.ki-text-italic.ki-filled:before {
  content: "\ecc2";
  position: absolute;
}
.ki-text-number.ki-filled:before {
  content: "\ecc3";
}
.ki-text-strikethrough.ki-filled:after {
  content: "\ecc4";
  opacity: 0.1;
}
.ki-text-strikethrough.ki-filled:before {
  content: "\ecc5";
  position: absolute;
}
.ki-text-underline.ki-filled:after {
  content: "\ecc6";
}
.ki-text-underline.ki-filled:before {
  content: "\ecc7";
  position: absolute;
  opacity: 0.1;
}
.ki-text.ki-filled:after {
  content: "\ecc8";
  opacity: 0.1;
}
.ki-text.ki-filled:before {
  content: "\ecc9";
  position: absolute;
}
.ki-textalign-center.ki-filled:before {
  content: "\ecca";
}
.ki-textalign-justifycenter.ki-filled:before {
  content: "\eccb";
}
.ki-textalign-left.ki-filled:before {
  content: "\eccc";
}
.ki-textalign-right.ki-filled:before {
  content: "\eccd";
}
.ki-thermometer.ki-filled:after {
  content: "\ecce";
  opacity: 0.1;
}
.ki-thermometer.ki-filled:before {
  content: "\eccf";
  position: absolute;
}
.ki-theta-theta.ki-filled:after {
  content: "\ecd0";
  opacity: 0.1;
}
.ki-theta-theta.ki-filled:before {
  content: "\ecd1";
  position: absolute;
}
.ki-tiktok.ki-filled:after {
  content: "\ecd2";
  opacity: 0.1;
}
.ki-tiktok.ki-filled:before {
  content: "\ecd3";
  position: absolute;
}
.ki-time.ki-filled:after {
  content: "\ecd4";
  opacity: 0.1;
}
.ki-time.ki-filled:before {
  content: "\ecd5";
  position: absolute;
}
.ki-timer.ki-filled:after {
  content: "\ecd6";
  opacity: 0.1;
}
.ki-timer.ki-filled:before {
  content: "\ecd7";
  position: absolute;
}
.ki-to-left.ki-filled:after {
  content: "\ecd8";
  opacity: 0.1;
}
.ki-to-left.ki-filled:before {
  content: "\ecd9";
  position: absolute;
}
.ki-to-right.ki-filled:after {
  content: "\ecda";
  opacity: 0.1;
}
.ki-to-right.ki-filled:before {
  content: "\ecdb";
  position: absolute;
}
.ki-toggle-off-circle.ki-filled:after {
  content: "\ecdc";
  opacity: 0.1;
}
.ki-toggle-off-circle.ki-filled:before {
  content: "\ecdd";
  position: absolute;
}
.ki-toggle-off.ki-filled:after {
  content: "\ecde";
}
.ki-toggle-off.ki-filled:before {
  content: "\ecdf";
  position: absolute;
  opacity: 0.1;
}
.ki-toggle-on-circle.ki-filled:after {
  content: "\ece0";
  opacity: 0.1;
}
.ki-toggle-on-circle.ki-filled:before {
  content: "\ece1";
  position: absolute;
}
.ki-toggle-on.ki-filled:after {
  content: "\ece2";
  opacity: 0.1;
}
.ki-toggle-on.ki-filled:before {
  content: "\ece3";
  position: absolute;
}
.ki-trash-square.ki-filled:after {
  content: "\ece4";
  opacity: 0.1;
}
.ki-trash-square.ki-filled:before {
  content: "\ece5";
  position: absolute;
}
.ki-trash.ki-filled:after {
  content: "\ece6";
  opacity: 0.1;
}
.ki-trash.ki-filled:before {
  content: "\ece7";
  position: absolute;
}
.ki-tree.ki-filled:after {
  content: "\ece8";
  opacity: 0.1;
}
.ki-tree.ki-filled:before {
  content: "\ece9";
  position: absolute;
}
.ki-trello.ki-filled:after {
  content: "\ecea";
  opacity: 0.1;
}
.ki-trello.ki-filled:before {
  content: "\eceb";
  position: absolute;
}
.ki-ts.ki-filled:after {
  content: "\ecec";
  opacity: 0.1;
}
.ki-ts.ki-filled:before {
  content: "\eced";
  position: absolute;
}
.ki-twitch.ki-filled:after {
  content: "\ecee";
  opacity: 0.1;
}
.ki-twitch.ki-filled:before {
  content: "\ecef";
  position: absolute;
}
.ki-twitter.ki-filled:after {
  content: "\ecf0";
  opacity: 0.1;
}
.ki-twitter.ki-filled:before {
  content: "\ecf1";
  position: absolute;
}
.ki-two-credit-cart.ki-filled:after {
  content: "\ecf2";
  opacity: 0.1;
}
.ki-two-credit-cart.ki-filled:before {
  content: "\ecf3";
  position: absolute;
}
.ki-underlining.ki-filled:after {
  content: "\ecf4";
  opacity: 0.1;
}
.ki-underlining.ki-filled:before {
  content: "\ecf5";
  position: absolute;
}
.ki-up-diagonal.ki-filled:before {
  content: "\ecf6";
}
.ki-up-down.ki-filled:before {
  content: "\ecf7";
}
.ki-up-square.ki-filled:after {
  content: "\ecf8";
}
.ki-up-square.ki-filled:before {
  content: "\ecf9";
  position: absolute;
  opacity: 0.1;
}
.ki-up.ki-filled:before {
  content: "\ecfa";
}
.ki-update-file.ki-filled:after {
  content: "\ecfb";
  opacity: 0.1;
}
.ki-update-file.ki-filled:before {
  content: "\ecfc";
  position: absolute;
}
.ki-update-folder.ki-filled:after {
  content: "\ecfd";
  opacity: 0.1;
}
.ki-update-folder.ki-filled:before {
  content: "\ecfe";
  position: absolute;
}
.ki-user-edit.ki-filled:after {
  content: "\ecff";
  opacity: 0.1;
}
.ki-user-edit.ki-filled:before {
  content: "\ed00";
  position: absolute;
}
.ki-user-square.ki-filled:after {
  content: "\ed01";
  opacity: 0.1;
}
.ki-user-square.ki-filled:before {
  content: "\ed02";
  position: absolute;
}
.ki-user-tick.ki-filled:after {
  content: "\ed03";
  opacity: 0.1;
}
.ki-user-tick.ki-filled:before {
  content: "\ed04";
  position: absolute;
}
.ki-user.ki-filled:after {
  content: "\ed05";
  opacity: 0.1;
}
.ki-user.ki-filled:before {
  content: "\ed06";
  position: absolute;
}
.ki-users.ki-filled:after {
  content: "\ed07";
  opacity: 0.1;
}
.ki-users.ki-filled:before {
  content: "\ed08";
  position: absolute;
}
.ki-verify.ki-filled:after {
  content: "\ed09";
  opacity: 0.1;
}
.ki-verify.ki-filled:before {
  content: "\ed0a";
  position: absolute;
}
.ki-vibe-vibe.ki-filled:after {
  content: "\ed0b";
  opacity: 0.1;
}
.ki-vibe-vibe.ki-filled:before {
  content: "\ed0c";
  position: absolute;
}
.ki-virus.ki-filled:after {
  content: "\ed0d";
  opacity: 0.1;
}
.ki-virus.ki-filled:before {
  content: "\ed0e";
  position: absolute;
}
.ki-vue.ki-filled:after {
  content: "\ed0f";
  opacity: 0.1;
}
.ki-vue.ki-filled:before {
  content: "\ed10";
  position: absolute;
}
.ki-vuesax.ki-filled:after {
  content: "\ed11";
  opacity: 0.1;
}
.ki-vuesax.ki-filled:before {
  content: "\ed12";
  position: absolute;
}
.ki-wallet.ki-filled:after {
  content: "\ed13";
  opacity: 0.1;
}
.ki-wallet.ki-filled:before {
  content: "\ed14";
  position: absolute;
}
.ki-wanchain-wan.ki-filled:after {
  content: "\ed15";
  opacity: 0.1;
}
.ki-wanchain-wan.ki-filled:before {
  content: "\ed16";
  position: absolute;
}
.ki-watch.ki-filled:after {
  content: "\ed17";
  opacity: 0.1;
}
.ki-watch.ki-filled:before {
  content: "\ed18";
  position: absolute;
}
.ki-whatsapp.ki-filled:after {
  content: "\ed19";
  opacity: 0.1;
}
.ki-whatsapp.ki-filled:before {
  content: "\ed1a";
  position: absolute;
}
.ki-wifi-home.ki-filled:after {
  content: "\ed1b";
  opacity: 0.1;
}
.ki-wifi-home.ki-filled:before {
  content: "\ed1c";
  position: absolute;
}
.ki-wifi-square.ki-filled:after {
  content: "\ed1d";
  opacity: 0.1;
}
.ki-wifi-square.ki-filled:before {
  content: "\ed1e";
  position: absolute;
}
.ki-wifi.ki-filled:after {
  content: "\ed1f";
  opacity: 0.1;
}
.ki-wifi.ki-filled:before {
  content: "\ed20";
  position: absolute;
}
.ki-wireframe.ki-filled:after {
  content: "\ed21";
  opacity: 0.1;
}
.ki-wireframe.ki-filled:before {
  content: "\ed22";
  position: absolute;
}
.ki-wlan.ki-filled:before {
  content: "\ed23";
}
.ki-wrench.ki-filled:after {
  content: "\ed24";
  opacity: 0.1;
}
.ki-wrench.ki-filled:before {
  content: "\ed25";
  position: absolute;
}
.ki-xaomi.ki-filled:after {
  content: "\ed26";
  opacity: 0.1;
}
.ki-xaomi.ki-filled:before {
  content: "\ed27";
  position: absolute;
}
.ki-xd.ki-filled:after {
  content: "\ed28";
  opacity: 0.1;
}
.ki-xd.ki-filled:before {
  content: "\ed29";
  position: absolute;
}
.ki-xmr.ki-filled:after {
  content: "\ed2a";
  opacity: 0.1;
}
.ki-xmr.ki-filled:before {
  content: "\ed2b";
  position: absolute;
}
.ki-yii.ki-filled:after {
  content: "\ed2c";
  opacity: 0.1;
}
.ki-yii.ki-filled:before {
  content: "\ed2d";
  position: absolute;
}
.ki-youtube.ki-filled:after {
  content: "\ed2e";
  opacity: 0.1;
}
.ki-youtube.ki-filled:before {
  content: "\ed2f";
  position: absolute;
}
@font-face {
  font-family: 'keenicons-outline';
  src: url('icons/keenicons/outline/fonts/keenicons-outline.ttf') format('truetype'), url('icons/keenicons/outline/fonts/keenicons-outline.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ki-outline {
  font-family: 'keenicons-outline' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ki-abstract-1.ki-outline:before {
  content: "\e900";
}
.ki-abstract-2.ki-outline:before {
  content: "\e901";
}
.ki-abstract-3.ki-outline:before {
  content: "\e902";
}
.ki-abstract-4.ki-outline:before {
  content: "\e903";
}
.ki-abstract-5.ki-outline:before {
  content: "\e904";
}
.ki-abstract-6.ki-outline:before {
  content: "\e905";
}
.ki-abstract-7.ki-outline:before {
  content: "\e906";
}
.ki-abstract-8.ki-outline:before {
  content: "\e907";
}
.ki-abstract-9.ki-outline:before {
  content: "\e908";
}
.ki-abstract-10.ki-outline:before {
  content: "\e909";
}
.ki-abstract-11.ki-outline:before {
  content: "\e90a";
}
.ki-abstract-12.ki-outline:before {
  content: "\e90b";
}
.ki-abstract-13.ki-outline:before {
  content: "\e90c";
}
.ki-abstract-14.ki-outline:before {
  content: "\e90d";
}
.ki-abstract-15.ki-outline:before {
  content: "\e90e";
}
.ki-abstract-16.ki-outline:before {
  content: "\e90f";
}
.ki-abstract-17.ki-outline:before {
  content: "\e910";
}
.ki-abstract-18.ki-outline:before {
  content: "\e911";
}
.ki-abstract-19.ki-outline:before {
  content: "\e912";
}
.ki-abstract-20.ki-outline:before {
  content: "\e913";
}
.ki-abstract-21.ki-outline:before {
  content: "\e914";
}
.ki-abstract-22.ki-outline:before {
  content: "\e915";
}
.ki-abstract-23.ki-outline:before {
  content: "\e916";
}
.ki-abstract-24.ki-outline:before {
  content: "\e917";
}
.ki-abstract-25.ki-outline:before {
  content: "\e918";
}
.ki-abstract-26.ki-outline:before {
  content: "\e919";
}
.ki-abstract-27.ki-outline:before {
  content: "\e91a";
}
.ki-abstract-28.ki-outline:before {
  content: "\e91b";
}
.ki-abstract-29.ki-outline:before {
  content: "\e91c";
}
.ki-abstract-30.ki-outline:before {
  content: "\e91d";
}
.ki-abstract-31.ki-outline:before {
  content: "\e91e";
}
.ki-abstract-32.ki-outline:before {
  content: "\e91f";
}
.ki-abstract-33.ki-outline:before {
  content: "\e920";
}
.ki-abstract-34.ki-outline:before {
  content: "\e921";
}
.ki-abstract-35.ki-outline:before {
  content: "\e922";
}
.ki-abstract-36.ki-outline:before {
  content: "\e923";
}
.ki-abstract-37.ki-outline:before {
  content: "\e924";
}
.ki-abstract-38.ki-outline:before {
  content: "\e925";
}
.ki-abstract-39.ki-outline:before {
  content: "\e926";
}
.ki-abstract-40.ki-outline:before {
  content: "\e927";
}
.ki-abstract-41.ki-outline:before {
  content: "\e928";
}
.ki-abstract-42.ki-outline:before {
  content: "\e929";
}
.ki-abstract-43.ki-outline:before {
  content: "\e92a";
}
.ki-abstract-44.ki-outline:before {
  content: "\e92b";
}
.ki-abstract-45.ki-outline:before {
  content: "\e92c";
}
.ki-abstract-46.ki-outline:before {
  content: "\e92d";
}
.ki-abstract-47.ki-outline:before {
  content: "\e92e";
}
.ki-abstract-48.ki-outline:before {
  content: "\e92f";
}
.ki-abstract-49.ki-outline:before {
  content: "\e930";
}
.ki-abstract.ki-outline:before {
  content: "\e931";
}
.ki-add-files.ki-outline:before {
  content: "\e932";
}
.ki-add-folder.ki-outline:before {
  content: "\e933";
}
.ki-add-notepad.ki-outline:before {
  content: "\e934";
}
.ki-additem.ki-outline:before {
  content: "\e935";
}
.ki-address-book.ki-outline:before {
  content: "\e936";
}
.ki-airplane-square.ki-outline:before {
  content: "\e937";
}
.ki-airplane.ki-outline:before {
  content: "\e938";
}
.ki-airpod.ki-outline:before {
  content: "\e939";
}
.ki-android.ki-outline:before {
  content: "\e93a";
}
.ki-angular.ki-outline:before {
  content: "\e93b";
}
.ki-apple.ki-outline:before {
  content: "\e93c";
}
.ki-archive-tick.ki-outline:before {
  content: "\e93d";
}
.ki-archive.ki-outline:before {
  content: "\e93e";
}
.ki-arrow-circle-left.ki-outline:before {
  content: "\e93f";
}
.ki-arrow-circle-right.ki-outline:before {
  content: "\e940";
}
.ki-arrow-down-left.ki-outline:before {
  content: "\e941";
}
.ki-arrow-down-refraction.ki-outline:before {
  content: "\e942";
}
.ki-arrow-down-right.ki-outline:before {
  content: "\e943";
}
.ki-arrow-down.ki-outline:before {
  content: "\e944";
}
.ki-arrow-left.ki-outline:before {
  content: "\e945";
}
.ki-arrow-mix.ki-outline:before {
  content: "\e946";
}
.ki-arrow-right-left.ki-outline:before {
  content: "\e947";
}
.ki-arrow-right.ki-outline:before {
  content: "\e948";
}
.ki-arrow-two-diagonals.ki-outline:before {
  content: "\e949";
}
.ki-arrow-up-down.ki-outline:before {
  content: "\e94a";
}
.ki-arrow-up-left.ki-outline:before {
  content: "\e94b";
}
.ki-arrow-up-refraction.ki-outline:before {
  content: "\e94c";
}
.ki-arrow-up-right.ki-outline:before {
  content: "\e94d";
}
.ki-arrow-up.ki-outline:before {
  content: "\e94e";
}
.ki-arrow-zigzag.ki-outline:before {
  content: "\e94f";
}
.ki-arrows-circle.ki-outline:before {
  content: "\e950";
}
.ki-arrows-loop.ki-outline:before {
  content: "\e951";
}
.ki-artificial-intelligence.ki-outline:before {
  content: "\e952";
}
.ki-autobrightness.ki-outline:before {
  content: "\e953";
}
.ki-avalanche-avax.ki-outline:before {
  content: "\e954";
}
.ki-award.ki-outline:before {
  content: "\e955";
}
.ki-badge.ki-outline:before {
  content: "\e956";
}
.ki-bandage.ki-outline:before {
  content: "\e957";
}
.ki-bank.ki-outline:before {
  content: "\e958";
}
.ki-bar-chart.ki-outline:before {
  content: "\e959";
}
.ki-barcode.ki-outline:before {
  content: "\e95a";
}
.ki-basket-ok.ki-outline:before {
  content: "\e95b";
}
.ki-basket.ki-outline:before {
  content: "\e95c";
}
.ki-behance.ki-outline:before {
  content: "\e95d";
}
.ki-bill.ki-outline:before {
  content: "\e95e";
}
.ki-binance-usd-busd.ki-outline:before {
  content: "\e95f";
}
.ki-binance.ki-outline:before {
  content: "\e960";
}
.ki-bitcoin.ki-outline:before {
  content: "\e961";
}
.ki-black-down.ki-outline:before {
  content: "\e962";
}
.ki-black-left-line.ki-outline:before {
  content: "\e963";
}
.ki-black-left.ki-outline:before {
  content: "\e964";
}
.ki-black-right-line.ki-outline:before {
  content: "\e965";
}
.ki-black-right.ki-outline:before {
  content: "\e966";
}
.ki-black-up.ki-outline:before {
  content: "\e967";
}
.ki-bluetooth.ki-outline:before {
  content: "\e968";
}
.ki-book-open.ki-outline:before {
  content: "\e969";
}
.ki-book-square.ki-outline:before {
  content: "\e96a";
}
.ki-book.ki-outline:before {
  content: "\e96b";
}
.ki-bookmark-2.ki-outline:before {
  content: "\e96c";
}
.ki-bookmark.ki-outline:before {
  content: "\e96d";
}
.ki-bootstrap.ki-outline:before {
  content: "\e96e";
}
.ki-briefcase.ki-outline:before {
  content: "\e96f";
}
.ki-brifecase-cros.ki-outline:before {
  content: "\e970";
}
.ki-brifecase-tick.ki-outline:before {
  content: "\e971";
}
.ki-brifecase-timer.ki-outline:before {
  content: "\e972";
}
.ki-brush.ki-outline:before {
  content: "\e973";
}
.ki-bucket-square.ki-outline:before {
  content: "\e974";
}
.ki-bucket.ki-outline:before {
  content: "\e975";
}
.ki-burger-menu-1.ki-outline:before {
  content: "\e976";
}
.ki-burger-menu-2.ki-outline:before {
  content: "\e977";
}
.ki-burger-menu-3.ki-outline:before {
  content: "\e978";
}
.ki-burger-menu-4.ki-outline:before {
  content: "\e979";
}
.ki-burger-menu-5.ki-outline:before {
  content: "\e97a";
}
.ki-burger-menu-6.ki-outline:before {
  content: "\e97b";
}
.ki-burger-menu.ki-outline:before {
  content: "\e97c";
}
.ki-bus.ki-outline:before {
  content: "\e97d";
}
.ki-calculator.ki-outline:before {
  content: "\e97e";
}
.ki-calculatoror.ki-outline:before {
  content: "\e97f";
}
.ki-calendar-2.ki-outline:before {
  content: "\e980";
}
.ki-calendar-8.ki-outline:before {
  content: "\e981";
}
.ki-calendar-add.ki-outline:before {
  content: "\e982";
}
.ki-calendar-edit.ki-outline:before {
  content: "\e983";
}
.ki-calendar-remove.ki-outline:before {
  content: "\e984";
}
.ki-calendar-search.ki-outline:before {
  content: "\e985";
}
.ki-calendar-tick.ki-outline:before {
  content: "\e986";
}
.ki-calendar.ki-outline:before {
  content: "\e987";
}
.ki-call.ki-outline:before {
  content: "\e988";
}
.ki-capsule.ki-outline:before {
  content: "\e989";
}
.ki-car.ki-outline:before {
  content: "\e98a";
}
.ki-category.ki-outline:before {
  content: "\e98b";
}
.ki-cd.ki-outline:before {
  content: "\e98c";
}
.ki-celsius-cel.ki-outline:before {
  content: "\e98d";
}
.ki-chart-line-down-2.ki-outline:before {
  content: "\e98e";
}
.ki-chart-line-down.ki-outline:before {
  content: "\e98f";
}
.ki-chart-line-star.ki-outline:before {
  content: "\e990";
}
.ki-chart-line-up-2.ki-outline:before {
  content: "\e991";
}
.ki-chart-line-up.ki-outline:before {
  content: "\e992";
}
.ki-chart-line.ki-outline:before {
  content: "\e993";
}
.ki-chart-pie-3.ki-outline:before {
  content: "\e994";
}
.ki-chart-pie-4.ki-outline:before {
  content: "\e995";
}
.ki-chart-pie-simple.ki-outline:before {
  content: "\e996";
}
.ki-chart-pie-too.ki-outline:before {
  content: "\e997";
}
.ki-chart-simple-2.ki-outline:before {
  content: "\e998";
}
.ki-chart-simple-3.ki-outline:before {
  content: "\e999";
}
.ki-chart-simple.ki-outline:before {
  content: "\e99a";
}
.ki-chart.ki-outline:before {
  content: "\e99b";
}
.ki-check-circle.ki-outline:before {
  content: "\e99c";
}
.ki-check-squared.ki-outline:before {
  content: "\e99d";
}
.ki-check.ki-outline:before {
  content: "\e99e";
}
.ki-cheque.ki-outline:before {
  content: "\e99f";
}
.ki-chrome.ki-outline:before {
  content: "\e9a0";
}
.ki-classmates.ki-outline:before {
  content: "\e9a1";
}
.ki-click.ki-outline:before {
  content: "\e9a2";
}
.ki-clipboard.ki-outline:before {
  content: "\e9a3";
}
.ki-cloud-add.ki-outline:before {
  content: "\e9a4";
}
.ki-cloud-change.ki-outline:before {
  content: "\e9a5";
}
.ki-cloud-download.ki-outline:before {
  content: "\e9a6";
}
.ki-cloud.ki-outline:before {
  content: "\e9a7";
}
.ki-code.ki-outline:before {
  content: "\e9a8";
}
.ki-coffee.ki-outline:before {
  content: "\e9a9";
}
.ki-color-swatch.ki-outline:before {
  content: "\e9aa";
}
.ki-colors-square.ki-outline:before {
  content: "\e9ab";
}
.ki-compass.ki-outline:before {
  content: "\e9ac";
}
.ki-copy-success.ki-outline:before {
  content: "\e9ad";
}
.ki-copy.ki-outline:before {
  content: "\e9ae";
}
.ki-courier-express.ki-outline:before {
  content: "\e9af";
}
.ki-courier.ki-outline:before {
  content: "\e9b0";
}
.ki-credit-cart.ki-outline:before {
  content: "\e9b1";
}
.ki-cross-circle.ki-outline:before {
  content: "\e9b2";
}
.ki-cross-square.ki-outline:before {
  content: "\e9b3";
}
.ki-cross.ki-outline:before {
  content: "\e9b4";
}
.ki-crown-2.ki-outline:before {
  content: "\e9b5";
}
.ki-crown.ki-outline:before {
  content: "\e9b6";
}
.ki-css.ki-outline:before {
  content: "\e9b7";
}
.ki-cube-2.ki-outline:before {
  content: "\e9b8";
}
.ki-cube-3.ki-outline:before {
  content: "\e9b9";
}
.ki-cup.ki-outline:before {
  content: "\e9ba";
}
.ki-cursor.ki-outline:before {
  content: "\e9bb";
}
.ki-dash.ki-outline:before {
  content: "\e9bc";
}
.ki-data.ki-outline:before {
  content: "\e9bd";
}
.ki-delete-files.ki-outline:before {
  content: "\e9be";
}
.ki-delete-folder.ki-outline:before {
  content: "\e9bf";
}
.ki-delivery-2.ki-outline:before {
  content: "\e9c0";
}
.ki-delivery-3.ki-outline:before {
  content: "\e9c1";
}
.ki-delivery-24.ki-outline:before {
  content: "\e9c2";
}
.ki-delivery-door.ki-outline:before {
  content: "\e9c3";
}
.ki-delivery-geolocation.ki-outline:before {
  content: "\e9c4";
}
.ki-delivery-time.ki-outline:before {
  content: "\e9c5";
}
.ki-delivery.ki-outline:before {
  content: "\e9c6";
}
.ki-design-1.ki-outline:before {
  content: "\e9c7";
}
.ki-design-2.ki-outline:before {
  content: "\e9c8";
}
.ki-desktop-mobile.ki-outline:before {
  content: "\e9c9";
}
.ki-devices-2.ki-outline:before {
  content: "\e9ca";
}
.ki-devices.ki-outline:before {
  content: "\e9cb";
}
.ki-diamonds.ki-outline:before {
  content: "\e9cc";
}
.ki-directbox-default.ki-outline:before {
  content: "\e9cd";
}
.ki-disconnect.ki-outline:before {
  content: "\e9ce";
}
.ki-discount.ki-outline:before {
  content: "\e9cf";
}
.ki-disguise.ki-outline:before {
  content: "\e9d0";
}
.ki-disk.ki-outline:before {
  content: "\e9d1";
}
.ki-dislike.ki-outline:before {
  content: "\e9d2";
}
.ki-dj.ki-outline:before {
  content: "\e9d3";
}
.ki-document.ki-outline:before {
  content: "\e9d4";
}
.ki-double-check.ki-outline:before {
  content: "\e9d5";
}
.ki-dollar.ki-outline:before {
  content: "\e9d6";
}
.ki-dots-circle-vertical.ki-outline:before {
  content: "\e9d7";
}
.ki-dots-circle.ki-outline:before {
  content: "\e9d8";
}
.ki-dots-horizontal.ki-outline:before {
  content: "\e9d9";
}
.ki-dots-square-vertical.ki-outline:before {
  content: "\e9da";
}
.ki-dots-square.ki-outline:before {
  content: "\e9db";
}
.ki-dots-vertical.ki-outline:before {
  content: "\e9dc";
}
.ki-double-check-circle.ki-outline:before {
  content: "\e9dd";
}
.ki-double-down.ki-outline:before {
  content: "\e9de";
}
.ki-double-left-arrow.ki-outline:before {
  content: "\e9df";
}
.ki-double-left.ki-outline:before {
  content: "\e9e0";
}
.ki-double-right-arrow.ki-outline:before {
  content: "\e9e1";
}
.ki-double-right.ki-outline:before {
  content: "\e9e2";
}
.ki-double-up.ki-outline:before {
  content: "\e9e3";
}
.ki-down-square.ki-outline:before {
  content: "\e9e4";
}
.ki-down.ki-outline:before {
  content: "\e9e5";
}
.ki-dribbble.ki-outline:before {
  content: "\e9e6";
}
.ki-drop.ki-outline:before {
  content: "\e9e7";
}
.ki-dropbox.ki-outline:before {
  content: "\e9e8";
}
.ki-educare-ekt.ki-outline:before {
  content: "\e9e9";
}
.ki-electricity.ki-outline:before {
  content: "\e9ea";
}
.ki-electronic-clock.ki-outline:before {
  content: "\e9eb";
}
.ki-element-1.ki-outline:before {
  content: "\e9ec";
}
.ki-element-2.ki-outline:before {
  content: "\e9ed";
}
.ki-element-3.ki-outline:before {
  content: "\e9ee";
}
.ki-element-4.ki-outline:before {
  content: "\e9ef";
}
.ki-element-5.ki-outline:before {
  content: "\e9f0";
}
.ki-element-6.ki-outline:before {
  content: "\e9f1";
}
.ki-element-7.ki-outline:before {
  content: "\e9f2";
}
.ki-element-8.ki-outline:before {
  content: "\e9f3";
}
.ki-element-9.ki-outline:before {
  content: "\e9f4";
}
.ki-element-10.ki-outline:before {
  content: "\e9f5";
}
.ki-element-11.ki-outline:before {
  content: "\e9f6";
}
.ki-element-12.ki-outline:before {
  content: "\e9f7";
}
.ki-element-equal.ki-outline:before {
  content: "\e9f8";
}
.ki-element-plus.ki-outline:before {
  content: "\e9f9";
}
.ki-emoji-happy.ki-outline:before {
  content: "\e9fa";
}
.ki-enjin-coin-enj.ki-outline:before {
  content: "\e9fb";
}
.ki-ensure.ki-outline:before {
  content: "\e9fc";
}
.ki-entrance-left.ki-outline:before {
  content: "\e9fd";
}
.ki-entrance-right.ki-outline:before {
  content: "\e9fe";
}
.ki-eraser.ki-outline:before {
  content: "\e9ff";
}
.ki-euro.ki-outline:before {
  content: "\ea00";
}
.ki-exit-down.ki-outline:before {
  content: "\ea01";
}
.ki-exit-left.ki-outline:before {
  content: "\ea02";
}
.ki-exit-right-corner.ki-outline:before {
  content: "\ea03";
}
.ki-exit-right.ki-outline:before {
  content: "\ea04";
}
.ki-exit-up.ki-outline:before {
  content: "\ea05";
}
.ki-external-drive.ki-outline:before {
  content: "\ea06";
}
.ki-eye-slash.ki-outline:before {
  content: "\ea07";
}
.ki-eye.ki-outline:before {
  content: "\ea08";
}
.ki-face-id.ki-outline:before {
  content: "\ea09";
}
.ki-facebook.ki-outline:before {
  content: "\ea0a";
}
.ki-fasten.ki-outline:before {
  content: "\ea0b";
}
.ki-fatrows.ki-outline:before {
  content: "\ea0c";
}
.ki-feather.ki-outline:before {
  content: "\ea0d";
}
.ki-figma.ki-outline:before {
  content: "\ea0e";
}
.ki-file-added.ki-outline:before {
  content: "\ea0f";
}
.ki-file-deleted.ki-outline:before {
  content: "\ea10";
}
.ki-file-down.ki-outline:before {
  content: "\ea11";
}
.ki-file-left.ki-outline:before {
  content: "\ea12";
}
.ki-file-right.ki-outline:before {
  content: "\ea13";
}
.ki-file-sheet.ki-outline:before {
  content: "\ea14";
}
.ki-file-up.ki-outline:before {
  content: "\ea15";
}
.ki-files.ki-outline:before {
  content: "\ea16";
}
.ki-filter-edit.ki-outline:before {
  content: "\ea17";
}
.ki-filter-search.ki-outline:before {
  content: "\ea18";
}
.ki-filter-square.ki-outline:before {
  content: "\ea19";
}
.ki-filter-tablet.ki-outline:before {
  content: "\ea1a";
}
.ki-filter-tick.ki-outline:before {
  content: "\ea1b";
}
.ki-filter.ki-outline:before {
  content: "\ea1c";
}
.ki-financial-schedule.ki-outline:before {
  content: "\ea1d";
}
.ki-fingerprint-scanning.ki-outline:before {
  content: "\ea1e";
}
.ki-flag.ki-outline:before {
  content: "\ea1f";
}
.ki-flash-circle.ki-outline:before {
  content: "\ea20";
}
.ki-flask.ki-outline:before {
  content: "\ea21";
}
.ki-focus.ki-outline:before {
  content: "\ea22";
}
.ki-folder-added.ki-outline:before {
  content: "\ea23";
}
.ki-folder-down.ki-outline:before {
  content: "\ea24";
}
.ki-folder-up.ki-outline:before {
  content: "\ea25";
}
.ki-folder.ki-outline:before {
  content: "\ea26";
}
.ki-frame.ki-outline:before {
  content: "\ea27";
}
.ki-geolocation-home.ki-outline:before {
  content: "\ea28";
}
.ki-geolocation.ki-outline:before {
  content: "\ea29";
}
.ki-ghost.ki-outline:before {
  content: "\ea2a";
}
.ki-gift.ki-outline:before {
  content: "\ea2b";
}
.ki-github.ki-outline:before {
  content: "\ea2c";
}
.ki-glass.ki-outline:before {
  content: "\ea2d";
}
.ki-google-play.ki-outline:before {
  content: "\ea2e";
}
.ki-google.ki-outline:before {
  content: "\ea2f";
}
.ki-graph-2.ki-outline:before {
  content: "\ea30";
}
.ki-graph-3.ki-outline:before {
  content: "\ea31";
}
.ki-graph-4.ki-outline:before {
  content: "\ea32";
}
.ki-graph-up.ki-outline:before {
  content: "\ea33";
}
.ki-graph.ki-outline:before {
  content: "\ea34";
}
.ki-grid-2.ki-outline:before {
  content: "\ea35";
}
.ki-grid.ki-outline:before {
  content: "\ea36";
}
.ki-handcart.ki-outline:before {
  content: "\ea37";
}
.ki-happyemoji.ki-outline:before {
  content: "\ea38";
}
.ki-heart-circle.ki-outline:before {
  content: "\ea39";
}
.ki-heart.ki-outline:before {
  content: "\ea3a";
}
.ki-home-1.ki-outline:before {
  content: "\ea3b";
}
.ki-home-2.ki-outline:before {
  content: "\ea3c";
}
.ki-home-3.ki-outline:before {
  content: "\ea3d";
}
.ki-home.ki-outline:before {
  content: "\ea3e";
}
.ki-html.ki-outline:before {
  content: "\ea3f";
}
.ki-icon.ki-outline:before {
  content: "\ea40";
}
.ki-illustrator.ki-outline:before {
  content: "\ea41";
}
.ki-information-1.ki-outline:before {
  content: "\ea42";
}
.ki-information-2.ki-outline:before {
  content: "\ea43";
}
.ki-information-3.ki-outline:before {
  content: "\ea44";
}
.ki-information-4.ki-outline:before {
  content: "\ea45";
}
.ki-information.ki-outline:before {
  content: "\ea46";
}
.ki-instagram.ki-outline:before {
  content: "\ea47";
}
.ki-joystick.ki-outline:before {
  content: "\ea48";
}
.ki-js-2.ki-outline:before {
  content: "\ea49";
}
.ki-js.ki-outline:before {
  content: "\ea4a";
}
.ki-kanban.ki-outline:before {
  content: "\ea4b";
}
.ki-key-square.ki-outline:before {
  content: "\ea4c";
}
.ki-key.ki-outline:before {
  content: "\ea4d";
}
.ki-keyboard.ki-outline:before {
  content: "\ea4e";
}
.ki-laptop.ki-outline:before {
  content: "\ea4f";
}
.ki-laravel.ki-outline:before {
  content: "\ea50";
}
.ki-left-square.ki-outline:before {
  content: "\ea51";
}
.ki-left.ki-outline:before {
  content: "\ea52";
}
.ki-like-2.ki-outline:before {
  content: "\ea53";
}
.ki-like-folder.ki-outline:before {
  content: "\ea54";
}
.ki-like-shapes.ki-outline:before {
  content: "\ea55";
}
.ki-like-tag.ki-outline:before {
  content: "\ea56";
}
.ki-like.ki-outline:before {
  content: "\ea57";
}
.ki-loading.ki-outline:before {
  content: "\ea58";
}
.ki-lock-2.ki-outline:before {
  content: "\ea59";
}
.ki-lock-3.ki-outline:before {
  content: "\ea5a";
}
.ki-lock.ki-outline:before {
  content: "\ea5b";
}
.ki-logistic.ki-outline:before {
  content: "\ea5c";
}
.ki-lots-shopping.ki-outline:before {
  content: "\ea5d";
}
.ki-lovely.ki-outline:before {
  content: "\ea5e";
}
.ki-lts.ki-outline:before {
  content: "\ea5f";
}
.ki-magnifier.ki-outline:before {
  content: "\ea60";
}
.ki-map.ki-outline:before {
  content: "\ea61";
}
.ki-mask.ki-outline:before {
  content: "\ea62";
}
.ki-maximize.ki-outline:before {
  content: "\ea63";
}
.ki-medal-star.ki-outline:before {
  content: "\ea64";
}
.ki-menu.ki-outline:before {
  content: "\ea65";
}
.ki-message-add.ki-outline:before {
  content: "\ea66";
}
.ki-message-edit.ki-outline:before {
  content: "\ea67";
}
.ki-message-minus.ki-outline:before {
  content: "\ea68";
}
.ki-message-notify.ki-outline:before {
  content: "\ea69";
}
.ki-message-programming.ki-outline:before {
  content: "\ea6a";
}
.ki-message-question.ki-outline:before {
  content: "\ea6b";
}
.ki-message-text-2.ki-outline:before {
  content: "\ea6c";
}
.ki-message-text.ki-outline:before {
  content: "\ea6d";
}
.ki-messages.ki-outline:before {
  content: "\ea6e";
}
.ki-microsoft.ki-outline:before {
  content: "\ea6f";
}
.ki-milk.ki-outline:before {
  content: "\ea70";
}
.ki-minus-circle.ki-outline:before {
  content: "\ea71";
}
.ki-minus-folder.ki-outline:before {
  content: "\ea72";
}
.ki-minus-squared.ki-outline:before {
  content: "\ea73";
}
.ki-minus.ki-outline:before {
  content: "\ea74";
}
.ki-moon.ki-outline:before {
  content: "\ea75";
}
.ki-more-2.ki-outline:before {
  content: "\ea76";
}
.ki-mouse-circle.ki-outline:before {
  content: "\ea77";
}
.ki-mouse-square.ki-outline:before {
  content: "\ea78";
}
.ki-mouse.ki-outline:before {
  content: "\ea79";
}
.ki-nexo.ki-outline:before {
  content: "\ea7a";
}
.ki-night-day.ki-outline:before {
  content: "\ea7b";
}
.ki-note-2.ki-outline:before {
  content: "\ea7c";
}
.ki-note.ki-outline:before {
  content: "\ea7d";
}
.ki-notepad-bookmark.ki-outline:before {
  content: "\ea7e";
}
.ki-notepad-edit.ki-outline:before {
  content: "\ea7f";
}
.ki-notepad.ki-outline:before {
  content: "\ea80";
}
.ki-notification-1.ki-outline:before {
  content: "\ea81";
}
.ki-notification-bing.ki-outline:before {
  content: "\ea82";
}
.ki-notification-circle.ki-outline:before {
  content: "\ea83";
}
.ki-notification-favorite.ki-outline:before {
  content: "\ea84";
}
.ki-notification-on.ki-outline:before {
  content: "\ea85";
}
.ki-notification-status.ki-outline:before {
  content: "\ea86";
}
.ki-notification.ki-outline:before {
  content: "\ea87";
}
.ki-ocean.ki-outline:before {
  content: "\ea88";
}
.ki-office-bag.ki-outline:before {
  content: "\ea89";
}
.ki-package.ki-outline:before {
  content: "\ea8a";
}
.ki-pad.ki-outline:before {
  content: "\ea8b";
}
.ki-pails.ki-outline:before {
  content: "\ea8c";
}
.ki-paintbucket.ki-outline:before {
  content: "\ea8d";
}
.ki-paper-clip.ki-outline:before {
  content: "\ea8e";
}
.ki-paper-plane.ki-outline:before {
  content: "\ea8f";
}
.ki-parcel-tracking.ki-outline:before {
  content: "\ea90";
}
.ki-parcel.ki-outline:before {
  content: "\ea91";
}
.ki-password-check.ki-outline:before {
  content: "\ea92";
}
.ki-paypal.ki-outline:before {
  content: "\ea93";
}
.ki-pencil.ki-outline:before {
  content: "\ea94";
}
.ki-people.ki-outline:before {
  content: "\ea95";
}
.ki-percentage.ki-outline:before {
  content: "\ea96";
}
.ki-phone.ki-outline:before {
  content: "\ea97";
}
.ki-photoshop.ki-outline:before {
  content: "\ea98";
}
.ki-picture.ki-outline:before {
  content: "\ea99";
}
.ki-pill.ki-outline:before {
  content: "\ea9a";
}
.ki-pin.ki-outline:before {
  content: "\ea9b";
}
.ki-plus-circle.ki-outline:before {
  content: "\ea9c";
}
.ki-plus-squared.ki-outline:before {
  content: "\ea9d";
}
.ki-plus.ki-outline:before {
  content: "\ea9e";
}
.ki-pointers.ki-outline:before {
  content: "\ea9f";
}
.ki-price-tag.ki-outline:before {
  content: "\eaa0";
}
.ki-printer.ki-outline:before {
  content: "\eaa1";
}
.ki-profile-circle.ki-outline:before {
  content: "\eaa2";
}
.ki-pulse.ki-outline:before {
  content: "\eaa3";
}
.ki-purchase.ki-outline:before {
  content: "\eaa4";
}
.ki-python.ki-outline:before {
  content: "\eaa5";
}
.ki-question-2.ki-outline:before {
  content: "\eaa6";
}
.ki-question.ki-outline:before {
  content: "\eaa7";
}
.ki-questionnaire-tablet.ki-outline:before {
  content: "\eaa8";
}
.ki-ranking.ki-outline:before {
  content: "\eaa9";
}
.ki-react.ki-outline:before {
  content: "\eaaa";
}
.ki-receipt-square.ki-outline:before {
  content: "\eaab";
}
.ki-rescue.ki-outline:before {
  content: "\eaac";
}
.ki-right-left.ki-outline:before {
  content: "\eaad";
}
.ki-right-square.ki-outline:before {
  content: "\eaae";
}
.ki-right.ki-outline:before {
  content: "\eaaf";
}
.ki-rocket.ki-outline:before {
  content: "\eab0";
}
.ki-route.ki-outline:before {
  content: "\eab1";
}
.ki-router.ki-outline:before {
  content: "\eab2";
}
.ki-row-horizontal.ki-outline:before {
  content: "\eab3";
}
.ki-row-vertical.ki-outline:before {
  content: "\eab4";
}
.ki-safe-home.ki-outline:before {
  content: "\eab5";
}
.ki-satellite.ki-outline:before {
  content: "\eab6";
}
.ki-save-2.ki-outline:before {
  content: "\eab7";
}
.ki-save-deposit.ki-outline:before {
  content: "\eab8";
}
.ki-scan-barcode.ki-outline:before {
  content: "\eab9";
}
.ki-screen.ki-outline:before {
  content: "\eaba";
}
.ki-scroll.ki-outline:before {
  content: "\eabb";
}
.ki-search-list.ki-outline:before {
  content: "\eabc";
}
.ki-security-user.ki-outline:before {
  content: "\eabd";
}
.ki-setting-2.ki-outline:before {
  content: "\eabe";
}
.ki-setting-3.ki-outline:before {
  content: "\eabf";
}
.ki-setting-4.ki-outline:before {
  content: "\eac0";
}
.ki-setting.ki-outline:before {
  content: "\eac1";
}
.ki-share.ki-outline:before {
  content: "\eac2";
}
.ki-shield-cross.ki-outline:before {
  content: "\eac3";
}
.ki-shield-search.ki-outline:before {
  content: "\eac4";
}
.ki-shield-slash.ki-outline:before {
  content: "\eac5";
}
.ki-shield-tick.ki-outline:before {
  content: "\eac6";
}
.ki-shield.ki-outline:before {
  content: "\eac7";
}
.ki-ship.ki-outline:before {
  content: "\eac8";
}
.ki-shop.ki-outline:before {
  content: "\eac9";
}
.ki-simcard-2.ki-outline:before {
  content: "\eaca";
}
.ki-simcard.ki-outline:before {
  content: "\eacb";
}
.ki-size.ki-outline:before {
  content: "\eacc";
}
.ki-slack.ki-outline:before {
  content: "\eacd";
}
.ki-slider-horizontal-2.ki-outline:before {
  content: "\eace";
}
.ki-slider-horizontal.ki-outline:before {
  content: "\eacf";
}
.ki-slider-vertica.ki-outline:before {
  content: "\ead0";
}
.ki-slider-vertical.ki-outline:before {
  content: "\ead1";
}
.ki-slider.ki-outline:before {
  content: "\ead2";
}
.ki-sms.ki-outline:before {
  content: "\ead3";
}
.ki-snapchat.ki-outline:before {
  content: "\ead4";
}
.ki-social-media.ki-outline:before {
  content: "\ead5";
}
.ki-soft-2.ki-outline:before {
  content: "\ead6";
}
.ki-soft-3.ki-outline:before {
  content: "\ead7";
}
.ki-soft.ki-outline:before {
  content: "\ead8";
}
.ki-some-files.ki-outline:before {
  content: "\ead9";
}
.ki-sort.ki-outline:before {
  content: "\eada";
}
.ki-speaker.ki-outline:before {
  content: "\eadb";
}
.ki-spotify.ki-outline:before {
  content: "\eadc";
}
.ki-spring-framework.ki-outline:before {
  content: "\eadd";
}
.ki-square-brackets.ki-outline:before {
  content: "\eade";
}
.ki-star.ki-outline:before {
  content: "\eadf";
}
.ki-status.ki-outline:before {
  content: "\eae0";
}
.ki-subtitle.ki-outline:before {
  content: "\eae1";
}
.ki-sun.ki-outline:before {
  content: "\eae2";
}
.ki-support.ki-outline:before {
  content: "\eae3";
}
.ki-switch.ki-outline:before {
  content: "\eae4";
}
.ki-syringe.ki-outline:before {
  content: "\eae5";
}
.ki-tab-tablet.ki-outline:before {
  content: "\eae6";
}
.ki-tablet-delete.ki-outline:before {
  content: "\eae7";
}
.ki-tablet-down.ki-outline:before {
  content: "\eae8";
}
.ki-tablet-ok.ki-outline:before {
  content: "\eae9";
}
.ki-tablet-text-down.ki-outline:before {
  content: "\eaea";
}
.ki-tablet-text-up.ki-outline:before {
  content: "\eaeb";
}
.ki-tablet-up.ki-outline:before {
  content: "\eaec";
}
.ki-tablet.ki-outline:before {
  content: "\eaed";
}
.ki-tag-cross.ki-outline:before {
  content: "\eaee";
}
.ki-tag.ki-outline:before {
  content: "\eaef";
}
.ki-teacher.ki-outline:before {
  content: "\eaf0";
}
.ki-technology-1.ki-outline:before {
  content: "\eaf1";
}
.ki-technology-2.ki-outline:before {
  content: "\eaf2";
}
.ki-technology-3.ki-outline:before {
  content: "\eaf3";
}
.ki-technology-4.ki-outline:before {
  content: "\eaf4";
}
.ki-telephone-geolocation.ki-outline:before {
  content: "\eaf5";
}
.ki-test-tubes.ki-outline:before {
  content: "\eaf6";
}
.ki-text-bold.ki-outline:before {
  content: "\eaf7";
}
.ki-text-circle.ki-outline:before {
  content: "\eaf8";
}
.ki-text-italic.ki-outline:before {
  content: "\eaf9";
}
.ki-text-number.ki-outline:before {
  content: "\eafa";
}
.ki-text-strikethrough.ki-outline:before {
  content: "\eafb";
}
.ki-text-underline.ki-outline:before {
  content: "\eafc";
}
.ki-text.ki-outline:before {
  content: "\eafd";
}
.ki-textalign-center.ki-outline:before {
  content: "\eafe";
}
.ki-textalign-justifycenter.ki-outline:before {
  content: "\eaff";
}
.ki-textalign-left.ki-outline:before {
  content: "\eb00";
}
.ki-textalign-right.ki-outline:before {
  content: "\eb01";
}
.ki-thermometer.ki-outline:before {
  content: "\eb02";
}
.ki-theta-theta.ki-outline:before {
  content: "\eb03";
}
.ki-tiktok.ki-outline:before {
  content: "\eb04";
}
.ki-time.ki-outline:before {
  content: "\eb05";
}
.ki-timer.ki-outline:before {
  content: "\eb06";
}
.ki-to-left.ki-outline:before {
  content: "\eb07";
}
.ki-to-right.ki-outline:before {
  content: "\eb08";
}
.ki-toggle-off-circle.ki-outline:before {
  content: "\eb09";
}
.ki-toggle-off.ki-outline:before {
  content: "\eb0a";
}
.ki-toggle-on-circle.ki-outline:before {
  content: "\eb0b";
}
.ki-toggle-on.ki-outline:before {
  content: "\eb0c";
}
.ki-trash-square.ki-outline:before {
  content: "\eb0d";
}
.ki-trash.ki-outline:before {
  content: "\eb0e";
}
.ki-tree.ki-outline:before {
  content: "\eb0f";
}
.ki-trello.ki-outline:before {
  content: "\eb10";
}
.ki-ts.ki-outline:before {
  content: "\eb11";
}
.ki-twitch.ki-outline:before {
  content: "\eb12";
}
.ki-twitter.ki-outline:before {
  content: "\eb13";
}
.ki-two-credit-cart.ki-outline:before {
  content: "\eb14";
}
.ki-underlining.ki-outline:before {
  content: "\eb15";
}
.ki-up-diagonal.ki-outline:before {
  content: "\eb16";
}
.ki-up-down.ki-outline:before {
  content: "\eb17";
}
.ki-up-square.ki-outline:before {
  content: "\eb18";
}
.ki-up.ki-outline:before {
  content: "\eb19";
}
.ki-update-file.ki-outline:before {
  content: "\eb1a";
}
.ki-update-folder.ki-outline:before {
  content: "\eb1b";
}
.ki-user-edit.ki-outline:before {
  content: "\eb1c";
}
.ki-user-square.ki-outline:before {
  content: "\eb1d";
}
.ki-user-tick.ki-outline:before {
  content: "\eb1e";
}
.ki-user.ki-outline:before {
  content: "\eb1f";
}
.ki-users.ki-outline:before {
  content: "\eb20";
}
.ki-verify.ki-outline:before {
  content: "\eb21";
}
.ki-vibe-vibe.ki-outline:before {
  content: "\eb22";
}
.ki-virus.ki-outline:before {
  content: "\eb23";
}
.ki-vue.ki-outline:before {
  content: "\eb24";
}
.ki-vuesax.ki-outline:before {
  content: "\eb25";
}
.ki-wallet.ki-outline:before {
  content: "\eb26";
}
.ki-wanchain-wan.ki-outline:before {
  content: "\eb27";
}
.ki-watch.ki-outline:before {
  content: "\eb28";
}
.ki-whatsapp.ki-outline:before {
  content: "\eb29";
}
.ki-wifi-home.ki-outline:before {
  content: "\eb2a";
}
.ki-wifi-square.ki-outline:before {
  content: "\eb2b";
}
.ki-wifi.ki-outline:before {
  content: "\eb2c";
}
.ki-wireframe.ki-outline:before {
  content: "\eb2d";
}
.ki-wlan.ki-outline:before {
  content: "\eb2e";
}
.ki-wrench.ki-outline:before {
  content: "\eb2f";
}
.ki-xaomi.ki-outline:before {
  content: "\eb30";
}
.ki-xd.ki-outline:before {
  content: "\eb31";
}
.ki-xmr.ki-outline:before {
  content: "\eb32";
}
.ki-yii.ki-outline:before {
  content: "\eb33";
}
.ki-youtube.ki-outline:before {
  content: "\eb34";
}
:root {
  --kendo-border-radius-base: calc(var(--radius) - 2px);
}
:root, .dark {
  --kendo-color-app-surface: var(--background);
  --kendo-color-on-app-surface: var(--foreground);
  --kendo-color-surface: var(--muted);
  --kendo-color-surface-alt: var(--popover);
  --kendo-color-subtle: var(--muted-foreground);
  --kendo-color-border: var(--border);
  --kendo-color-border-alt: var(--ring);
  --kendo-color-base: var(--secondary);
  --kendo-color-on-base: var(--secondary-foreground);
  --kendo-color-base-hover: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-base-hover: color-mix(in oklab, var(--secondary) 94%, var(--foreground));
  }
  --kendo-color-base-active: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-base-active: color-mix(in oklab, var(--secondary) 88%, var(--foreground));
  }
  --kendo-color-base-emphasis: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-base-emphasis: color-mix(in oklab, var(--secondary) 75%, var(--foreground));
  }
  --kendo-color-base-subtle: var(--muted);
  --kendo-color-base-subtle-hover: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-base-subtle-hover: color-mix(in oklab, var(--muted) 94%, var(--foreground));
  }
  --kendo-color-base-subtle-active: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-base-subtle-active: color-mix(in oklab, var(--muted) 88%, var(--foreground));
  }
  --kendo-color-base-on-subtle: var(--foreground);
  --kendo-color-base-on-surface: var(--foreground);
  --kendo-color-primary: var(--primary);
  --kendo-color-on-primary: var(--primary-foreground);
  --kendo-color-primary-hover: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-hover: color-mix(in oklab, var(--primary) 90%, var(--shade));
  }
  --kendo-color-primary-active: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-active: color-mix(in oklab, var(--primary) 80%, var(--shade));
  }
  --kendo-color-primary-emphasis: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-emphasis: color-mix(in oklab, var(--primary) 60%, var(--background));
  }
  --kendo-color-primary-subtle: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-subtle: color-mix(in oklab, var(--primary) 12%, var(--background));
  }
  --kendo-color-primary-subtle-hover: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-subtle-hover: color-mix(in oklab, var(--primary) 18%, var(--background));
  }
  --kendo-color-primary-subtle-active: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-subtle-active: color-mix(in oklab, var(--primary) 24%, var(--background));
  }
  --kendo-color-primary-on-subtle: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-on-subtle: color-mix(in oklab, var(--primary) 75%, var(--foreground));
  }
  --kendo-color-primary-on-surface: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-primary-on-surface: color-mix(in oklab, var(--primary) 75%, var(--foreground));
  }
  --kendo-color-tertiary: var(--info);
  --kendo-color-on-tertiary: var(--info-foreground);
  --kendo-color-tertiary-hover: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-tertiary-hover: color-mix(in oklab, var(--info) 90%, var(--shade));
  }
  --kendo-color-tertiary-active: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-tertiary-active: color-mix(in oklab, var(--info) 80%, var(--shade));
  }
  --kendo-color-tertiary-emphasis: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-tertiary-emphasis: color-mix(in oklab, var(--info) 60%, var(--background));
  }
  --kendo-color-tertiary-subtle: var(--info-soft);
  --kendo-color-tertiary-subtle-hover: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-tertiary-subtle-hover: color-mix(in oklab, var(--info) 10%, var(--info-soft));
  }
  --kendo-color-tertiary-subtle-active: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-tertiary-subtle-active: color-mix(in oklab, var(--info) 20%, var(--info-soft));
  }
  --kendo-color-tertiary-on-subtle: var(--info);
  --kendo-color-tertiary-on-surface: var(--info);
  --kendo-color-info: var(--info);
  --kendo-color-on-info: var(--info-foreground);
  --kendo-color-info-hover: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-info-hover: color-mix(in oklab, var(--info) 90%, var(--shade));
  }
  --kendo-color-info-active: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-info-active: color-mix(in oklab, var(--info) 80%, var(--shade));
  }
  --kendo-color-info-emphasis: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-info-emphasis: color-mix(in oklab, var(--info) 60%, var(--background));
  }
  --kendo-color-info-subtle: var(--info-soft);
  --kendo-color-info-subtle-hover: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-info-subtle-hover: color-mix(in oklab, var(--info) 10%, var(--info-soft));
  }
  --kendo-color-info-subtle-active: var(--info);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-info-subtle-active: color-mix(in oklab, var(--info) 20%, var(--info-soft));
  }
  --kendo-color-info-on-subtle: var(--info);
  --kendo-color-info-on-surface: var(--info);
  --kendo-color-success: var(--success);
  --kendo-color-on-success: var(--success-foreground);
  --kendo-color-success-hover: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-success-hover: color-mix(in oklab, var(--success) 90%, var(--shade));
  }
  --kendo-color-success-active: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-success-active: color-mix(in oklab, var(--success) 80%, var(--shade));
  }
  --kendo-color-success-emphasis: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-success-emphasis: color-mix(in oklab, var(--success) 60%, var(--background));
  }
  --kendo-color-success-subtle: var(--success-soft);
  --kendo-color-success-subtle-hover: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-success-subtle-hover: color-mix(in oklab, var(--success) 10%, var(--success-soft));
  }
  --kendo-color-success-subtle-active: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-success-subtle-active: color-mix(in oklab, var(--success) 20%, var(--success-soft));
  }
  --kendo-color-success-on-subtle: var(--success);
  --kendo-color-success-on-surface: var(--success);
  --kendo-color-warning: var(--warning);
  --kendo-color-on-warning: var(--warning-foreground);
  --kendo-color-warning-hover: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-warning-hover: color-mix(in oklab, var(--warning) 90%, var(--shade));
  }
  --kendo-color-warning-active: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-warning-active: color-mix(in oklab, var(--warning) 80%, var(--shade));
  }
  --kendo-color-warning-emphasis: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-warning-emphasis: color-mix(in oklab, var(--warning) 60%, var(--background));
  }
  --kendo-color-warning-subtle: var(--warning-soft);
  --kendo-color-warning-subtle-hover: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-warning-subtle-hover: color-mix(in oklab, var(--warning) 10%, var(--warning-soft));
  }
  --kendo-color-warning-subtle-active: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-warning-subtle-active: color-mix(in oklab, var(--warning) 20%, var(--warning-soft));
  }
  --kendo-color-warning-on-subtle: var(--warning);
  --kendo-color-warning-on-surface: var(--warning);
  --kendo-color-error: var(--destructive);
  --kendo-color-on-error: var(--destructive-foreground);
  --kendo-color-error-hover: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-hover: color-mix(in oklab, var(--destructive) 90%, var(--shade));
  }
  --kendo-color-error-active: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-active: color-mix(in oklab, var(--destructive) 80%, var(--shade));
  }
  --kendo-color-error-emphasis: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-emphasis: color-mix(in oklab, var(--destructive) 60%, var(--background));
  }
  --kendo-color-error-subtle: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-subtle: color-mix(in oklab, var(--destructive) 12%, var(--background));
  }
  --kendo-color-error-subtle-hover: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-subtle-hover: color-mix(in oklab, var(--destructive) 18%, var(--background));
  }
  --kendo-color-error-subtle-active: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-subtle-active: color-mix(in oklab, var(--destructive) 24%, var(--background));
  }
  --kendo-color-error-on-subtle: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-on-subtle: color-mix(in oklab, var(--destructive) 75%, var(--foreground));
  }
  --kendo-color-error-on-surface: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-error-on-surface: color-mix(in oklab, var(--destructive) 75%, var(--foreground));
  }
  --kendo-color-secondary: var(--secondary);
  --kendo-color-on-secondary: var(--secondary-foreground);
  --kendo-color-secondary-hover: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-secondary-hover: color-mix(in oklab, var(--secondary) 94%, var(--foreground));
  }
  --kendo-color-secondary-active: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-secondary-active: color-mix(in oklab, var(--secondary) 88%, var(--foreground));
  }
  --kendo-color-secondary-emphasis: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-secondary-emphasis: color-mix(in oklab, var(--secondary) 75%, var(--foreground));
  }
  --kendo-color-secondary-subtle: var(--muted);
  --kendo-color-secondary-subtle-hover: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-secondary-subtle-hover: color-mix(in oklab, var(--muted) 94%, var(--foreground));
  }
  --kendo-color-secondary-subtle-active: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-secondary-subtle-active: color-mix(in oklab, var(--muted) 88%, var(--foreground));
  }
  --kendo-color-secondary-on-subtle: var(--secondary-foreground);
  --kendo-color-secondary-on-surface: var(--muted-foreground);
  --kendo-color-inverse: var(--mono);
  --kendo-color-on-inverse: var(--mono-foreground);
  --kendo-color-inverse-hover: var(--mono);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-inverse-hover: color-mix(in oklab, var(--mono) 88%, var(--background));
  }
  --kendo-color-inverse-active: var(--mono);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-inverse-active: color-mix(in oklab, var(--mono) 78%, var(--background));
  }
  --kendo-color-inverse-emphasis: var(--mono);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-inverse-emphasis: color-mix(in oklab, var(--mono) 60%, var(--background));
  }
  --kendo-color-inverse-subtle: var(--mono);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-inverse-subtle: color-mix(in oklab, var(--mono) 12%, var(--background));
  }
  --kendo-color-inverse-subtle-hover: var(--mono);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-inverse-subtle-hover: color-mix(in oklab, var(--mono) 18%, var(--background));
  }
  --kendo-color-inverse-subtle-active: var(--mono);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-inverse-subtle-active: color-mix(in oklab, var(--mono) 24%, var(--background));
  }
  --kendo-color-inverse-on-subtle: var(--foreground);
  --kendo-color-inverse-on-surface: var(--foreground);
  --kendo-color-series: var(--chart-1);
  --kendo-color-series-a: var(--chart-1);
  --kendo-color-series-b: var(--chart-2);
  --kendo-color-series-c: var(--chart-3);
  --kendo-color-series-d: var(--chart-4);
  --kendo-color-series-e: var(--chart-5);
  --kendo-color-series-f: var(--muted-foreground);
  --kendo-color-series-a-bold: var(--chart-1);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-a-bold: color-mix(in oklab, var(--chart-1) 80%, var(--foreground));
  }
  --kendo-color-series-a-bolder: var(--chart-1);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-a-bolder: color-mix(in oklab, var(--chart-1) 60%, var(--foreground));
  }
  --kendo-color-series-a-subtle: var(--chart-1);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-a-subtle: color-mix(in oklab, var(--chart-1) 60%, var(--background));
  }
  --kendo-color-series-a-subtler: var(--chart-1);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-a-subtler: color-mix(in oklab, var(--chart-1) 35%, var(--background));
  }
  --kendo-color-series-b-bold: var(--chart-2);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-b-bold: color-mix(in oklab, var(--chart-2) 80%, var(--foreground));
  }
  --kendo-color-series-b-bolder: var(--chart-2);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-b-bolder: color-mix(in oklab, var(--chart-2) 60%, var(--foreground));
  }
  --kendo-color-series-b-subtle: var(--chart-2);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-b-subtle: color-mix(in oklab, var(--chart-2) 60%, var(--background));
  }
  --kendo-color-series-b-subtler: var(--chart-2);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-b-subtler: color-mix(in oklab, var(--chart-2) 35%, var(--background));
  }
  --kendo-color-series-c-bold: var(--chart-3);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-c-bold: color-mix(in oklab, var(--chart-3) 80%, var(--foreground));
  }
  --kendo-color-series-c-bolder: var(--chart-3);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-c-bolder: color-mix(in oklab, var(--chart-3) 60%, var(--foreground));
  }
  --kendo-color-series-c-subtle: var(--chart-3);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-c-subtle: color-mix(in oklab, var(--chart-3) 60%, var(--background));
  }
  --kendo-color-series-c-subtler: var(--chart-3);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-c-subtler: color-mix(in oklab, var(--chart-3) 35%, var(--background));
  }
  --kendo-color-series-d-bold: var(--chart-4);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-d-bold: color-mix(in oklab, var(--chart-4) 80%, var(--foreground));
  }
  --kendo-color-series-d-bolder: var(--chart-4);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-d-bolder: color-mix(in oklab, var(--chart-4) 60%, var(--foreground));
  }
  --kendo-color-series-d-subtle: var(--chart-4);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-d-subtle: color-mix(in oklab, var(--chart-4) 60%, var(--background));
  }
  --kendo-color-series-d-subtler: var(--chart-4);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-d-subtler: color-mix(in oklab, var(--chart-4) 35%, var(--background));
  }
  --kendo-color-series-e-bold: var(--chart-5);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-e-bold: color-mix(in oklab, var(--chart-5) 80%, var(--foreground));
  }
  --kendo-color-series-e-bolder: var(--chart-5);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-e-bolder: color-mix(in oklab, var(--chart-5) 60%, var(--foreground));
  }
  --kendo-color-series-e-subtle: var(--chart-5);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-e-subtle: color-mix(in oklab, var(--chart-5) 60%, var(--background));
  }
  --kendo-color-series-e-subtler: var(--chart-5);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-e-subtler: color-mix(in oklab, var(--chart-5) 35%, var(--background));
  }
  --kendo-color-series-f-bold: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-f-bold: color-mix(in oklab, var(--muted-foreground) 80%, var(--foreground));
  }
  --kendo-color-series-f-bolder: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-f-bolder: color-mix(in oklab, var(--muted-foreground) 60%, var(--foreground));
  }
  --kendo-color-series-f-subtle: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-f-subtle: color-mix(in oklab, var(--muted-foreground) 60%, var(--background));
  }
  --kendo-color-series-f-subtler: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --kendo-color-series-f-subtler: color-mix(in oklab, var(--muted-foreground) 35%, var(--background));
  }
}
.k-input, .k-input.k-input-solid, .k-picker, .k-picker.k-picker-solid, .k-picker:hover, .k-picker.k-hover, .k-picker.k-picker-solid:hover, .k-picker.k-picker-solid.k-hover, .k-checkbox, .k-checkbox:indeterminate, .k-checkbox.k-indeterminate, .k-radio, .k-switch-off .k-switch-track {
  border-color: var(--input);
}
.k-input:hover, .k-input.k-hover, .k-input.k-input-solid:hover, .k-input.k-input-solid.k-hover, .k-input:focus-within, .k-input.k-focus, .k-input.k-input-solid:focus-within, .k-input.k-input-solid.k-focus {
  border-color: var(--kendo-color-border-alt);
}
.k-input.k-invalid, .k-input.k-invalid:hover, .k-input.k-invalid:focus-within, .k-picker.k-invalid, .k-picker.k-invalid:hover {
  border-color: var(--kendo-color-error-on-surface);
}
.k-picker, .k-picker.k-picker-solid {
  background-color: var(--background);
}
.k-picker:hover, .k-picker.k-hover, .k-picker.k-picker-solid:hover, .k-picker.k-picker-solid.k-hover {
  background-color: var(--accent);
}
.k-input:focus-within, .k-input.k-focus, .k-picker:focus, .k-picker:focus-within, .k-picker.k-focus, .k-button:focus-visible, .k-button.k-focus, .k-pager .k-link:focus-visible, .k-grid .k-table-th:focus, .k-grid .k-table-td:focus, .k-grid td:focus, .k-grid th:focus, .k-editor:has(iframe:focus) {
  outline: 2px solid var(--ring);
  outline-offset: 1px;
}
.k-grid .k-table-th:focus, .k-grid .k-table-td:focus, .k-grid td:focus, .k-grid th:focus {
  outline-offset: -2px;
}
.k-overlay {
  background-color: var(--overlay);
}
.dark .k-popup {
  border-color: var(--input);
}
@media not all and (min-width: 40rem) {
  .k-window {
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
    border-radius: 0;
  }
  @supports not (height: 100dvh) {
    .k-window {
      height: 100% !important;
    }
  }
  .k-window-content {
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media not all and (min-width: 64rem) {
  html:has(.k-window) {
    overflow: hidden;
  }
}
:root {
  --pn-sticky-top: 60px;
}
@media (min-width: 64rem) {
  :root {
    --pn-sticky-top: 0px;
  }
}
.pn-editor.k-editor {
  border-color: var(--border);
  border-radius: var(--radius);
  background-color: var(--background);
}
.pn-editor .k-editor-toolbar {
  position: sticky;
  top: var(--pn-sticky-top, 0px);
  z-index: 10;
  background-color: var(--background);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.pn-editor .k-editor-content {
  overflow: visible;
}
.pn-editor .k-editor-content > .ProseMirror {
  height: auto;
  min-height: 24rem;
  padding: 1.5rem 1rem 3rem;
  overflow: visible;
}
@media not all and (min-width: 40rem) {
  .pn-editor .k-editor-toolbar {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  .pn-editor .k-editor-toolbar > * {
    flex-shrink: 0;
  }
}
.pn-editor .k-editor-toolbar:empty {
  display: none;
}
.pn-editor .k-editor-content > .ProseMirror[contenteditable="false"] {
  min-height: 0;
}
.pn-editor:has(.ProseMirror:focus-visible) {
  outline: 2px solid var(--ring);
  outline-offset: 1px;
}
@media not all and (min-width: 48rem) {
  .k-pager-info {
    display: none;
  }
}
@media (pointer: coarse) {
  .k-pager .k-button, .k-pager .k-pager-numbers-wrap .k-button, .k-pager.k-pager-sm .k-pager-numbers-wrap .k-button, .k-pager.k-pager-md .k-pager-numbers-wrap .k-button, .k-toolbar .k-button {
    min-width: 44px;
    min-height: 44px;
  }
}
@layer components {
  .pn-btn {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .pn-btn:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .pn-btn:disabled, .pn-btn[aria-disabled="true"] {
    pointer-events: none;
    opacity: 50%;
  }
  .pn-btn--primary {
    background-color: var(--primary);
    color: var(--primary-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--primary) 90%,var(--shade));
        }
      }
    }
  }
  .pn-btn--secondary {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
        }
      }
    }
  }
  .pn-btn--outline {
    border-color: var(--input);
    background-color: var(--background);
    color: var(--foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .pn-btn--ghost {
    background-color: transparent;
    color: var(--foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .pn-btn--destructive {
    background-color: var(--destructive);
    color: var(--destructive-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab,var(--destructive) 90%,var(--shade));
        }
      }
    }
  }
  .pn-btn--sm {
    height: calc(var(--spacing) * 8);
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
  }
  .pn-btn--md {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .pn-btn--lg {
    height: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .pn-btn--icon {
    width: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 0);
  }
  .pn-btn--icon.pn-btn--sm {
    width: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 0);
  }
  .pn-btn--icon.pn-btn--lg {
    width: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 0);
  }
  .pn-card {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    color: var(--card-foreground);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .pn-card__header {
    display: flex;
    min-height: calc(var(--spacing) * 14);
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .pn-card__title {
    margin: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    overflow-wrap: break-word;
    color: var(--card-foreground);
  }
  .pn-card__body {
    padding: calc(var(--spacing) * 5);
  }
  .pn-card__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
  }
  .pn-badge {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) - 2px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-2xs);
    line-height: var(--tw-leading, var(--text-2xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
  }
  .pn-badge--neutral {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }
  .pn-badge--primary {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }
  .pn-badge--success {
    background-color: var(--success-soft);
    color: var(--success);
  }
  .pn-badge--warning {
    background-color: var(--warning-soft);
    color: var(--warning);
  }
  .pn-badge--info {
    background-color: var(--info-soft);
    color: var(--info);
  }
  .pn-badge--destructive {
    background-color: var(--destructive);
    color: var(--destructive-foreground);
  }
  .pn-alert {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
  }
  .pn-alert__content {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .pn-alert__title {
    margin: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .pn-alert__body {
    color: var(--muted-foreground);
  }
  .pn-alert__title + .pn-alert__body {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .pn-alert__dismiss {
    margin-block: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -2);
  }
  .pn-alert--neutral {
    border-color: var(--border);
    background-color: var(--muted);
  }
  .pn-alert--primary {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .pn-alert--success {
    border-color: var(--success);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--success) 40%, transparent);
    }
    background-color: var(--success-soft);
  }
  .pn-alert--warning {
    border-color: var(--warning);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
    background-color: var(--warning-soft);
  }
  .pn-alert--info {
    border-color: var(--info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--info) 40%, transparent);
    }
    background-color: var(--info-soft);
  }
  .pn-alert--destructive {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .pn-empty {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
  }
  .pn-empty__icon {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--muted-foreground);
  }
  .pn-empty__title {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .pn-empty__description {
    margin: calc(var(--spacing) * 0);
    max-width: var(--container-sm);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .pn-empty__actions {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .pn-page-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .pn-page-header__main {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .pn-page-header__title {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .pn-page-header__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
    color: var(--muted-foreground);
  }
  .pn-page-header__breadcrumb a {
    color: var(--muted-foreground);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .pn-page-header__breadcrumb > * + *::before {
    content: "/" / "";
    margin-right: calc(var(--spacing) * 1.5);
    color: var(--muted-foreground);
  }
  .pn-page-header__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .pn-page-header__end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .pn-page-header__tools {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .pn-theme-switch {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--background);
    padding: calc(var(--spacing) * 0.5);
  }
  .pn-theme-switch__option {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius) - 4px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--muted-foreground);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
    @media (width < 64rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .pn-theme-switch__option:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .pn-theme-switch__option[aria-checked="true"] {
    background-color: var(--accent);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--accent-foreground);
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-inset-ring-color: var(--input);
  }
  .pn-copy {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .pn-copy__label {
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .pn-copy__row {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .pn-copy__input {
    height: calc(var(--spacing) * 9);
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--background);
    padding-inline: calc(var(--spacing) * 3);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
  }
  .pn-copy__input:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .pn-copy__status {
    margin: calc(var(--spacing) * 0);
    min-height: calc(var(--spacing) * 5);
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
    color: var(--muted-foreground);
  }
  .pn-field {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .pn-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .pn-input, .pn-textarea, .pn-select, .pn-blog :is(input, textarea).pn-field {
    height: calc(var(--spacing) * 9);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--background);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
    color-scheme: light;
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:where(.dark, .dark *) {
      color-scheme: dark;
    }
    @media (pointer: coarse) {
      height: calc(var(--spacing) * 11);
    }
  }
  .pn-input::placeholder, .pn-textarea::placeholder, .pn-blog :is(input, textarea).pn-field::placeholder {
    color: var(--muted-foreground);
    opacity: 100%;
  }
  .pn-textarea, .pn-blog textarea.pn-field {
    height: auto;
    min-height: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    @media (pointer: coarse) {
      height: auto;
    }
  }
  .pn-select {
    cursor: pointer;
  }
  .pn-input:focus-visible, .pn-textarea:focus-visible, .pn-select:focus-visible, .pn-blog :is(input, textarea).pn-field:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .pn-input:disabled, .pn-textarea:disabled, .pn-select:disabled, .pn-blog :is(input, textarea).pn-field:disabled {
    cursor: not-allowed;
    opacity: 50%;
  }
  .pn-blog :is(input, textarea).pn-field {
    display: block;
  }
  .pn-check {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--foreground);
  }
  .pn-checkbox {
    margin-top: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    cursor: pointer;
    border-radius: calc(var(--radius) - 4px);
    accent-color: var(--primary);
    color-scheme: light;
    &:where(.dark, .dark *) {
      color-scheme: dark;
    }
  }
  .pn-checkbox:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .pn-field-hint {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
    color: var(--muted-foreground);
  }
  .pn-field-error {
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--destructive-text);
  }
  .pn-field-error:empty, .pn-field-error.field-validation-valid {
    display: none;
  }
  .pn-input[aria-invalid="true"], .pn-input.input-validation-error, .pn-textarea[aria-invalid="true"], .pn-textarea.input-validation-error, .pn-select[aria-invalid="true"], .pn-select.input-validation-error, .pn-blog :is(input, textarea).pn-field[aria-invalid="true"], .pn-blog :is(input, textarea).pn-field.input-validation-error {
    border-color: var(--destructive);
  }
  .pn-input[aria-invalid="true"]:focus-visible, .pn-input.input-validation-error:focus-visible, .pn-textarea[aria-invalid="true"]:focus-visible, .pn-textarea.input-validation-error:focus-visible, .pn-select[aria-invalid="true"]:focus-visible, .pn-select.input-validation-error:focus-visible, .pn-blog :is(input, textarea).pn-field[aria-invalid="true"]:focus-visible, .pn-blog :is(input, textarea).pn-field.input-validation-error:focus-visible {
    --tw-ring-color: var(--destructive);
  }
  .pn-checkbox[aria-invalid="true"], .pn-checkbox.input-validation-error {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
  }
  .pn-validation-summary.validation-summary-errors {
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
  }
  .pn-validation-summary.validation-summary-errors ul {
    margin: calc(var(--spacing) * 0);
    list-style-type: disc;
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .pn-validation-summary.validation-summary-valid {
    display: none;
  }
}
@layer components {
  .pn-prose, .pn-blog .pn-post-content, .pn-editor .ProseMirror {
    max-width: 70ch;
    color: var(--foreground);
    font-size: 0.9375rem;
    line-height: 1.7;
    overflow-wrap: break-word;
  }
  .pn-editor .ProseMirror {
    margin-inline: auto;
  }
  .pn-prose > :first-child, .pn-blog .pn-post-content > :first-child, .pn-editor .ProseMirror > :first-child {
    margin-top: 0;
  }
  .pn-prose h1, .pn-blog .pn-post-content h1, .pn-prose h2, .pn-blog .pn-post-content h2, .pn-prose h3, .pn-blog .pn-post-content h3, .pn-prose h4, .pn-blog .pn-post-content h4, .pn-prose h5, .pn-blog .pn-post-content h5, .pn-prose h6, .pn-blog .pn-post-content h6, .pn-editor .ProseMirror h1, .pn-editor .ProseMirror h2, .pn-editor .ProseMirror h3, .pn-editor .ProseMirror h4, .pn-editor .ProseMirror h5, .pn-editor .ProseMirror h6 {
    margin: 1.6em 0 0.6em;
    color: var(--foreground);
    font-weight: 600;
    line-height: 1.3;
  }
  .pn-prose h1, .pn-blog .pn-post-content h1, .pn-editor .ProseMirror h1 {
    font-size: 1.75rem;
  }
  .pn-prose h2, .pn-blog .pn-post-content h2, .pn-editor .ProseMirror h2 {
    font-size: 1.375rem;
  }
  .pn-prose h3, .pn-blog .pn-post-content h3, .pn-editor .ProseMirror h3 {
    font-size: 1.125rem;
  }
  .pn-prose h4, .pn-blog .pn-post-content h4, .pn-prose h5, .pn-blog .pn-post-content h5, .pn-prose h6, .pn-blog .pn-post-content h6, .pn-editor .ProseMirror h4, .pn-editor .ProseMirror h5, .pn-editor .ProseMirror h6 {
    font-size: 1rem;
  }
  .pn-prose p, .pn-blog .pn-post-content p, .pn-prose ul, .pn-blog .pn-post-content ul, .pn-prose ol, .pn-blog .pn-post-content ol, .pn-prose blockquote, .pn-blog .pn-post-content blockquote, .pn-prose pre, .pn-blog .pn-post-content pre, .pn-prose table, .pn-blog .pn-post-content table, .pn-prose figure, .pn-blog .pn-post-content figure, .pn-editor .ProseMirror p, .pn-editor .ProseMirror ul, .pn-editor .ProseMirror ol, .pn-editor .ProseMirror blockquote, .pn-editor .ProseMirror pre, .pn-editor .ProseMirror table, .pn-editor .ProseMirror figure {
    margin: 0 0 1em;
  }
  .pn-prose ul, .pn-blog .pn-post-content ul, .pn-editor .ProseMirror ul {
    padding-left: 1.5em;
    list-style-type: disc;
  }
  .pn-prose ol, .pn-blog .pn-post-content ol, .pn-editor .ProseMirror ol {
    padding-left: 1.5em;
    list-style-type: decimal;
  }
  .pn-prose li + li, .pn-blog .pn-post-content li + li, .pn-editor .ProseMirror li + li {
    margin-top: 0.25em;
  }
  .pn-prose li > ul, .pn-blog .pn-post-content li > ul, .pn-prose li > ol, .pn-blog .pn-post-content li > ol, .pn-editor .ProseMirror li > ul, .pn-editor .ProseMirror li > ol {
    margin: 0.25em 0 0;
  }
  .pn-prose a, .pn-blog .pn-post-content a, .pn-editor .ProseMirror a {
    color: var(--info);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .pn-prose blockquote, .pn-blog .pn-post-content blockquote, .pn-editor .ProseMirror blockquote {
    padding-left: 1rem;
    border-left: 3px solid var(--border);
    color: var(--muted-foreground);
  }
  .pn-prose code, .pn-blog .pn-post-content code, .pn-prose pre, .pn-blog .pn-post-content pre, .pn-editor .ProseMirror code, .pn-editor .ProseMirror pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    background-color: var(--muted);
    border-radius: calc(var(--radius) - 4px);
  }
  .pn-prose code, .pn-blog .pn-post-content code, .pn-editor .ProseMirror code {
    padding: 0.1em 0.3em;
  }
  .pn-prose pre, .pn-blog .pn-post-content pre, .pn-editor .ProseMirror pre {
    padding: 0.75rem 1rem;
    overflow-x: auto;
    white-space: pre;
  }
  .pn-prose pre code, .pn-blog .pn-post-content pre code, .pn-editor .ProseMirror pre code {
    padding: 0;
    background-color: inherit;
  }
  .pn-prose hr, .pn-blog .pn-post-content hr, .pn-editor .ProseMirror hr {
    margin: 2em 0;
    border: 0;
    border-top: 1px solid var(--border);
  }
  .pn-prose table, .pn-blog .pn-post-content table, .pn-editor .ProseMirror table {
    border-collapse: collapse;
  }
  .pn-prose th, .pn-blog .pn-post-content th, .pn-prose td, .pn-blog .pn-post-content td, .pn-editor .ProseMirror th, .pn-editor .ProseMirror td {
    padding: 0.375rem 0.625rem;
    border: 1px solid var(--border);
  }
  .pn-prose th, .pn-blog .pn-post-content th, .pn-editor .ProseMirror th {
    background-color: var(--muted);
    font-weight: 600;
  }
  .pn-prose img, .pn-blog .pn-post-content img, .pn-editor .ProseMirror img {
    max-width: 100%;
    height: auto;
  }
  .pn-prose strong, .pn-blog .pn-post-content strong, .pn-editor .ProseMirror strong {
    font-weight: 600;
  }
}
@layer components {
  .pn-blog {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 8);
    font-family: var(--font-sans);
    color: var(--foreground);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  .pn-blog :where(a:not(.pn-btn, .pn-tag)) {
    color: var(--primary-text);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .pn-blog img {
    height: auto;
    max-width: 100%;
  }
  .pn-blog hr {
    margin-block: calc(var(--spacing) * 6);
    border-color: var(--border);
  }
  .pn-blog .pn-header {
    margin-bottom: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-bottom: calc(var(--spacing) * 6);
    text-align: start;
  }
  .pn-blog .pn-title {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    color: var(--foreground);
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .pn-blog .pn-lead {
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 0);
    max-width: 65ch;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--muted-foreground);
  }
  .pn-blog .pn-layout {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 10);
    @media (width >= 64rem) {
      display: grid;
    }
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 18rem;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .pn-blog .pn-main {
    min-width: calc(var(--spacing) * 0);
  }
  .pn-blog .pn-sidebar {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .pn-blog .pn-layout:has(> .pn-sidebar:first-child) {
    @media (width >= 64rem) {
      grid-template-columns: 18rem minmax(0,1fr);
    }
  }
  .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > .pn-main {
    display: flex;
    flex-direction: column;
  }
  .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > .pn-main > :has(:is(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"]))) {
    order: 1;
  }
  .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > .pn-main > :not(:has(:is(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])))) {
    order: 2;
  }
  .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > .pn-main > :last-child:not(.pn-card) {
    order: 3;
  }
  .pn-blog > div:has(> img:only-child):has(+ .pn-layout) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .pn-blog > div:has(> img:only-child):has(+ .pn-layout) > img {
    width: 100%;
    border-radius: calc(var(--radius) - 2px);
    object-fit: cover;
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .pn-blog .pn-card__body.pn-text-center > img:first-child {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    object-fit: cover;
  }
  .pn-blog .pn-main > .pn-card > .pn-card__body > div:is(:has(> strong:first-child), :has(> a:first-child + br)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 2);
  }
  .pn-blog .pn-main > .pn-card > .pn-card__body > div:has(> a:first-child + br) > a:first-child {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .pn-blog .pn-main > .pn-card > .pn-card__body > div:is(:has(> strong:first-child), :has(> a:first-child + br)) > :is(span, p) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .pn-blog .pn-main > .pn-card > .pn-card__body > div:has(> a:first-child + br) > p {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
  }
  .pn-blog .pn-card {
    margin-bottom: calc(var(--spacing) * 6);
    overflow: hidden;
  }
  .pn-blog .pn-card__media {
    display: block;
    aspect-ratio: var(--aspect-video);
    width: 100%;
    object-fit: cover;
  }
  .pn-blog .pn-card:has(> .pn-card__media, > div > .pn-card__media) {
    @media (width >= 48rem) {
      display: grid;
    }
    @media (width >= 48rem) {
      grid-template-columns: 14rem 1fr;
    }
  }
  .pn-blog .pn-card > div:has(> .pn-card__media) {
    @media (width >= 48rem) {
      height: 100%;
    }
  }
  .pn-blog .pn-card > .pn-card__media, .pn-blog .pn-card > div > .pn-card__media {
    @media (width >= 48rem) {
      aspect-ratio: auto;
    }
    @media (width >= 48rem) {
      height: 100%;
    }
    @media (width >= 48rem) {
      max-height: none;
    }
  }
  .pn-blog .pn-post-title {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--foreground);
  }
  .pn-blog .pn-post-title a {
    color: inherit;
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        color: var(--primary-text);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .pn-blog h1.pn-post-title {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .pn-blog .pn-post-meta {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .pn-blog .pn-excerpt {
    margin-block: calc(var(--spacing) * 3);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--muted-foreground);
  }
  .pn-blog article.pn-card .pn-card__body > div > .pn-tag--category {
    margin-inline-end: calc(var(--spacing) * 3);
    border-color: transparent;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--primary-text);
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--primary-text);
      }
    }
  }
  .pn-blog article.pn-card .pn-card__body > div > a.pn-tag--category:hover {
    text-decoration-line: underline;
    text-underline-offset: 2px;
  }
  .pn-blog article.pn-card > .pn-card__body > a.pn-btn:last-child {
    height: auto;
    gap: calc(var(--spacing) * 1);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--primary-text);
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--primary-text);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 2px;
      }
    }
  }
  .pn-blog .pn-masonry {
    @media (width >= 48rem) {
      columns: 2;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .pn-blog .pn-masonry > * {
    break-inside: avoid;
  }
  .pn-blog .pn-main > img.pn-card__media, .pn-blog .pn-main > article:not(.pn-card) > div > img.pn-card__media {
    margin-bottom: calc(var(--spacing) * 6);
    aspect-ratio: 2/1;
    border-radius: calc(var(--radius) + 4px);
  }
  .pn-blog .pn-post-content {
    max-width: none;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.75;
    line-height: 1.75;
    @media (width >= 40rem) {
      font-size: 1.0625rem;
    }
  }
  .pn-blog .pn-post-content > :is(p, ul, ol, dl, blockquote, h2, h3, h4, h5, h6) {
    max-width: 36rem;
  }
  .pn-blog .pn-post-content img {
    border-radius: var(--radius);
  }
  .pn-blog .pn-post-content table {
    @media (width < 40rem) {
      display: block;
    }
    @media (width < 40rem) {
      overflow-x: auto;
    }
  }
  .pn-blog .pn-tag {
    display: inline-flex;
    min-height: calc(var(--spacing) * 7);
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .pn-blog .pn-tag:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-offset-color: var(--background);
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .pn-blog .pn-tag--category {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
    color: var(--primary-text);
  }
  .pn-blog div:has(> .pn-tag) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .pn-blog div > .pn-tag {
    margin-inline-end: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 2);
  }
  .pn-blog .pn-pagination {
    margin-block: calc(var(--spacing) * 8);
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 0);
  }
  .pn-blog .pn-page {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    min-width: calc(var(--spacing) * 9);
    overflow: hidden;
    border-radius: calc(var(--radius) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    @media (width < 64rem) {
      min-width: calc(var(--spacing) * 11);
    }
  }
  .pn-blog .pn-page > :is(a, button) {
    display: inline-flex;
    flex: 1;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .pn-blog .pn-page > :is(a, button):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
    --tw-ring-inset: inset;
  }
  .pn-blog .pn-page--active {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-foreground);
  }
  .pn-blog .pn-page--active > :is(a, button) {
    color: var(--primary-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--primary-foreground);
      }
    }
  }
  .pn-blog .pn-page--disabled {
    pointer-events: none;
    opacity: 50%;
  }
  .pn-blog .pn-widget {
    border-radius: calc(var(--radius) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--card-foreground);
  }
  .pn-blog .pn-widget__title {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--foreground);
  }
  .pn-blog .pn-widget ul {
    margin: calc(var(--spacing) * 0);
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
  }
  .pn-blog .pn-widget li {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 2);
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .pn-blog .pn-widget--promo {
    border-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }
  .pn-blog .pn-sidebar > .pn-widget:has(> div:only-child > span:first-child + p:last-child) {
    display: none;
  }
  .pn-blog .pn-searchbox {
    display: flex;
    gap: calc(var(--spacing) * 2);
  }
  .pn-blog .pn-filter-banner {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--info) 40%, transparent);
    }
    background-color: var(--info-soft);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--foreground);
  }
  .pn-blog .pn-loading {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
    color: var(--muted-foreground);
  }
  .pn-blog .pn-alert {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .pn-blog .pn-alert--danger {
    border-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
    background-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }
  .pn-blog .pn-main > [role="complementary"] {
    margin-block: calc(var(--spacing) * 6);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }
  .pn-blog section > h3 {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--foreground);
  }
  .pn-blog section > h3 > span {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--muted-foreground);
  }
  .pn-blog section > h4, .pn-blog section .pn-card__body > h4 {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--foreground);
  }
  .pn-blog .pn-comment {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-block: calc(var(--spacing) * 4);
  }
  .pn-blog .pn-comment--nested {
    margin-inline-start: calc(var(--spacing) * 6);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
    border-inline-start-color: var(--border) !important;
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .pn-blog .pn-comment-form {
    margin-block: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
    padding: calc(var(--spacing) * 4);
  }
  .pn-blog form label {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .pn-blog .pn-form-row {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .pn-blog form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .pn-blog form > .pn-btn {
    align-self: flex-start;
  }
  .pn-blog .validation-summary-valid {
    display: none;
  }
  .pn-blog .field-validation-error, .pn-blog .validation-summary-errors {
    font-size: var(--text-2sm);
    line-height: var(--tw-leading, var(--text-2sm--line-height));
    color: var(--destructive-text);
  }
  .pn-blog .pn-text-center {
    text-align: center;
  }
  .pn-blog .pn-required {
    color: var(--destructive-text);
  }
  @media (width < 64rem) {
    .pn-blog .pn-btn:not(:has(> .pn-tag)) {
      height: calc(var(--spacing) * 11);
    }
    .pn-blog input.pn-field:not([type=checkbox], [type=radio]) {
      height: calc(var(--spacing) * 11);
    }
    .pn-blog .pn-layout:has(> .pn-sidebar:first-child) {
      gap: calc(var(--spacing) * 4);
    }
    .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > :is(.pn-sidebar, .pn-main) {
      display: contents;
    }
    .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > :is(.pn-sidebar, .pn-main) > .pn-card {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > .pn-sidebar > :not(:first-child):has(:is(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"]))) {
      order: 1;
    }
    .pn-blog .pn-layout:has(> .pn-sidebar:first-child) > .pn-sidebar > :not(:first-child):not(:has(:is(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])))) {
      order: 2;
    }
    .pn-blog article.pn-card > .pn-card__body > a.pn-btn:last-child {
      min-height: calc(var(--spacing) * 11);
    }
    .pn-blog .pn-widget li:has(> button:not(.pn-btn)) {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 0);
    }
    .pn-blog .pn-widget li > button:not(.pn-btn) {
      display: flex;
      min-height: calc(var(--spacing) * 11);
      min-width: calc(var(--spacing) * 0);
      flex: 1;
      align-items: center;
      text-align: start;
    }
    .pn-blog .pn-widget li:has(> a:not(.pn-tag)) {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 0);
    }
    .pn-blog .pn-widget li > a:not(.pn-tag) {
      display: flex;
      min-height: calc(var(--spacing) * 11);
      min-width: calc(var(--spacing) * 0);
      flex: 1;
      align-items: center;
    }
    .pn-blog .pn-widget li:has(> a:not(.pn-tag)) > :not(a) {
      flex-shrink: 0;
      text-align: end;
    }
    .pn-blog .pn-page {
      height: auto;
    }
    .pn-blog .pn-page > :is(a, button) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  @media (width < 40rem) {
    .pn-blog .pn-pagination {
      gap: calc(var(--spacing) * 1);
    }
    .pn-blog .pn-page {
      min-width: calc(var(--spacing) * 10);
    }
    .pn-blog .pn-page > :is(a, button) {
      padding-inline: calc(var(--spacing) * 2);
    }
    .pn-blog .pn-page:is(:first-child, :last-child) > button {
      font-size: 0;
    }
    .pn-blog .pn-page:first-child > button::before {
      content: "\2190" / "";
      font-size: var(--text-sm);
    }
    .pn-blog .pn-page:last-child > button::before {
      content: "\2192" / "";
      font-size: var(--text-sm);
    }
    .pn-blog .pn-pagination:has(> .pn-page:nth-child(9)) > .pn-page:not(:first-child, :last-child, :nth-child(2), :nth-last-child(2), .pn-page--active, :has(+ .pn-page--active), .pn-page--active + *) {
      display: none;
    }
  }
  .pn-blog div:has(> button > .pn-tag) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .pn-blog div:has(> button > .pn-tag) > button.pn-btn {
    height: calc(var(--spacing) * 7);
    min-height: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .pn-blog div:has(> button > .pn-tag) > button.pn-btn:not(.pn-btn--primary) {
    border-color: var(--border);
    background-color: var(--muted);
    color: var(--muted-foreground);
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .pn-blog div:has(> button > .pn-tag) > button.pn-btn > .pn-tag {
    min-height: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: inherit;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: inherit;
      }
    }
  }
  .pn-blog div:has(> button > .pn-tag) > button.pn-btn > .pn-tag::before {
    content: "(";
  }
  .pn-blog div:has(> button > .pn-tag) > button.pn-btn > .pn-tag::after {
    content: ")";
  }
  .pn-blog svg[aria-hidden]:not(.pn-post-content *) {
    display: inline;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    vertical-align: -0.125em;
  }
}
@layer utilities {
  .pn-blog .text-muted, .pn-blog .text-secondary {
    color: var(--muted-foreground);
  }
  .pn-blog .text-danger {
    color: var(--destructive-text);
  }
  .pn-blog .text-dark {
    color: var(--foreground);
  }
  .pn-blog .text-decoration-none {
    text-decoration-line: none;
  }
  .pn-blog .text-center {
    text-align: center;
  }
  .pn-blog .small {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .pn-blog .fs-5 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .pn-blog .fs-6 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .pn-blog .fw-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .pn-blog .fw-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .pn-blog .fst-italic {
    font-style: italic;
  }
  .pn-blog .d-block {
    display: block;
  }
  .pn-blog .d-flex {
    display: flex;
  }
  .pn-blog .flex-wrap {
    flex-wrap: wrap;
  }
  .pn-blog .justify-content-between {
    justify-content: space-between;
  }
  .pn-blog .align-items-center {
    align-items: center;
  }
  .pn-blog .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .pn-blog .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .pn-blog :is(.gap-1, .gap-2):has(> .pn-tag) {
    gap: calc(var(--spacing) * 0);
  }
  .pn-blog .list-unstyled {
    list-style-type: none;
    padding-inline-start: calc(var(--spacing) * 0);
  }
  .pn-blog .w-100 {
    width: 100%;
  }
  .pn-blog .border-bottom {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
  }
  .pn-blog .rounded {
    border-radius: calc(var(--radius) - 2px);
  }
  .pn-blog .rounded-circle {
    border-radius: calc(infinity * 1px);
  }
  .pn-blog .shadow-sm {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .pn-blog .opacity-75 {
    opacity: 75%;
  }
  .pn-blog .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .pn-blog .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .pn-blog .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .pn-blog .mb-3 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .pn-blog .mb-4 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .pn-blog .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .pn-blog .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .pn-blog .mt-4 {
    margin-top: calc(var(--spacing) * 6);
  }
  .pn-blog .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .pn-blog .ms-3 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .pn-blog .ps-3 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .pn-blog .pn-widget ol.ps-3 {
    padding-inline-start: calc(var(--spacing) * 0);
  }
  @media (width < 64rem) {
    .pn-blog .pn-widget li.py-1:has(> a:not(.pn-tag)) {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  .pn-blog .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .pn-blog .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .pn-blog .py-5 {
    padding-block: calc(var(--spacing) * 12);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
    }
  }
}