.at-page .at-page-container,
body,
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.at-u-border-box,
.at-u-col-right {
  box-sizing: border-box;
}

.at-field label {
  color: var(--at-title-color);
}

a,
kbd {
  cursor: pointer;
}

.at-tabs a,
.at-u-text-decoration-none,
[at-decoration],
div,
li,
p {
  text-decoration: none;
}

.at-modal,
.at-offcanvas,
[at-tooltip]::before {
  visibility: hidden;
  opacity: 0;
}

:root {
  --at-slate: #95a7b82c;
  --at-slate-50: #f8fafc;
  --at-slate-100: #f1f5f9;
  --at-slate-200: #e2e8f0;
  --at-slate-300: #cbd5e1;
  --at-slate-400: #9fafc4;
  --at-slate-500: #64748b;
  --at-slate-600: #475569;
  --at-slate-700: #334155;
  --at-slate-800: #1e293b;
  --at-slate-900: #0f172a;
  --at-slate-transparent: #64748b2c;
  --at-gray-50: #f9fafb;
  --at-gray-100: #f3f4f6;
  --at-gray-200: #e5e7eb;
  --at-gray-300: #d1d5db;
  --at-gray-400: #9ca3af;
  --at-gray-500: #6b7280;
  --at-gray-600: #4b5563;
  --at-gray-700: #374151;
  --at-gray-800: #1f2937;
  --at-gray-900: #111827;
  --at-gray-transparent: #6b72802c;
  --at-zinc-50: #fafafa;
  --at-zinc-100: #f4f4f5;
  --at-zinc-200: #e4e4e7;
  --at-zinc-300: #d4d4d8;
  --at-zinc-400: #a1a1aa;
  --at-zinc-500: #71717a;
  --at-zinc-600: #52525b;
  --at-zinc-700: #3f3f46;
  --at-zinc-800: #27272a;
  --at-zinc-900: #18181b;
  --at-zinc-transparent: #71717a2c;
  --at-neutral-50: #fafafa;
  --at-neutral-100: #f5f5f5;
  --at-neutral-200: #e5e5e5;
  --at-neutral-300: #d4d4d4;
  --at-neutral-400: #a3a3a3;
  --at-neutral-500: #737373;
  --at-neutral-600: #525252;
  --at-neutral-700: #404040;
  --at-neutral-800: #262626;
  --at-neutral-900: #171717;
  --at-neutral-transparent: #7373732c;
  --at-stone-50: #fafaf9;
  --at-stone-100: #f5f5f4;
  --at-stone-200: #e7e5e4;
  --at-stone-300: #d6d3d1;
  --at-stone-400: #a8a29e;
  --at-stone-500: #78716c;
  --at-stone-600: #57534e;
  --at-stone-700: #44403c;
  --at-stone-800: #292524;
  --at-stone-900: #1c1917;
  --at-stone-transparent: #78716c2c;
  --at-red-50: #fef2f2;
  --at-red-100: #fee2e2;
  --at-red-200: #fecaca;
  --at-red-300: #fca5a5;
  --at-red-400: #f87171;
  --at-red-500: #ef4461;
  --at-red-600: #dc2626;
  --at-red-700: #b91c1c;
  --at-red-800: #991b1b;
  --at-red-900: #7f1d1d;
  --at-red-transparent: #ef44612c;
  --at-orange-50: #fff7ed;
  --at-orange-100: #ffedd5;
  --at-orange-200: #fed7aa;
  --at-orange-300: #fdba74;
  --at-orange-400: #fb923c;
  --at-orange-500: #f97316;
  --at-orange-600: #ea580c;
  --at-orange-700: #c2410c;
  --at-orange-800: #9a3412;
  --at-orange-900: #7c2d12;
  --at-orange-transparent: #f973162c;
  --at-amber-50: #fffbeb;
  --at-amber-100: #fef3c7;
  --at-amber-200: #fde68a;
  --at-amber-300: #fcd34d;
  --at-amber-400: #fbbf24;
  --at-amber-500: #f59e0b;
  --at-amber-600: #d97706;
  --at-amber-700: #b45309;
  --at-amber-800: #92400e;
  --at-amber-900: #78350f;
  --at-amber-transparent: #f59e0b2c;
  --at-yellow-50: #fefce8;
  --at-yellow-100: #fef9c3;
  --at-yellow-200: #fef08a;
  --at-yellow-300: #fde047;
  --at-yellow-400: #facc15;
  --at-yellow-500: #eab308;
  --at-yellow-600: #ca8a04;
  --at-yellow-700: #a16207;
  --at-yellow-800: #854d0e;
  --at-yellow-900: #713f12;
  --at-yellow-transparent: #eab3082c;
  --at-lime-50: #f7fee7;
  --at-lime-100: #ecfccb;
  --at-lime-200: #d9f99d;
  --at-lime-300: #bef264;
  --at-lime-400: #a3e635;
  --at-lime-500: #84cc16;
  --at-lime-600: #65a30d;
  --at-lime-700: #4d7c0f;
  --at-lime-800: #3f6212;
  --at-lime-900: #365314;
  --at-lime-transparent: #84cc162c;
  --at-green-50: #f0fdf4;
  --at-green-100: #dcfce7;
  --at-green-200: #bbf7d0;
  --at-green-300: #86efac;
  --at-green-400: #4ade80;
  --at-green-500: #22c55e;
  --at-green-600: #16a34a;
  --at-green-700: #15803d;
  --at-green-800: #166534;
  --at-green-900: #14532d;
  --at-green-transparent: #22c55e2c;
  --at-emerald-50: #ecfdf5;
  --at-emerald-100: #d1fae5;
  --at-emerald-200: #a7f3d0;
  --at-emerald-300: #6ee7b7;
  --at-emerald-400: #34d399;
  --at-emerald-500: #10b981;
  --at-emerald-600: #059669;
  --at-emerald-700: #047857;
  --at-emerald-800: #065f46;
  --at-emerald-900: #064e3b;
  --at-emerald-transparent: #10b9812c;
  --at-teal-50: #f0fdfa;
  --at-teal-100: #c2f5ea;
  --at-teal-200: #99f6e4;
  --at-teal-300: #5eead4;
  --at-teal-400: #2dd4bf;
  --at-teal-500: #14b8a6;
  --at-teal-600: #0d9488;
  --at-teal-700: #0f766e;
  --at-teal-800: #115e59;
  --at-teal-900: #134e4a;
  --at-teal-transparent: #14b8a62c;
  --at-cyan-50: #ecfeff;
  --at-cyan-100: #cffafe;
  --at-cyan-200: #a5f3fc;
  --at-cyan-300: #67e8f9;
  --at-cyan-400: #22d3ee;
  --at-cyan-500: #06b6d4;
  --at-cyan-600: #0891b2;
  --at-cyan-700: #0e7490;
  --at-cyan-800: #155e75;
  --at-cyan-900: #164e63;
  --at-cyan-transparent: #06b6d42c;
  --at-sky-50: #f0f9ff;
  --at-sky-100: #e0f2fe;
  --at-sky-200: #bae6fd;
  --at-sky-300: #7dd3fc;
  --at-sky-400: #38bdf8;
  --at-sky-500: #0ea5e9;
  --at-sky-600: #0284c7;
  --at-sky-700: #0369a1;
  --at-sky-800: #075985;
  --at-sky-900: #0c4a6e;
  --at-sky-transparent: #0ea5e92c;
  --at-blue-50: #eff6ff;
  --at-blue-100: #dbeafe;
  --at-blue-200: #bfdbfe;
  --at-blue-300: #93c5fd;
  --at-blue-400: #60a5fa;
  --at-blue-500: #1a72ff;
  --at-blue-600: #2563eb;
  --at-blue-700: #1d4ed8;
  --at-blue-800: #1e40af;
  --at-blue-900: #1e3a8a;
  --at-blue-transparent: #3b82f62c;
  --at-indigo-50: #eef2ff;
  --at-indigo-100: #e0e7ff;
  --at-indigo-200: #c7d2fe;
  --at-indigo-300: #a5b4fc;
  --at-indigo-400: #818cf8;
  --at-indigo-500: #6366f1;
  --at-indigo-600: #4f46e5;
  --at-indigo-700: #4338ca;
  --at-indigo-800: #3730a3;
  --at-indigo-900: #312e81;
  --at-indigo-transparent: #6366f12c;
  --at-violet-50: #f5f3ff;
  --at-violet-100: #ede9fe;
  --at-violet-200: #ddd6fe;
  --at-violet-300: #c4b5fd;
  --at-violet-400: #a78bfa;
  --at-violet-500: #8b5cf6;
  --at-violet-600: #7c3aed;
  --at-violet-700: #6d28d9;
  --at-violet-800: #5b21b6;
  --at-violet-900: #4c1d95;
  --at-violet-transparent: #8b5cf62c;
  --at-purple-50: #faf5ff;
  --at-purple-100: #f3e8ff;
  --at-purple-200: #e9d5ff;
  --at-purple-300: #d8b4fe;
  --at-purple-400: #c084fc;
  --at-purple-500: #a855f7;
  --at-purple-600: #9333ea;
  --at-purple-700: #7e22ce;
  --at-purple-800: #6b21a8;
  --at-purple-900: #581c87;
  --at-purple-transparent: #a855f72c;
  --at-fuchsia-50: #fdf4ff;
  --at-fuchsia-100: #fae8ff;
  --at-fuchsia-200: #f5d0fe;
  --at-fuchsia-300: #f0abfc;
  --at-fuchsia-400: #e879f9;
  --at-fuchsia-500: #d946ef;
  --at-fuchsia-600: #c026d3;
  --at-fuchsia-700: #a21caf;
  --at-fuchsia-800: #86198f;
  --at-fuchsia-900: #701a75;
  --at-fuchsia-transparent: #d946ef2c;
  --at-pink-50: #fdf2f8;
  --at-pink-100: #fce7f3;
  --at-pink-200: #fbcfe8;
  --at-pink-300: #f9a8d4;
  --at-pink-400: #f472b6;
  --at-pink-500: #ec4899;
  --at-pink-600: #db2777;
  --at-pink-700: #be185d;
  --at-pink-800: #9d174d;
  --at-pink-900: #831843;
  --at-pink-transparent: #ec48992c;
  --at-rose-50: #fff1f2;
  --at-rose-100: #ffe4e6;
  --at-rose-200: #fecdd3;
  --at-rose-300: #fda4af;
  --at-rose-400: #fb7185;
  --at-rose-500: #f43f5e;
  --at-rose-600: #e11d48;
  --at-rose-700: #be123c;
  --at-rose-800: #9f1239;
  --at-rose-900: #881337;
  --at-rose-transparent: #f43f5e2c;
  --at-bg-color: #ffffff;
  --at-title-color: #112233;
  --at-subtitle-color: #95a7b8;
  --at-border-size: 2px;
  --at-border-radius: 6px;
  --at-font-size: 14px;
  --at-font-family: "Poppins";
  --at-primary-400: var(--at-blue-400);
  --at-primary-500: var(--at-blue-500);
  --at-primary-600: var(--at-blue-600);
  --at-primary-transparent: var(--at-blue-transparent);
}
kbd {
  margin: 0 0.1em;
  padding: 0.2em 0.6em;
  border-radius: 6px;
  color: var(--at-slate-400);
  background-color: var(--at-slate);
  border: 1px solid var(--at-slate);
  line-height: 1.4;
  font-size: 11px;
  display: inline-block;
  box-shadow: 0 2px 0 var(--at-slate-transparent);
}

kbd:active {
  box-shadow: none;
  margin-top: 1px;
}

[at-bg][at-bg="none"] {
  background: 0 0 !important;
}

[at-bg][at-bg="slate"] {
  background-color: var(--at-slate) !important;
}

[at-bg][at-bg="white"] {
  background-color: #fff !important;
}

[at-bg][at-bg="dark"] {
  color: #fff !important;
  background-color: var(--at-slate-800) !important;
}

[at-bg][at-bg="inherit"] {
  color: #fff !important;
  background-color: var(--at-bg-color) !important;
}

[at-bg][at-bg="primary"] {
  color: #fff !important;
  background-color: var(--at-primary-500);
}

[at-bg][at-bg="secondary"] {
  color: #fff !important;
  background-color: var(--at-violet-500);
}

[at-bg][at-bg="success"] {
  color: #fff !important;
  background-color: var(--at-teal-500);
}

[at-bg][at-bg="warning"] {
  color: #fff !important;
  background-color: var(--at-amber-400);
}

[at-bg][at-bg="danger"] {
  color: #fff !important;
  background-color: var(--at-red-500);
}

[at-bg][at-bg="light-blue"] {
  color: #fff !important;
  background-color: var(--at-sky-400);
}

[at-bg][at-bg="reverse-primary"] {
  background-color: var(--at-primary-transparent);
  color: var(--at-primary-500) !important;
}

[at-bg][at-bg="reverse-secondary"] {
  background-color: var(--at-violet-transparent);
  color: var(--at-violet-500) !important;
}

[at-bg][at-bg="reverse-success"] {
  background-color: var(--at-teal-transparent);
  color: var(--at-teal-500) !important;
}

[at-bg][at-bg="reverse-warning"] {
  background-color: var(--at-amber-transparent);
  color: var(--at-amber-500) !important;
}

[at-bg][at-bg="reverse-danger"] {
  background-color: var(--at-red-transparent);
  color: var(--at-red-500) !important;
}

[at-bg][at-bg="reverse-light-blue"] {
  background-color: var(--at-sky-transparent);
  color: var(--at-sky-500) !important;
}

[at-bg][at-bg="gradient-primary"] {
  color: #fff !important;
  background: linear-gradient(45deg, var(--at-primary-500) 20%, var(--at-indigo-400) 100%) !important;
}

[at-bg][at-bg="gradient-secondary"] {
  color: #fff !important;
  background: linear-gradient(45deg, var(--at-violet-500) 20%, var(--at-purple-400) 100%) !important;
}

[at-bg][at-bg="gradient-success"] {
  color: #fff !important;
  background: linear-gradient(45deg, var(--at-teal-400) 20%, var(--at-emerald-400) 100%) !important;
}

[at-bg][at-bg="gradient-warning"] {
  color: #fff !important;
  background: linear-gradient(18deg, var(--at-yellow-400) 20%, var(--at-amber-500) 100%) !important;
}

[at-bg][at-bg="gradient-danger"] {
  color: #fff !important;
  background: linear-gradient(45deg, var(--at-red-500) 20%, var(--at-red-600) 100%) !important;
}

[at-bg][at-bg="gradient-light-blue"] {
  color: #fff !important;
  background: linear-gradient(45deg, var(--at-sky-500) 20%, var(--at-sky-600) 100%) !important;
}

[at-tx][at-tx="primary"] {
  color: var(--at-primary-500) !important;
}

[at-tx][at-tx="secondary"] {
  color: var(--at-violet-500) !important;
}

[at-tx][at-tx="success"] {
  color: var(--at-teal-500) !important;
}

[at-tx][at-tx="warning"] {
  color: var(--at-amber-400) !important;
}

[at-tx][at-tx="danger"] {
  color: var(--at-red-500) !important;
}

[at-tx][at-tx="light-blue"] {
  color: var(--at-sky-400) !important;
}

[at-tx][at-tx="cyan"] {
  color: var(--at-cyan-400) !important;
}

[at-tx][at-tx="white"] {
  color: #fff !important;
}

[at-tx][at-tx="transparent-white"] {
  color: rgba(255, 255, 255, 0.7) !important;
}

[at-tx][at-tx="dark"] {
  color: var(--at-slate-900) !important;
}

[at-tx][at-tx="title"] {
  color: var(--at-title-color) !important;
}

[at-tx][at-tx="slate"] {
  color: var(--at-gray-400) !important;
}

[at-tx][at-tx^="gradient"] {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

[at-tx][at-tx="gradient-primary"] {
  background-image: -webkit-linear-gradient(45deg, var(--at-primary-500), var(--at-indigo-400)) !important;
}

[at-tx][at-tx="gradient-secondary"] {
  background-image: -webkit-linear-gradient(45deg, var(--at-violet-500), var(--at-purple-400)) !important;
}

[at-tx][at-tx="gradient-success"] {
  background-image: -webkit-linear-gradient(45deg, var(--at-teal-400), var(--at-emerald-400)) !important;
}

[at-tx][at-tx="gradient-warning"] {
  background-image: -webkit-linear-gradient(18deg, var(--at-yellow-400), var(--at-amber-500)) !important;
}

[at-tx][at-tx="gradient-danger"] {
  background-image: -webkit-linear-gradient(45deg, var(--at-red-500), var(--at-red-600)) !important;
}

[at-tx][at-tx="gradient-light-blue"] {
  background-image: -webkit-linear-gradient(45deg, var(--at-sky-500), var(--at-teal-500)) !important;
}

[at-border][at-border="small"] {
  --at-border-size: 1px !important;
}

[at-border][at-border="medium"] {
  --at-border-size: 2px !important;
}

[at-border][at-border="large"] {
  --at-border-size: 3px !important;
}

[at-border][at-border-color="primary"] {
  border-color: var(--at-primary-500) !important;
}

[at-border][at-border-color="secondary"] {
  border-color: var(--at-violet-500) !important;
}

[at-border][at-border-color="success"] {
  border-color: var(--at-teal-500) !important;
}

[at-border][at-border-color="warning"] {
  border-color: var(--at-amber-400) !important;
}

[at-border][at-border-color="danger"] {
  border-color: var(--at-red-500) !important;
}

[at-border][at-border-color="light-blue"] {
  border-color: var(--at-sky-400) !important;
}

[at-border][at-border-color="cyan"] {
  border-color: var(--at-cyan-400) !important;
}

[at-border][at-border-color="white"] {
  border-color: #fff !important;
}

[at-border][at-border-color="transparent-white"] {
  border-color: rgba(255, 255, 255, 0.125) !important;
}

[at-border][at-border-color="dark"] {
  border-color: var(--at-slate-900) !important;
}

[at-border][at-border-color="title"] {
  border-color: var(--at-title-color) !important;
}

[at-decoration] {
  background-size: 0 3px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: 0.3s;
}

[at-decoration][at-decoration="primary"] {
  background-image: linear-gradient(90deg, var(--at-primary-500), var(--at-primary-600));
}

[at-decoration][at-decoration="secondary"] {
  background-image: linear-gradient(90deg, var(--at-violet-500), var(--at-violet-600));
}

[at-decoration][at-decoration="success"] {
  background-image: linear-gradient(90deg, var(--at-teal-500), var(--at-teal-600));
}

[at-decoration][at-decoration="warning"] {
  background-image: linear-gradient(90deg, var(--at-amber-400), var(--at-amber-600));
}

[at-decoration][at-decoration="danger"] {
  background-image: linear-gradient(90deg, var(--at-red-500), var(--at-red-600));
}

[at-decoration][at-decoration="light-blue"] {
  background-image: linear-gradient(90deg, var(--at-sky-400), var(--at-sky-600));
}

[at-decoration]:hover {
  background-size: 100% 3px;
}

[at-shadow] {
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
}

[at-shadow][at-shadow="small"] {
  box-shadow: rgba(20, 30, 40, 0.1) 0 1px 3px 0, rgba(20, 30, 40, 0.06) 0 1px 2px 0;
}

[at-shadow][at-shadow="medium"] {
  box-shadow: rgba(20, 30, 40, 0.1) 0 4px 6px -1px, rgba(20, 30, 40, 0.06) 0 2px 4px -1px;
}

[at-shadow][at-shadow="large"] {
  box-shadow: rgba(20, 30, 40, 0.1) 0 10px 15px -3px, rgba(20, 30, 40, 0.05) 0 4px 6px -2px;
}

[at-shadow][at-shadow="primary"] {
  box-shadow: -1px 8px 22px -13px var(--at-primary-500);
}

[at-shadow][at-shadow="secondary"] {
  box-shadow: -1px 8px 22px -13px var(--at-violet-500);
}

[at-shadow][at-shadow="success"] {
  box-shadow: -1px 8px 22px -13px var(--at-teal-500);
}

[at-shadow][at-shadow="warning"] {
  box-shadow: -1px 8px 22px -13px var(--at-amber-400);
}

[at-shadow][at-shadow="danger"] {
  box-shadow: -1px 8px 22px -13px var(--at-red-500);
}

[at-shadow][at-shadow="light-blue"] {
  box-shadow: -1px 8px 22px -13px var(--at-sky-400);
}

[at-tooltip] {
  overflow: unset;
  position: relative !important;
}

[at-tooltip]:hover::before {
  display: block;
  user-select: none;
  cursor: default;
  transition: 0.3s;
  visibility: visible;
  opacity: 1;
}

[at-tooltip]::before {
  text-align: left;
  position: absolute;
  content: attr(at-tooltip);
  background-color: #000;
  z-index: 9999999999999999;
  padding: 5px 10px;
  border-radius: var(--at-border-radius);
  font-size: 12px;
  display: block;
  height: max-content;
  width: fit-content;
  max-width: 250px !important;
  color: #fff !important;
  font-weight: 500;
}

[at-tooltip][at-tooltip-pos="bottom"]::before {
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%) translateY(calc(100%));
}

[at-tooltip][at-tooltip-pos="top"]::before {
  top: -10px;
  left: 50%;
  transform: translateX(-50%) translateY(calc(-100%));
}

[at-tooltip][at-tooltip-pos="right"]::before {
  right: -10px;
  bottom: 50%;
  transform: translateY(50%) translateX(calc(100%));
}

[at-tooltip][at-tooltip-pos="left"]::before {
  left: -10px;
  bottom: 50%;
  transform: translateY(50%) translateX(calc(-100%));
}

[at-right] {
  text-align: right;
}

[at-center] {
  text-align: center;
}

[at-left] {
  text-align: left;
}

[at-hide-dark] {
  display: block !important;
}

[at-show-dark] {
  display: none !important;
}

[at-glass][at-glass="light"] {
  background: rgba(255, 255, 255, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  --at-slate: rgba(255, 255, 255, 0.1) !important;
  --at-slate-transparent: rgba(255, 255, 255, 0.1) !important;
}

[at-glass][at-glass="dark"] {
  background: rgba(10, 20, 30, 0.3) !important;
  border: 1px solid rgba(10, 20, 30, 0.1) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  --at-slate: rgba(255, 255, 255, 0.1) !important;
  --at-slate-transparent: rgba(255, 255, 255, 0.1) !important;
}

.at-button,
.at-button:hover::after {
  border-radius: var(--at-border-radius);
}

.at-button {
  font-size: var(--at-font-size);
  padding: 6px 20px;
  cursor: pointer;
  background-color: var(--at-slate);
  color: white;
  user-select: none;
  transition: all ease 0.3s;
  position: relative;
  min-height: 35px;
  vertical-align: middle;
}

.at-button[at-loading],
.at-button[at-loading] * {
  color: transparent !important;
}

.at-button:hover::after,
.at-button[at-loading]::before {
  position: absolute;
  content: "";
}

.at-button i {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 16px;
}

.at-button:hover::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 100px 0 #95a7b82c;
}

.at-button:hover[at-bg]::after,
.at-field input[type="file"] + label:hover,
.at-field select[type="file"] + label:hover,
.at-field textarea[type="file"] + label:hover {
  box-shadow: inset 0 0 100px 0 #6770782c;
}

.at-button:hover[at-bg^="reverse"]::after {
  box-shadow: inset 0 0 100px 0 #95a7b82c;
}

.at-button:active {
  box-shadow: inset 0 0 100px 0 #7d8d9c2c;
}

.at-button:active[at-bg] {
  box-shadow: inset 0 0 100px 0 #43494e2c;
}

.at-button:active[at-bg^="reverse"] {
  box-shadow: inset 0 0 100px 0 #7785922c;
}

.at-button[at-loading] {
  opacity: 0.8;
  transition: 0s;
  pointer-events: none;
}

.at-button[at-loading]::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-repeat: no-repeat;
  animation: at-spin linear 2s infinite;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM10 18C8.41775 18 6.87104 17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C18 12.1217 17.1572 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18Z' fill='white'/%3E%3Cpath d='M18 10H20C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7362 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0V2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10Z' fill='white'/%3E%3C/svg%3E%0A");
}

.at-field {
  display: flex;
  flex-direction: column-reverse;
  padding: 8px 0;
}

.at-field label {
  font-size: 13px;
  display: block;
  font-weight: 600;
  transition: 0.2s;
}

.at-field label i {
  margin-right: 5px;
  font-size: var(--at-font-size);
  vertical-align: middle;
  color: var(--at-slate-400);
}

.at-field legend,
.at-field p {
  font-size: 12px;
  margin-top: 5px;
  color: var(--at-slate-400);
}

.at-field textarea {
  resize: vertical;
  min-height: 80px;
}

.at-field input,
.at-field select,
.at-field textarea {
  display: block;
  padding: 6px 10px;
  border: var(--at-border-size) solid var(--at-slate);
  border-radius: var(--at-border-radius);
  font-size: var(--at-font-size);
  color: var(--at-title-color);
  transition: 0.2s border ease;
  background: 0 0;
  accent-color: var(--at-primary-500);
}

.at-field input::placeholder,
.at-field select::placeholder,
.at-field textarea::placeholder {
  font-size: 13px;
  color: #95a7b869 !important;
}

.at-field input:focus,
.at-field select:focus,
.at-field textarea:focus {
  box-shadow: 0 0 0 2px var(--at-primary-transparent);
  border-color: var(--at-primary-500);
}

.at-field input:focus + label,
.at-field input:focus + label i,
.at-field select:focus + label,
.at-field select:focus + label i,
.at-field textarea:focus + label,
.at-field textarea:focus + label i {
  color: var(--at-primary-500);
}

.at-field input[type="range"],
.at-field select[type="range"],
.at-field textarea[type="range"] {
  width: calc(100% - 20px);
  box-shadow: none !important;
}

.at-field input[type="checkbox"],
.at-field input[type="radio"],
.at-field select[type="checkbox"],
.at-field select[type="radio"],
.at-field textarea[type="checkbox"],
.at-field textarea[type="radio"] {
  -webkit-appearance: none;
  background-color: transparent;
  border: var(--at-border-size) solid var(--at-slate);
  transition: 0.3s;
  padding: 7px;
  border-radius: var(--at-border-radius);
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
  box-shadow: none !important;
}

.at-field input[type="checkbox"]:checked,
.at-field input[type="radio"]:checked,
.at-field select[type="checkbox"]:checked,
.at-field select[type="radio"]:checked,
.at-field textarea[type="checkbox"]:checked,
.at-field textarea[type="radio"]:checked {
  background: var(--at-primary-500) !important;
}

.at-field input[type="checkbox"]:checked::after,
.at-field input[type="radio"]:checked::after,
.at-field select[type="checkbox"]:checked::after,
.at-field select[type="radio"]:checked::after,
.at-field textarea[type="checkbox"]:checked::after,
.at-field textarea[type="radio"]:checked::after {
  content: "\2713";
  color: #fff;
  font-weight: 900;
  padding: 0;
  line-height: 10px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.at-field input[type="checkbox"][type="radio"],
.at-field input[type="radio"][type="radio"],
.at-field select[type="checkbox"][type="radio"],
.at-field select[type="radio"][type="radio"],
.at-field textarea[type="checkbox"][type="radio"],
.at-field textarea[type="radio"][type="radio"] {
  border-radius: 100px;
}

.at-field input[type="checkbox"][type="radio"]:checked::after,
.at-field input[type="radio"][type="radio"]:checked::after,
.at-field select[type="checkbox"][type="radio"]:checked::after,
.at-field select[type="radio"][type="radio"]:checked::after,
.at-field textarea[type="checkbox"][type="radio"]:checked::after,
.at-field textarea[type="radio"][type="radio"]:checked::after {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 100px;
}

.at-field input[type="file"],
.at-field select[type="file"],
.at-field textarea[type="file"] {
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 12px;
  color: var(--at-subtitle-color);
  background: 0 0 !important;
}

.at-field input[type="file"]::-webkit-file-upload-button,
.at-field select[type="file"]::-webkit-file-upload-button,
.at-field textarea[type="file"]::-webkit-file-upload-button {
  display: none;
}

.at-field input[type="file"] + label,
.at-field select[type="file"] + label,
.at-field textarea[type="file"] + label {
  font-family: var(--at-font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  background-color: var(--at-primary-500);
  border-radius: var(--at-border-radius);
  margin-bottom: 5px;
  padding: 6px 15px;
  display: block;
  color: #fff;
  border: none;
  transition: 0.1s;
  cursor: pointer;
  font-weight: 500;
  width: max-content;
}

.at-field input[type="file"] + label i,
.at-field select[type="file"] + label i,
.at-field textarea[type="file"] + label i {
  color: #fff;
}

.at-field input[type="file"] + label:active,
.at-field select[type="file"] + label:active,
.at-field textarea[type="file"] + label:active {
  box-shadow: inset 0 0 100px 0 #43494e2c;
}

.at-field input[type="file"]:hover + label,
.at-field select[type="file"]:hover + label,
.at-field textarea[type="file"]:hover + label {
  box-shadow: inset 0 0 100px 0 #6770782c;
}

.at-field input[type="file"]:focus,
.at-field select[type="file"]:focus,
.at-field textarea[type="file"]:focus {
  box-shadow: none;
}

.at-field[at-status="error"] input,
.at-field[at-status="error"] select,
.at-field[at-status="error"] textarea {
  border-color: var(--at-red-500) !important;
  box-shadow: 0 0 0 2px var(--at-red-transparent);
}

.at-field[at-status="error"] label,
.at-field[at-status="error"] label i,
.at-field[at-status="error"] p,
.at-field[at-status="error"] p i {
  color: var(--at-red-500) !important;
}

.at-field[at-status="warning"] input,
.at-field[at-status="warning"] select,
.at-field[at-status="warning"] textarea {
  border-color: var(--at-amber-500) !important;
  box-shadow: 0 0 0 2px var(--at-amber-transparent);
}

.at-field[at-status="warning"] label,
.at-field[at-status="warning"] label i,
.at-field[at-status="warning"] p,
.at-field[at-status="warning"] p i {
  color: var(--at-amber-500) !important;
}

.at-field[at-status="success"] input,
.at-field[at-status="success"] select,
.at-field[at-status="success"] textarea {
  border-color: var(--at-teal-500) !important;
  box-shadow: 0 0 0 2px var(--at-teal-transparent);
}

.at-field[at-status="success"] label,
.at-field[at-status="success"] label i,
.at-field[at-status="success"] p,
.at-field[at-status="success"] p i {
  color: var(--at-teal-500) !important;
}

.at-fieldset legend,
.at-navbar,
.at-table thead th {
  color: var(--at-title-color);
}

.at-field .selectize-input {
  border-radius: var(--at-border-radius) !important;
  border: var(--at-border-size) solid var(--at-slate);
  box-shadow: none;
}

.at-field .selectize-input.focus {
  border-radius: var(--at-border-radius) !important;
  border: var(--at-border-size) solid var(--at-primary-500);
  box-shadow: 0 0 0 2px var(--at-primary-transparent);
}

.at-navbar,
.at-page .at-sidebar {
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
}

.at-field .selectize-input .item {
  border-radius: var(--at-border-radius) !important;
  padding: 3px 10px !important;
  background-color: var(--at-primary-500) !important;
}

.at-button-group {
  display: flex;
  width: 100%;
  margin-top: 10px;
}

.at-button-group .at-button {
  flex: auto;
  margin-right: 5px;
}

.at-button-group .at-button:last-child {
  margin-right: 0;
}

.at-button-group-stack {
  display: block;
  width: 100%;
  margin-top: 10px;
}

.at-button-group-stack .at-button {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.at-fieldset {
  border: var(--at-border-size) solid var(--at-slate);
  padding: 20px;
  border-radius: 10px;
}

.at-fieldset legend {
  font-weight: 700;
  font-size: 24px;
  padding: 5px 10px;
}

.at-navbar {
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-bottom: solid 1px var(--at-slate);
  z-index: 9999999999999999;
}

.at-navbar .at-u-container {
  position: relative;
  height: 100%;
}

.at-navbar .at-navbar-items,
.at-navbar .at-navbar-logo,
.at-navbar .at-navbar-logo-compact {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.at-navbar .at-navbar-logo {
  width: 160px;
  left: 20px;
}

.at-navbar .at-navbar-logo-compact {
  width: 50px;
  left: 20px;
  display: none;
}

.at-navbar .at-navbar-items {
  right: 40px;
}

.at-navbar .at-navbar-items .at-navbar-item {
  padding: 7px 15px;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  color: var(--at-subtitle-color);
  transition: 0.2s all ease;
  font-size: var(--at-font-size);
  font-weight: 500;
  border-radius: var(--at-border-radius);
}

.at-navbar .at-navbar-items .at-navbar-item:hover,
.at-navbar .at-navbar-items .at-navbar-item[at-active] {
  background-color: var(--at-slate);
}

.at-navbar .at-navbar-items .at-navbar-item i {
  margin-right: 10px;
  vertical-align: middle;
}

.at-navbar + .at-page {
  margin-top: 70px;
  height: calc(100vh - 70px);
}

.at-navbar + .at-page .at-sidebar {
  border-radius: 0;
}

.at-navbar + .at-page .at-sidebar .at-sidebar-logo,
.at-navbar + .at-page .at-sidebar .at-sidebar-logo-compact {
  display: none !important;
}

.at-page {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.at-page .at-sidebar {
  min-width: 275px !important;
  max-width: 275px !important;
  background-color: #fff;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  transition: 0.3s all ease;
  z-index: 99999999;
  background-color: var(--at-bg-color);
  position: relative;
}

.at-page .at-sidebar .at-sidebar-logo {
  width: 85%;
  padding-right: 70px;
  margin: 10px 20px;
  display: block;
  transition: 0.2s all ease;
  border-bottom: solid var(--at-border-size) var(--at-slate);
}

.at-page .at-sidebar .at-sidebar-logo-compact {
  margin: 10px auto;
  display: none;
  width: 55px;
  border-bottom: solid var(--at-border-size) var(--at-slate);
}

.at-page .at-sidebar[at-compact] .at-sidebar-logo,
[at-dark] [at-hide-dark] {
  display: none !important;
}

.at-page .at-sidebar .at-sidebar-bottom {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  border-top: solid var(--at-border-size) var(--at-slate);
  padding-top: 10px;
}

.at-page .at-sidebar .at-sidebar-items .at-sidebar-custom-item,
.at-tabs a {
  padding: 15px 20px;
}

.at-page .at-sidebar .at-sidebar-items .at-sidebar-item {
  width: 85%;
  color: var(--at-subtitle-color);
  border-radius: 6px;
  user-select: none;
  font-weight: 500;
  padding: 10px 10px 10px 5px;
  cursor: pointer;
  margin: 10px auto;
  transition: 0.3s all ease;
  max-height: 45px;
  white-space: nowrap;
}

.at-page .at-sidebar .at-sidebar-items .at-sidebar-item i {
  vertical-align: middle;
  font-size: 20px;
  margin-right: 10px;
  transition: 0.3s;
}

.at-page .at-sidebar .at-sidebar-items .at-sidebar-item span {
  transition: 1s all ease;
}

.at-page .at-sidebar .at-sidebar-items .at-sidebar-item:hover,
.at-page .at-sidebar .at-sidebar-items .at-sidebar-item[at-active] {
  background-color: var(--at-slate);
}

.at-page .at-sidebar .at-sidebar-items .at-sidebar-item:hover i,
.at-page .at-sidebar .at-sidebar-items .at-sidebar-item[at-active] i {
  margin-left: 5px;
}

.at-page .at-sidebar[at-compact] {
  min-width: 70px !important;
  max-width: 70px !important;
}

.at-page .at-sidebar[at-compact] .at-sidebar-logo-compact {
  display: block;
}

.at-page .at-sidebar[at-compact] .at-sidebar-item {
  width: 55px;
  height: 50px;
  margin: 10px auto;
  padding: 0;
  text-align: center;
  position: relative;
}

.at-page .at-sidebar[at-compact] .at-sidebar-item span {
  display: none;
  font-size: 8px;
  font-weight: 600;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.at-page .at-sidebar[at-compact] .at-sidebar-item i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  margin: 0 !important;
}

.at-page .at-sidebar[at-compact] .at-sidebar-bottom {
  text-align: center;
}

.at-page .at-sidebar[at-compact] .at-sidebar-bottom b,
.at-page .at-sidebar[at-compact] .at-sidebar-bottom p {
  display: none;
}

.at-page .at-page-container {
  flex-grow: 1;
  display: block;
  padding: 0;
  overflow-y: scroll;
  scroll-padding-top: 20px;
}

.at-page .at-page-container .at-page-content {
  padding: 20px;
}

.at-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
}

.at-table thead {
  text-align: left;
}

.at-table thead th {
  padding: 10px;
  font-weight: 600;
  border-bottom: solid var(--at-border-size) var(--at-slate);
}

.at-table thead[at-bg] th {
  color: #fff;
  border-bottom: none;
}

.at-table tbody tr td,
.at-table tfoot tr td {
  padding: 10px;
  color: var(--at-slate-400);
  font-weight: 500;
}

.at-table tbody tr td {
  border-bottom: solid var(--at-border-size) var(--at-slate);
}

.at-table tfoot tr td {
  text-align: right;
  border-top: solid var(--at-border-size) var(--at-slate);
  font-size: 12px;
}

.at-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999999999999999999999999;
  background: rgba(17, 34, 51, 0.6);
  backdrop-filter: blur(5px);
  transition: visibility 0.3s linear 0.3s, opacity 0.3s;
}

.at-modal .at-modal-container {
  transition: 0.4s all ease;
  padding: 40px;
  background-color: var(--at-bg-color);
  min-width: 600px;
  max-width: 1200px;
  position: absolute;
  top: -150%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  overflow-y: scroll;
  max-height: 80vh;
  border: 1px solid var(--at-slate);
}

.at-modal .at-modal-container .at-close {
  position: absolute;
  top: 40px;
  right: 40px;
}

.at-modal[at-active] {
  visibility: visible;
  opacity: 1;
}

.at-modal[at-active] .at-modal-container {
  top: 50%;
}

.at-close {
  position: relative;
  width: 24px;
  cursor: pointer;
  user-select: none;
  height: 24px;
}

.at-close:hover:after,
.at-close:hover:before {
  background-color: var(--at-title-color);
}

.at-close:after,
.at-close:before {
  transition: 0.2s;
  content: "";
  position: absolute;
  width: 22px;
  height: 4px;
  background-color: var(--at-subtitle-color);
  border-radius: 12px;
  top: 8px;
}

.at-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 1px;
}

.at-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 1px;
}

.at-audio {
  margin-bottom: -4px;
  border-radius: 8px;
  background: #edf0f3;
}

.at-audio::-webkit-media-controls-panel {
  background-color: #edf0f3;
  color: #95a7b8;
}

.at-audio::-webkit-media-controls-play-button {
  opacity: 0.6;
  border-radius: 8px;
  cursor: pointer;
  color: #95a7b8;
  background-color: var(--at-slate);
}

.at-audio::-webkit-media-controls-current-time-display,
.at-audio::-webkit-media-controls-time-remaining-display {
  font-family: var(--at-font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  font-weight: 500;
  font-size: 13px;
  color: #95a7b8;
  text-shadow: none !important;
}

.at-card {
  padding: 20px;
  background-color: var(--at-bg-color);
  border-radius: 12px;
  margin: 10px;
}

.at-card img {
  width: 100%;
  border-radius: 12px;
}

.at-card .at-card-image {
  width: calc(100% + 40px);
  margin: -20px -20px 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.at-profile {
  padding: 5px 0;
}

.at-profile .at-profile-avatar {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
  user-select: none;
}

.at-profile .at-profile-avatar[at-profile-mockup]::after {
  content: attr(at-profile-mockup);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
}

.at-profile .at-profile-avatar img {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  object-fit: fill;
}

.at-profile .at-profile-info {
  vertical-align: middle;
  display: inline-block;
}

.at-profile .at-profile-info b {
  font-size: 16px;
}

.at-profile .at-profile-info p {
  font-size: 14px;
}

.at-badge {
  display: inline-block;
  font-size: 12px;
  padding: 2px 10px;
  line-height: 16px;
  border-radius: 4px;
  background-color: var(--at-slate);
  vertical-align: middle;
  margin: 2px 0;
}

.at-alert {
  position: absolute;
  z-index: 999999999999999999;
  background: var(--at-bg-color);
  top: 40px;
  right: 50px;
  box-shadow: rgba(0, 0, 0, 0.08) 0 4px 12px;
  min-width: 250px;
  user-select: none;
  cursor: pointer;
  border-radius: 10px;
  padding: 0 10px;
  overflow: hidden;
  border: 1px solid var(--at-slate);
}

.at-alert .at-alert-icon {
  width: 40px;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  background: var(--at-slate);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
}

.at-alert .at-alert-icon i {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.at-alert .at-alert-bar {
  width: calc(100% + 20px);
  height: 4px;
  background-color: var(--at-teal-transparent);
  margin: 0 -10px;
}

.at-alert .at-alert-close {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px;
  transform: scale(1.25);
}

.at-alert .at-alert-close:after,
.at-alert .at-alert-close:before {
  transition: 0.2s;
  content: "";
  position: absolute;
  width: 10px;
  height: 1.2px;
  background-color: var(--at-subtitle-color);
  border-radius: 12px;
  top: 5px;
}

.at-alert .at-alert-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
}

.at-alert .at-alert-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0;
}

.at-alert .at-alert-info {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 10px;
  max-width: calc(100% - 70px);
}

.at-alert .at-alert-info b {
  font-weight: 600;
}

.at-alert .at-alert-info a,
.at-alert .at-alert-info p {
  font-size: 13px;
  margin: -2px 0;
}

.at-alert p,
.at-code-block {
  font-size: 14px;
}

.at-alert[at-bg] b {
  color: #fff;
}

.at-alert[at-bg] p {
  color: rgba(255, 255, 255, 0.6);
}

.at-alert[at-bg] .at-alert-icon {
  background-color: rgba(255, 255, 255, 0.3);
}

.at-alert[at-bg] .at-alert-icon i {
  color: rgba(255, 255, 255, 0.7);
}

.at-alert[at-status="success"] .at-alert-info b {
  color: var(--at-teal-500);
}

.at-alert[at-status="success"] .at-alert-icon {
  background-color: var(--at-teal-transparent);
  color: var(--at-teal-500);
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.8343 2.69976C30.0463 1.02527 27.6429 0 25 0H10C4.47715 0 0 4.47715 0 10V25C0 30.5228 4.47715 35 10 35H25C30.5228 35 35 30.5228 35 25V10C35 9.59477 34.9759 9.19517 34.929 8.80256L22.69 26.6938C22.1762 27.4448 21.3494 27.922 20.4422 27.9913C19.535 28.0605 18.6453 27.7143 18.0236 27.05L6.8097 15.0688C5.67751 13.8592 5.74031 11.9607 6.94998 10.8285C8.15964 9.69631 10.0581 9.75911 11.1903 10.9688L19.849 20.22L31.8343 2.69976Z' fill='%2314B8A6'/%3E%3C/svg%3E%0A");
}

.at-alert[at-status="error"] .at-alert-info b {
  color: var(--at-red-500);
}

.at-alert[at-status="error"] .at-alert-icon {
  background-color: var(--at-red-transparent);
  background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25_16)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.5711 7.82232C28.6658 3.91708 22.3342 3.91708 18.4289 7.82232L7.82233 18.4289C3.91709 22.3342 3.91709 28.6658 7.82233 32.5711L18.4289 43.1777C22.3342 47.0829 28.6658 47.0829 32.5711 43.1777L43.1777 32.5711C47.0829 28.6658 47.0829 22.3342 43.1777 18.4289L32.5711 7.82232ZM25.5 28C27.433 28 29 26.433 29 24.5L29 17.5C29 15.567 27.433 14 25.5 14C23.567 14 22 15.567 22 17.5L22 24.5C22 26.433 23.567 28 25.5 28ZM25.5 38C27.433 38 29 36.433 29 34.5C29 32.567 27.433 31 25.5 31C23.567 31 22 32.567 22 34.5C22 36.433 23.567 38 25.5 38Z' fill='%23EF4461'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25_16'%3E%3Crect width='35' height='35' fill='white' transform='translate(25.5 0.751251) rotate(45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  color: var(--at-red-500);
}

.at-alert[at-status="warning"] .at-alert-info b {
  color: var(--at-amber-500);
}

.at-alert[at-status="warning"] .at-alert-icon {
  background-color: var(--at-amber-transparent);
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.9336 4.44624C19.3813 1.84889 15.6187 1.84889 14.0665 4.44624L1.36581 25.698C-0.227591 28.3642 1.69331 31.75 4.79937 31.75H30.2007C33.3067 31.75 35.2276 28.3642 33.6342 25.698L20.9336 4.44624ZM17.5 20.1067C19.0361 20.1067 20.2813 18.9137 20.2813 17.4422L20.2813 12.1131C20.2813 10.6415 19.0361 9.44859 17.5 9.44859C15.964 9.44859 14.7187 10.6415 14.7187 12.1131L14.7187 17.4422C14.7187 18.9137 15.9639 20.1067 17.5 20.1067ZM17.5 27.7196C19.0361 27.7196 20.2813 26.5267 20.2813 25.0551C20.2813 23.5835 19.0361 22.3906 17.5 22.3906C15.9639 22.3906 14.7187 23.5835 14.7187 25.0551C14.7187 26.5267 15.9639 27.7196 17.5 27.7196Z' fill='%23F59E0B'/%3E%3C/svg%3E%0A");
  color: var(--at-amber-500);
}

.at-alert[at-status="info"] .at-alert-info b {
  color: var(--at-primary-500);
}

.at-alert[at-status="info"] .at-alert-icon {
  background-color: var(--at-primary-transparent);
  color: var(--at-primary-500);
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.47715 0 0 4.47715 0 10V25C0 30.5228 4.47715 35 10 35H25C30.5228 35 35 30.5228 35 25V10C35 4.47715 30.5228 0 25 0H10ZM17.5 5C15.567 5 14 6.567 14 8.5C14 10.433 15.567 12 17.5 12C19.433 12 21 10.433 21 8.5C21 6.567 19.433 5 17.5 5ZM17.5 15C15.567 15 14 16.567 14 18.5V25.5C14 27.433 15.567 29 17.5 29C19.433 29 21 27.433 21 25.5V18.5C21 16.567 19.433 15 17.5 15Z' fill='%230066FF'/%3E%3C/svg%3E%0A");
}

.at-hero .at-hero-content {
  padding: 0;
  display: flex;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.at-u-fit,
.at-u-truncate {
  max-width: 100%;
}

.at-hero .at-hero-content[at-size="small"] {
  padding: 20px 40px;
}

.at-hero .at-hero-content[at-size="medium"] {
  padding: 60px 40px;
}

.at-hero .at-hero-content[at-size="large"] {
  padding: 120px 40px;
}

.at-hero .at-hero-content[at-size="fullscreen"] {
  padding: 0 40px;
  height: 100vh;
}

.at-code-block {
  font-weight: 300;
  border-radius: var(--at-border-radius);
  background-color: var(--at-slate-800);
  overflow: hidden;
  margin-top: 10px;
}

.at-code-block.at-code-block-result,
.at-code-block.at-code-block-result .at-code-block-titlebar small {
  background-color: var(--at-bg-color);
}

.at-code-block.at-code-block-result {
  border: 1px solid var(--at-slate);
}

.at-code-block code {
  padding: 10px;
  background: 0 0;
  font-family: "Fira Code", monospace !important;
  color: #fff;
}

.at-code-block code * {
  font-family: "Fira Code", monospace !important;
}

.at-code-block code::-webkit-scrollbar {
  height: 10px;
}

.at-code-block .at-code-block-titlebar {
  width: 100%;
  padding: 0 10px;
  overflow: hidden;
  background-color: var(--at-slate);
  position: relative;
  height: 35px;
}

.at-code-block .at-code-block-titlebar small {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  left: 60px;
  padding: 3px 10px;
  background-color: var(--at-bg-color);
  border-radius: 4px;
}

.at-code-block .at-code-block-traffic-lights {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.at-code-block .at-code-block-traffic-lights div {
  width: 10px;
  height: 10px;
  border-radius: 40px;
  display: inline-block;
  margin: 0 2px;
}

.at-code-block .at-code-block-traffic-lights div:nth-child(1) {
  background-color: var(--at-red-500);
}

.at-code-block .at-code-block-traffic-lights div:nth-child(2) {
  background-color: var(--at-amber-400);
}

.at-code-block .at-code-block-traffic-lights div:nth-child(3) {
  background-color: var(--at-teal-500);
}

.at-code-block .at-code-tabs {
  width: 100%;
  padding: 0;
  background-color: var(--at-slate-transparent);
  user-select: none;
  position: relative;
}

.at-code-block .at-code-tabs .at-button {
  padding: 3px 10px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

.at-code-block .at-code-tabs .at-code-tab {
  font-weight: 400;
  font-size: 12px;
  padding: 8px 15px;
  width: max-content;
  user-select: none;
  cursor: pointer;
  border-bottom: solid 2px var(--at-slate-500);
  display: inline-block;
}

.at-list:is(ol) li small,
.at-list:is(ul) li small {
  font-weight: 600;
  display: block;
}

.at-code-block .at-code-tabs .at-code-tab i {
  vertical-align: middle;
  margin-right: 5px;
}

.at-code-block .at-code-tabs .at-code-tab[at-active] {
  color: #87ebff;
  border-bottom: solid 2px #87ebff;
}

.at-list:is(ol) li small,
.at-list:is(ul) li small,
[at-dark] .at-navbar .at-navbar-item:hover,
[at-dark] .at-navbar .at-navbar-item[at-active] {
  color: var(--at-title-color);
}

.at-list {
  padding: 10px;
}

.at-list:is(ol) {
  list-style: none;
  counter-reset: x;
}

.at-list:is(ol) li {
  position: relative;
  counter-increment: x;
  padding-left: 20px;
}

.at-list:is(ol) li::before {
  content: counter(x);
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 12px;
  padding: 5px 0;
  width: 20px;
  text-align: left;
  border-right: solid var(--at-border-size) var(--at-slate);
}

.at-list:is(ul) {
  list-style: none;
}

.at-list:is(ul) li {
  position: relative;
  padding-left: 10px;
}

.at-list:is(ul) li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
  background-color: var(--at-slate);
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: var(--at-border-size) solid var(--at-slate);
}

.at-progress,
.at-u-relative {
  position: relative;
}

.at-progress {
  display: block;
  width: 100%;
  height: 20px;
  margin: 10px 0;
  border: 0;
  border-radius: var(--at-border-radius);
  background: var(--at-slate);
  text-align: left;
  overflow: hidden;
  accent-color: currentColor;
}

.at-progress::-webkit-progress-bar {
  height: 20px;
  width: 100%;
  margin: 0 auto;
  border-radius: var(--at-border-radius);
  background: var(--at-slate);
}

.at-u-ml0,
.at-u-mx0 {
  margin-left: 0 !important;
}

.at-u-mr0,
.at-u-mx0 {
  margin-right: 0 !important;
}

.at-u-mt0,
.at-u-my0 {
  margin-top: 0 !important;
}

.at-u-mb0,
.at-u-my0 {
  margin-bottom: 0 !important;
}

.at-progress::-webkit-progress-value {
  background: currentColor !important;
  display: inline-block;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  height: 20px;
}

.at-tabs a:hover,
.at-tabs a[at-active] {
  background-color: var(--at-slate);
}

.at-tabs {
  width: 100%;
  display: flex;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.at-tabs a {
  flex-grow: 1;
  text-align: center;
  user-select: none;
  border-bottom: solid var(--at-border-size) var(--at-slate);
  transition: 0.2s all ease;
}

.at-tabs a[at-active] {
  border-color: var(--at-slate);
}

.at-offcanvas {
  transition: 0.3s;
}

.at-offcanvas[at-active] {
  visibility: visible;
  opacity: 1;
}

.at-offcanvas[at-active] .at-offcanvas-container {
  right: 400px !important;
}

.at-offcanvas:not([at-no-backdrop]) {
  position: fixed;
  inset: 0;
  background-color: rgba(20, 30, 40, 0.2);
}

.at-offcanvas .at-offcanvas-container {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 400px;
  background-color: #fff;
  padding: 40px;
  border-left: solid 1px var(--at-slate);
  transform: translateX(400px);
  transition: all ease 0.3s;
  overflow-y: scroll;
}

.at-u-border,
.at-u-border-bottom,
.at-u-border-left,
.at-u-border-right,
.at-u-border-top {
  border-color: var(--at-slate);
}

.at-u-overflow-hidden,
.at-u-truncate {
  overflow: hidden;
}

.at-offcanvas .at-offcanvas-container .at-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

[at-dark] {
  --at-bg-color: #0f172a;
  --at-title-color: #ffffff;
  background: var(--at-slate-900);
}

[at-dark] [at-show-dark] {
  display: block !important;
}

[at-dark] .at-field input,
[at-dark] .at-field select,
[at-dark] .at-field textarea,
[at-dark] .at-field[type="checkbox"],
[at-dark] .at-field[type="radio"] {
  background-color: var(--at-slate);
}

[at-dark] .at-code-block-result {
  background-color: var(--at-slate-800);
}

[at-dark] .at-code-block-result .at-code-block-titlebar small {
  background-color: var(--at-slate-600);
}

[at-dark] .at-navbar {
  background-color: var(--at-slate-800);
}

[at-dark] .at-offcanvas:not([at-no-backdrop]) {
  background-color: rgba(10, 20, 30, 0.8);
}

[at-dark] .at-card,
[at-dark] .at-offcanvas-container,
[at-dark] .at-sidebar {
  background-color: var(--at-slate-800);
}

.at-u-h1 {
  font-size: 2rem;
}

.at-u-h2 {
  font-size: 1.5rem;
}

.at-u-h3 {
  font-size: 1.25rem;
}

.at-u-h4 {
  font-size: 1rem;
}

.at-u-h5 {
  font-size: 0.875rem;
}

.at-u-h6 {
  font-size: 0.75rem;
}

.at-u-font-family-inherit {
  font-family: inherit;
}

.at-u-font-size-inherit {
  font-size: inherit;
}

.at-u-bold {
  font-weight: 700;
}

.at-u-semibold {
  font-weight: 600;
}

.at-u-regular {
  font-weight: 400;
}

.at-u-italic {
  font-style: italic;
}

.at-u-caps {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.at-u-left-align {
  text-align: left;
}

.at-u-center {
  text-align: center;
}

.at-u-right-align {
  text-align: right;
}

.at-u-justify {
  text-align: justify;
}

.at-u-nowrap {
  white-space: nowrap;
}

.at-u-break-word {
  word-wrap: break-word;
}

.at-u-line-height-1 {
  line-height: 1;
}

.at-u-line-height-2 {
  line-height: 1.125;
}

.at-u-line-height-3 {
  line-height: 1.25;
}

.at-u-line-height-4 {
  line-height: 1.5;
}

.at-u-list-style-none {
  list-style: none;
}

.at-u-underline {
  text-decoration: underline;
}

.at-u-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.at-u-list-reset {
  list-style: none;
  padding-left: 0;
}

.at-u-inline {
  display: inline;
}

.at-u-block {
  display: block;
}

.at-u-inline-block {
  display: inline-block;
}

.at-u-table {
  display: table;
}

.at-u-table-cell {
  display: table-cell;
}

.at-u-overflow-scroll {
  overflow: scroll;
}

.at-u-overflow-auto {
  overflow: auto;
}

.at-u-clearfix:before {
  content: " ";
  display: table;
}

.at-u-clearfix:after {
  clear: both;
}

.at-u-left {
  float: left;
}

.at-u-right {
  float: right;
}

.at-u-max-width-0 {
  max-width: unset !important;
}

.at-u-max-width-1 {
  max-width: 18rem !important;
}

.at-u-max-width-2 {
  max-width: 24rem !important;
}

.at-u-max-width-3 {
  max-width: 32rem !important;
}

.at-u-max-width-4 {
  max-width: 48rem !important;
}

.at-u-max-width-5 {
  max-width: 64rem !important;
}

.at-u-align-baseline {
  vertical-align: baseline;
}

.at-u-align-top {
  vertical-align: top;
}

.at-u-align-middle {
  vertical-align: middle;
}

.at-u-align-bottom {
  vertical-align: bottom;
}

.at-u-m0 {
  margin: 0 !important;
}

.at-u-ml1,
.at-u-mx1 {
  margin-left: 0.5rem;
}

.at-u-mr1,
.at-u-mx1 {
  margin-right: 0.5rem;
}

.at-u-mt1,
.at-u-my1 {
  margin-top: 0.5rem;
}

.at-u-mb1,
.at-u-my1 {
  margin-bottom: 0.5rem;
}

.at-u-m1 {
  margin: 0.5rem;
}

.at-u-ml2,
.at-u-mx2 {
  margin-left: 1rem;
}

.at-u-mr2,
.at-u-mx2 {
  margin-right: 1rem;
}

.at-u-mt2,
.at-u-my2 {
  margin-top: 1rem;
}

.at-u-mb2,
.at-u-my2 {
  margin-bottom: 1rem;
}

.at-u-m2 {
  margin: 1rem;
}

.at-u-ml3,
.at-u-mx3 {
  margin-left: 2rem;
}

.at-u-mr3,
.at-u-mx3 {
  margin-right: 2rem;
}

.at-u-mt3,
.at-u-my3 {
  margin-top: 2rem;
}

.at-u-mb3,
.at-u-my3 {
  margin-bottom: 2rem;
}

.at-u-m3 {
  margin: 2rem;
}

.at-u-ml4,
.at-u-mx4 {
  margin-left: 4rem;
}

.at-u-mr4,
.at-u-mx4 {
  margin-right: 4rem;
}

.at-u-mt4,
.at-u-my4 {
  margin-top: 4rem;
}

.at-u-mb4,
.at-u-my4 {
  margin-bottom: 4rem;
}

.at-u-m4 {
  margin: 4rem;
}

.at-u-mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.at-u-mxn2 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.at-u-mxn3 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.at-u-mxn4 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.at-u-ml-auto,
.at-u-mx-auto {
  margin-left: auto;
}

.at-u-mx-auto {
  margin-right: auto;
}

.at-u-p0 {
  padding: 0 !important;
}

.at-u-pt0 {
  padding-top: 0 !important;
}

.at-u-pr0 {
  padding-right: 0 !important;
}

.at-u-pb0 {
  padding-bottom: 0 !important;
}

.at-u-px0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.at-u-pr1,
.at-u-px1 {
  padding-right: 0.5rem;
}

.at-u-py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.at-u-pt1,
.at-u-py1 {
  padding-top: 0.5rem;
}

.at-u-pb1,
.at-u-py1 {
  padding-bottom: 0.5rem;
}

.at-u-p1 {
  padding: 0.5rem;
}

.at-u-pl1 {
  padding-left: 0.5rem;
}

.at-u-pt2,
.at-u-py2 {
  padding-top: 1rem;
}

.at-u-pb2,
.at-u-py2 {
  padding-bottom: 1rem;
}

.at-u-px1 {
  padding-left: 0.5rem;
}

.at-u-pl2,
.at-u-px2 {
  padding-left: 1rem;
}

.at-u-pr2,
.at-u-px2 {
  padding-right: 1rem;
}

.at-u-p2 {
  padding: 1rem;
}

.at-u-pt3,
.at-u-py3 {
  padding-top: 2rem;
}

.at-u-pb3,
.at-u-py3 {
  padding-bottom: 2rem;
}

.at-u-pl3,
.at-u-px3 {
  padding-left: 2rem;
}

.at-u-pr3,
.at-u-px3 {
  padding-right: 2rem;
}

.at-u-p3 {
  padding: 2rem;
}

.at-u-pt4,
.at-u-py4 {
  padding-top: 4rem;
}

.at-u-pb4,
.at-u-py4 {
  padding-bottom: 4rem;
}

.at-u-pl4,
.at-u-px4 {
  padding-left: 4rem;
}

.at-u-pr4,
.at-u-px4 {
  padding-right: 4rem;
}

.at-u-p4 {
  padding: 4rem;
}

.at-u-col {
  float: left;
}

.at-u-col-right {
  float: right;
}

.at-u-col-1 {
  width: 8.33333%;
}

.at-u-col-2 {
  width: 16.66667%;
}

.at-u-col-3 {
  width: 25%;
}

.at-u-col-4 {
  width: 33.33333%;
}

.at-u-col-5 {
  width: 41.66667%;
}

.at-u-col-6 {
  width: 50%;
}

.at-u-col-7 {
  width: 58.33333%;
}

.at-u-col-8 {
  width: 66.66667%;
}

.at-u-col-9 {
  width: 75%;
}

.at-u-col-10 {
  width: 83.33333%;
}

.at-u-col-11 {
  width: 91.66667%;
}

.at-u-col-12 {
  width: 100%;
}

.at-u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.at-u-flex-grow {
  flex-grow: 1;
}

.at-u-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.at-u-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.at-u-flex-center {
  align-items: center;
}

.at-u-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.at-u-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}

.at-u-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.at-u-items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
}

.at-u-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}

.at-u-self-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.at-u-self-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.at-u-self-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.at-u-self-baseline {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.at-u-self-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.at-u-justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.at-u-justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.at-u-justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.at-u-justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.at-u-justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.at-u-content-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.at-u-content-end {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.at-u-content-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.at-u-content-between {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.at-u-content-around {
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.at-u-content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.at-u-flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.at-u-flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.at-u-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.at-u-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.at-u-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.at-u-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.at-u-order-last {
  -webkit-box-ordinal-group: 100000;
  -webkit-order: 99999;
  -ms-flex-order: 99999;
  order: 99999;
}

.at-u-absolute {
  position: absolute;
}

.at-u-fixed {
  position: fixed;
}

.at-u-top-0 {
  top: 0;
}

.at-u-right-0 {
  right: 0;
}

.at-u-bottom-0 {
  bottom: 0;
}

.at-u-left-0 {
  left: 0;
}

.at-u-z1 {
  z-index: 1;
}

.at-u-z2 {
  z-index: 2;
}

.at-u-z3 {
  z-index: 3;
}

.at-u-z4 {
  z-index: 4;
}

.at-u-border {
  border-style: solid;
  border-width: var(--at-border-size);
}

.at-u-border-top {
  border-top-style: solid;
  border-top-width: var(--at-border-size);
}

.at-u-border-right {
  border-right-style: solid;
  border-right-width: var(--at-border-size);
}

.at-u-border-bottom {
  border-bottom-style: solid;
  border-bottom-width: var(--at-border-size);
}

.at-u-border-left {
  border-left-style: solid;
  border-left-width: var(--at-border-size);
}

.at-u-border-none {
  border: 0;
}

.at-u-rounded {
  border-radius: var(--at-border-radius);
}

.at-u-circle {
  border-radius: 50%;
}

.at-u-rounded-top {
  border-radius: var(--at-border-radius) var(--at-border-radius) 0 0;
}

.at-u-rounded-right {
  border-radius: 0 var(--at-border-radius) var(--at-border-radius) 0;
}

.at-u-rounded-bottom {
  border-radius: 0 0 var(--at-border-radius) var(--at-border-radius);
}

.at-u-rounded-left {
  border-radius: var(--at-border-radius) 0 0 var(--at-border-radius);
}

.at-u-lg-rounded-top {
  border-radius: 12px 12px 0 0;
}

.at-u-lg-rounded-right {
  border-radius: 0 12px 12px 0;
}

.at-u-lg-rounded-bottom {
  border-radius: 0 0 12px 12px;
}

.at-u-lg-rounded-left {
  border-radius: 12px 0 0 12px;
}

.at-u-not-rounded {
  border-radius: 0;
}

.at-u-hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.at-u-display-none {
  display: none !important;
}

.at-u-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.at-u-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.at-u-opacity-10 {
  opacity: 0.1;
}

.at-u-opacity-20 {
  opacity: 0.2;
}

.at-u-opacity-30 {
  opacity: 0.3;
}

.at-u-opacity-40 {
  opacity: 0.4;
}

.at-u-opacity-50 {
  opacity: 0.5;
}

.at-u-opacity-60 {
  opacity: 0.6;
}

.at-u-opacity-70 {
  opacity: 0.7;
}

.at-u-opacity-80 {
  opacity: 0.8;
}

.at-u-opacity-90 {
  opacity: 0.9;
}

.at-u-opacity-100 {
  opacity: 1;
}

.at-u-container {
  max-width: 1200px;
  margin: 0 auto;
}

.at-u-vh {
  height: 100vh;
}

.at-u-clickable {
  user-select: none;
  cursor: pointer;
}

.at-u-clickable:hover {
  box-shadow: inset 0 0 0 1000px rgba(120, 140, 160, 0.05);
}

.at-u-clickable:active {
  box-shadow: inset 0 0 0 1000px rgba(120, 140, 160, 0.1);
}

.at-u-ratio-square {
  aspect-ratio: 1;
}

.at-u-ratio-rectangle {
  aspect-ratio: 0.5;
}

.at-u-ratio-widescreen {
  aspect-ratio: 1.77777778;
}

@keyframes at-spin {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

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

@-webkit-keyframes at-spin {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

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

/*COMPATIBILIDADE*/
.at-field select {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  outline: none !important;
  font-weight: 500 !important;
}

.at-field input,
.at-field textarea {
  outline: none !important;
  font-weight: 500 !important;
}

.at-field input,
.at-field select {
  height: 38px;
}

.at-button {
  border: none !important;
  padding: 8px 16px !important;
  font-weight: 600;
  margin-top: 10px;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  border: solid 1px #ffffff1c !important;
}

.at-u-rounded-lg {
  border-radius: 14px;
}

.at-u-container.at-u-rounded-lg {
  margin-bottom: 30px;
  margin-top: 30px;
}