* {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none;
  }
}
*:focus {
  outline: none;
}

:host(:focus),
:host(:active) {
  outline: none;
}

:root {
  /* primary palette */
  --f-primary-100: 222 100% 98%;
  --f-primary-200: 225 100% 96%;
  --f-primary-300: 228 100% 90%;
  --f-primary-400: 231 100% 84%;
  --f-primary-500: 234 100% 72%;
  --f-primary-600: 237 100% 59%;
  --f-primary-700: 240 79% 52%;
  --f-primary-800: 243 77% 42%;
  --f-primary-900: 246 80% 33%;
  --f-primary-1000: 249 85% 24%;
  --f-primary-1100: 252 90% 15%;
  /* neutral palette */
  --f-neutral-0: 0 0% 100%;
  --f-neutral-100: 210 11% 96%;
  --f-neutral-200: 204 14% 93%;
  --f-neutral-300: 207 13% 83%;
  --f-neutral-400: 210 12% 73%;
  --f-neutral-500: 214 9% 53%;
  --f-neutral-600: 217 12% 35%;
  --f-neutral-700: 219 13% 31%;
  --f-neutral-800: 221 15% 25%;
  --f-neutral-900: 225 16% 20%;
  --f-neutral-1000: 227 18% 15%;
  --f-neutral-1100: 233 19% 9%;
  --f-neutral-1200: 0 0% 0%;
}

:root {
  /* gray palette */
  --f-gray-100: 200 23% 97%;
  --f-gray-200: 203 29% 95%;
  --f-gray-300: 206 22% 86%;
  --f-gray-400: 209 20% 77%;
  --f-gray-500: 213 18% 62%;
  --f-gray-600: 215 16% 47%;
  --f-gray-700: 219 21% 41%;
  --f-gray-800: 220 30% 32%;
  --f-gray-900: 224 40% 24%;
  --f-gray-1000: 226 52% 16%;
  --f-gray-1100: 231 64% 10%;
  /* cyan palette */
  --f-cyan-100: 162 63% 97%;
  --f-cyan-200: 161 58% 93%;
  --f-cyan-300: 164 59% 83%;
  --f-cyan-400: 167 59% 73%;
  --f-cyan-500: 170 55% 55%;
  --f-cyan-600: 173 80% 40%;
  --f-cyan-700: 176 81% 36%;
  --f-cyan-800: 179 85% 29%;
  --f-cyan-900: 182 86% 23%;
  --f-cyan-1000: 185 91% 17%;
  --f-cyan-1100: 188 93% 11%;
  /* orange palette */
  --f-orange-100: 42 100% 97%;
  --f-orange-200: 37 100% 95%;
  --f-orange-300: 35 100% 88%;
  --f-orange-400: 31 94% 81%;
  --f-orange-500: 28 96% 67%;
  --f-orange-600: 25 95% 53%;
  --f-orange-700: 22 85% 47%;
  --f-orange-800: 19 87% 39%;
  --f-orange-900: 16 90% 31%;
  --f-orange-1000: 13 93% 23%;
  --f-orange-1100: 10 95% 14%;
  /* purple palette */
  --f-purple-100: 285 100% 98%;
  --f-purple-200: 283 100% 96%;
  --f-purple-300: 281 87% 91%;
  --f-purple-400: 277 92% 86%;
  --f-purple-500: 274 92% 75%;
  --f-purple-600: 271 91% 65%;
  --f-purple-700: 268 70% 57%;
  --f-purple-800: 265 60% 46%;
  --f-purple-900: 262 66% 35%;
  --f-purple-1000: 259 74% 25%;
  --f-purple-1100: 256 82% 15%;
  /* green palette */
  --f-green-100: 132 63% 97%;
  --f-green-200: 129 67% 94%;
  --f-green-300: 133 63% 84%;
  --f-green-400: 136 63% 76%;
  --f-green-500: 139 60% 60%;
  --f-green-600: 142 71% 45%;
  --f-green-700: 145 74% 40%;
  --f-green-800: 148 77% 33%;
  --f-green-900: 151 81% 25%;
  --f-green-1000: 154 85% 19%;
  --f-green-1100: 157 90% 12%;
  /* citron palette */
  --f-citron-100: 66 63% 97%;
  --f-citron-200: 73 70% 94%;
  --f-citron-300: 75 67% 85%;
  --f-citron-400: 78 68% 75%;
  --f-citron-500: 81 65% 59%;
  --f-citron-600: 84 81% 44%;
  --f-citron-700: 87 82% 40%;
  --f-citron-800: 90 85% 32%;
  --f-citron-900: 93 86% 26%;
  --f-citron-1000: 97 90% 19%;
  --f-citron-1100: 99 93% 12%;
  /* red palette */
  --f-red-100: 9 100% 97%;
  --f-red-200: 5 79% 95%;
  --f-red-300: 4 85% 87%;
  --f-red-400: 1 81% 79%;
  --f-red-500: 358 84% 64%;
  --f-red-600: 355 84% 49%;
  --f-red-700: 352 85% 44%;
  --f-red-800: 349 87% 36%;
  --f-red-900: 346 90% 29%;
  --f-red-1000: 343 93% 21%;
  --f-red-1100: 340 94% 13%;
  /* blue palette */
  --f-blue-100: 185 100% 97%;
  --f-blue-200: 185 79% 95%;
  --f-blue-300: 190 85% 87%;
  --f-blue-400: 193 82% 78%;
  --f-blue-500: 196 84% 63%;
  --f-blue-600: 199 89% 48%;
  --f-blue-700: 202 91% 43%;
  --f-blue-800: 205 92% 35%;
  --f-blue-900: 208 92% 29%;
  --f-blue-1000: 211 94% 21%;
  --f-blue-1100: 214 97% 13%;
}

:root {
  /* alpha palette */
  --f-alpha-neutral-01: 217, 12%, 35%, 5%;
  --f-alpha-neutral-02: 217, 12%, 35%, 8%;
  --f-alpha-neutral-03: 217, 12%, 35%, 12%;
  --f-alpha-neutral-04: 233, 5%, 92%, 50%;
  --f-alpha-neutral-05: 233, 19%, 9%, 12%;
  --f-alpha-neutral-06: 233, 19%, 9%, 16%;
  --f-alpha-neutral-07: 233, 19%, 9%, 30%;
  --f-alpha-neutral-08: 233, 19%, 9%, 60%;
  --f-alpha-neutral-09: 0, 0%, 100%, 16%;
  --f-alpha-neutral-10: 0, 0%, 100%, 60%;
  --f-alpha-neutral-11: 0, 0%, 100%, 80%;
  --f-alpha-neutral-12: 221, 15%, 25%, 40%;
  --f-alpha-neutral-13: 221, 15%, 25%, 60%;
  --f-alpha-neutral-14: 217, 12%, 35%, 50%;
  --f-alpha-neutral-15: 214, 9%, 53%, 60%;
  --f-alpha-neutral-16: 214, 9%, 53%, 16%;
  --f-alpha-neutral-17: 214, 9%, 53%, 70%;
  --f-alpha-neutral-18: 214, 9%, 53%, 80%;
  --f-alpha-neutral-19: 210, 12%, 73%, 80%;
  --f-alpha-neutral-20: 0, 0%, 100%, 16%;
  --f-alpha-neutral-21: 227, 18%, 15%, 50%;
  --f-alpha-neutral-22: 0, 0%, 0%, 30%;
  --f-alpha-neutral-23: 0, 0%, 0%, 55%;
  --f-alpha-neutral-24: 0, 0%, 100%, 80%;
  --f-alpha-neutral-25: 219, 13%, 31%, 55%;
  --f-alpha-primary-01: 237, 100%, 59%, 5%;
  --f-alpha-primary-02: 237, 100%, 59%, 16%;
  --f-alpha-primary-03: 237, 100%, 59%, 30%;
  --f-alpha-primary-04: 240, 79%, 52%, 12%;
  --f-alpha-primary-05: 234, 100%, 72%, 16%;
  --f-alpha-primary-06: 237, 100%, 59%, 35%;
  --f-alpha-primary-07: 231, 100%, 84%, 50%;
  --f-alpha-primary-08: 234, 100%, 72%, 30%;
  --f-alpha-transparent: 0, 0%, 100%, 0%;
}

:root {
  /* light scheme color variables */
  --f-text-01: hsla(var(--f-neutral-1100));
  --f-text-02: hsla(var(--f-neutral-0));
  --f-text-03: hsla(var(--f-neutral-400));
  --f-text-04: hsla(var(--f-neutral-700));
  --f-line-01: hsla(var(--f-neutral-300));
  --f-line-02: hsla(var(--f-neutral-200));
  --f-line-03: hsla(var(--f-neutral-0));
  --f-line-04: hsla(var(--f-alpha-transparent));
  --f-line-05: hsla(var(--f-neutral-500));
  --f-line-06: hsla(var(--f-neutral-400));
  --f-line-07: hsla(var(--f-primary-600));
  --f-primary-rest: hsla(var(--f-primary-600));
  --f-primary-hover: hsla(var(--f-primary-700));
  --f-primary-pressed: hsla(var(--f-primary-800));
  --f-primary-disabled: hsla(var(--f-alpha-primary-03));
  --f-primary-focused: hsla(var(--f-alpha-primary-03));
  --f-primary-selected-fill: hsla(var(--f-primary-200));
  --f-primary-hover-selected-fill: hsla(var(--f-alpha-primary-02));
  --f-neutral-hover: hsla(var(--f-alpha-neutral-02));
  --f-neutral-border-hover: hsla(var(--f-alpha-neutral-06));
  --f-neutral-pressed: hsla(var(--f-alpha-neutral-08));
  --f-neutral-focused: hsla(var(--f-neutral-0));
  --f-neutral-disabled-text: hsla(var(--f-alpha-neutral-07));
  --f-neutral-disabled-line: hsla(var(--f-alpha-neutral-04));
  --f-neutral-disabled-fill: hsla(var(--f-alpha-neutral-01));
  --f-fill-01: hsla(var(--f-alpha-neutral-03));
  --f-fill-02: hsla(var(--f-neutral-700));
  --f-fill-03: hsla(var(--f-neutral-0));
  --f-fill-04: hsla(var(--f-neutral-500));
  --f-fill-05: hsla(var(--f-alpha-primary-01));
  --f-fill-06: hsla(var(--f-neutral-0));
  --f-fill-07: hsla(var(--f-primary-200));
  --f-fill-08: hsla(var(--f-neutral-100));
  --f-fill-09: hsla(var(--f-alpha-transparent));
  --f-fill-10: hsla(var(--f-neutral-1100));
  --f-fill-11: hsla(var(--f-alpha-neutral-10));
  --f-fill-12: hsla(var(--f-alpha-neutral-05));
  --f-fill-13: hsla(var(--f-alpha-neutral-11));
  --f-fill-14: hsla(var(--f-neutral-100));
  --f-fill-15: hsla(var(--f-alpha-neutral-22));
  --f-fill-16: hsla(var(--f-alpha-neutral-24));
  --f-fill-17: hsla(var(--f-alpha-primary-04));
  --f-bg-01: hsla(var(--f-neutral-100));
  --f-bg-02: hsla(var(--f-neutral-0));
  --f-bg-03: hsla(var(--f-neutral-0));
  --f-bg-04: hsla(var(--f-neutral-0));
  --f-gray-on-surface: hsla(var(--f-gray-1000));
  --f-cyan-on-surface: hsla(var(--f-cyan-1000));
  --f-red-on-surface: hsla(var(--f-red-1000));
  --f-green-on-surface: hsla(var(--f-green-1000));
  --f-purple-on-surface: hsla(var(--f-purple-1000));
  --f-citron-on-surface: hsla(var(--f-citron-1000));
  --f-blue-on-surface: hsla(var(--f-blue-1000));
  --f-orange-on-surface: hsla(var(--f-orange-1000));
  --f-primary-on-surface: hsla(var(--f-primary-1000));
  --f-gray-fill: hsla(var(--f-gray-300));
  --f-cyan-fill: hsla(var(--f-cyan-300));
  --f-red-fill: hsla(var(--f-red-300));
  --f-green-fill: hsla(var(--f-green-300));
  --f-purple-fill: hsla(var(--f-purple-300));
  --f-citron-fill: hsla(var(--f-citron-300));
  --f-blue-fill: hsla(var(--f-blue-300));
  --f-orange-fill: hsla(var(--f-orange-300));
  --f-primary-fill: hsla(var(--f-primary-300));
  --f-error-on-surface: hsla(var(--f-red-700));
  --f-error-fill: hsla(var(--f-red-200));
  --f-error-border: hsla(var(--f-red-300));
  --f-error-border-2: hsla(var(--f-red-400));
  --f-success-on-surface: hsla(var(--f-green-700));
  --f-success-border-2: hsla(var(--f-green-400));
  --f-success-fill: hsla(var(--f-green-200));
  --f-warning-on-surface: hsla(var(--f-orange-700));
  --f-warning-fill: hsla(var(--f-orange-200));
  --f-warning-border-2: hsla(var(--f-orange-400));
  --f-info-on-surface: hsla(var(--f-blue-700));
  --f-info-border-2: hsla(var(--f-blue-400));
  --f-info-fill: hsla(var(--f-blue-200));
  --f-error: hsla(var(--f-red-600));
  --f-success: hsla(var(--f-green-600));
  --f-warning: hsla(var(--f-orange-600));
  --f-info: hsla(var(--f-blue-600));
}

body.dark {
  /* dark scheme color variables */
  --f-text-01: hsla(var(--f-neutral-100));
  --f-text-02: hsla(var(--f-neutral-1100));
  --f-text-03: hsla(var(--f-neutral-500));
  --f-text-04: hsla(var(--f-neutral-400));
  --f-line-01: hsla(var(--f-neutral-500));
  --f-line-02: hsla(var(--f-neutral-800));
  --f-line-03: hsla(var(--f-neutral-1100));
  --f-line-04: hsla(var(--f-alpha-transparent));
  --f-line-05: hsla(var(--f-neutral-500));
  --f-line-06: hsla(var(--f-neutral-600));
  --f-line-07: hsla(var(--f-primary-400));
  --f-primary-rest: hsla(var(--f-primary-400));
  --f-primary-hover: hsla(var(--f-primary-300));
  --f-primary-pressed: hsla(var(--f-primary-500));
  --f-primary-disabled: hsla(var(--f-alpha-primary-07));
  --f-primary-focused: hsla(var(--f-alpha-primary-07));
  --f-primary-selected-fill: hsla(var(--f-primary-900));
  --f-primary-hover-selected-fill: hsla(var(--f-alpha-primary-08));
  --f-neutral-hover: hsla(var(--f-alpha-neutral-13));
  --f-neutral-border-hover: hsla(var(--f-alpha-neutral-17));
  --f-neutral-pressed: hsla(var(--f-alpha-neutral-19));
  --f-neutral-focused: hsla(var(--f-neutral-1000));
  --f-neutral-disabled-text: hsla(var(--f-alpha-neutral-18));
  --f-neutral-disabled-line: hsla(var(--f-alpha-neutral-15));
  --f-neutral-disabled-fill: hsla(var(--f-alpha-neutral-12));
  --f-fill-01: hsla(var(--f-alpha-neutral-14));
  --f-fill-02: hsla(var(--f-neutral-400));
  --f-fill-03: hsla(var(--f-neutral-1000));
  --f-fill-04: hsla(var(--f-neutral-600));
  --f-fill-05: hsla(var(--f-alpha-primary-05));
  --f-fill-06: hsla(var(--f-neutral-1000));
  --f-fill-07: hsla(var(--f-alpha-primary-06));
  --f-fill-08: hsla(var(--f-neutral-900));
  --f-fill-09: hsla(var(--f-alpha-transparent));
  --f-fill-10: hsla(var(--f-neutral-400));
  --f-fill-11: hsla(var(--f-alpha-neutral-21));
  --f-fill-12: hsla(var(--f-alpha-neutral-16));
  --f-fill-13: hsla(var(--f-alpha-neutral-11));
  --f-fill-14: hsla(var(--f-neutral-800));
  --f-fill-15: hsla(var(--f-alpha-neutral-23));
  --f-fill-16: hsla(var(--f-alpha-neutral-25));
  --f-fill-17: hsla(var(--f-alpha-primary-08));
  --f-bg-01: hsla(var(--f-neutral-1100));
  --f-bg-02: hsla(var(--f-neutral-1000));
  --f-bg-03: hsla(var(--f-neutral-1000));
  --f-bg-04: hsla(var(--f-neutral-1000));
  --f-gray-on-surface: hsla(var(--f-gray-200));
  --f-cyan-on-surface: hsla(var(--f-cyan-200));
  --f-red-on-surface: hsla(var(--f-red-200));
  --f-green-on-surface: hsla(var(--f-green-200));
  --f-purple-on-surface: hsla(var(--f-purple-200));
  --f-citron-on-surface: hsla(var(--f-citron-200));
  --f-blue-on-surface: hsla(var(--f-blue-200));
  --f-orange-on-surface: hsla(var(--f-orange-200));
  --f-primary-on-surface: hsla(var(--f-primary-200));
  --f-gray-fill: hsla(var(--f-gray-800));
  --f-cyan-fill: hsla(var(--f-cyan-800));
  --f-red-fill: hsla(var(--f-red-800));
  --f-green-fill: hsla(var(--f-green-800));
  --f-purple-fill: hsla(var(--f-purple-800));
  --f-citron-fill: hsla(var(--f-citron-800));
  --f-blue-fill: hsla(var(--f-blue-800));
  --f-orange-fill: hsla(var(--f-orange-800));
  --f-primary-fill: hsla(var(--f-primary-800));
  --f-error-on-surface: hsla(var(--f-red-400));
  --f-error-fill: hsla(var(--f-red-1000));
  --f-error-border: hsla(var(--f-red-400));
  --f-error-border-2: hsla(var(--f-red-500));
  --f-success-on-surface: hsla(var(--f-green-400));
  --f-success-border-2: hsla(var(--f-green-500));
  --f-warning-on-surface: hsla(var(--f-orange-400));
  --f-warning-border-2: hsla(var(--f-orange-500));
  --f-info-on-surface: hsla(var(--f-blue-400));
  --f-info-border-2: hsla(var(--f-blue-400));
  --f-info-fill: hsla(var(--f-blue-1000));
  --f-error: hsla(var(--f-red-400));
  --f-success: hsla(var(--f-green-400));
  --f-warning: hsla(var(--f-orange-400));
  --f-info: hsla(var(--f-blue-400));
}

.f-palette-gray {
  --f-scheme-shade-1: var(--f-gray-100);
  --f-scheme-shade-2: var(--f-gray-200);
  --f-scheme-shade-3: var(--f-gray-300);
  --f-scheme-shade-4: var(--f-gray-400);
  --f-scheme-shade-5: var(--f-gray-500);
  --f-scheme-shade-6: var(--f-gray-600);
  --f-scheme-shade-7: var(--f-gray-700);
  --f-scheme-shade-8: var(--f-gray-800);
  --f-scheme-shade-9: var(--f-gray-900);
  --f-scheme-shade-10: var(--f-gray-1000);
  --f-scheme-shade-11: var(--f-gray-1100);
}

.f-palette-cyan {
  --f-scheme-shade-1: var(--f-cyan-100);
  --f-scheme-shade-2: var(--f-cyan-200);
  --f-scheme-shade-3: var(--f-cyan-300);
  --f-scheme-shade-4: var(--f-cyan-400);
  --f-scheme-shade-5: var(--f-cyan-500);
  --f-scheme-shade-6: var(--f-cyan-600);
  --f-scheme-shade-7: var(--f-cyan-700);
  --f-scheme-shade-8: var(--f-cyan-800);
  --f-scheme-shade-9: var(--f-cyan-900);
  --f-scheme-shade-10: var(--f-cyan-1000);
  --f-scheme-shade-11: var(--f-cyan-1100);
}

.f-palette-orange {
  --f-scheme-shade-1: var(--f-orange-100);
  --f-scheme-shade-2: var(--f-orange-200);
  --f-scheme-shade-3: var(--f-orange-300);
  --f-scheme-shade-4: var(--f-orange-400);
  --f-scheme-shade-5: var(--f-orange-500);
  --f-scheme-shade-6: var(--f-orange-600);
  --f-scheme-shade-7: var(--f-orange-700);
  --f-scheme-shade-8: var(--f-orange-800);
  --f-scheme-shade-9: var(--f-orange-900);
  --f-scheme-shade-10: var(--f-orange-1000);
  --f-scheme-shade-11: var(--f-orange-1100);
}

.f-palette-purple {
  --f-scheme-shade-1: var(--f-purple-100);
  --f-scheme-shade-2: var(--f-purple-200);
  --f-scheme-shade-3: var(--f-purple-300);
  --f-scheme-shade-4: var(--f-purple-400);
  --f-scheme-shade-5: var(--f-purple-500);
  --f-scheme-shade-6: var(--f-purple-600);
  --f-scheme-shade-7: var(--f-purple-700);
  --f-scheme-shade-8: var(--f-purple-800);
  --f-scheme-shade-9: var(--f-purple-900);
  --f-scheme-shade-10: var(--f-purple-1000);
  --f-scheme-shade-11: var(--f-purple-1100);
}

.f-palette-green {
  --f-scheme-shade-1: var(--f-green-100);
  --f-scheme-shade-2: var(--f-green-200);
  --f-scheme-shade-3: var(--f-green-300);
  --f-scheme-shade-4: var(--f-green-400);
  --f-scheme-shade-5: var(--f-green-500);
  --f-scheme-shade-6: var(--f-green-600);
  --f-scheme-shade-7: var(--f-green-700);
  --f-scheme-shade-8: var(--f-green-800);
  --f-scheme-shade-9: var(--f-green-900);
  --f-scheme-shade-10: var(--f-green-1000);
  --f-scheme-shade-11: var(--f-green-1100);
}

.f-palette-citron {
  --f-scheme-shade-1: var(--f-citron-100);
  --f-scheme-shade-2: var(--f-citron-200);
  --f-scheme-shade-3: var(--f-citron-300);
  --f-scheme-shade-4: var(--f-citron-400);
  --f-scheme-shade-5: var(--f-citron-500);
  --f-scheme-shade-6: var(--f-citron-600);
  --f-scheme-shade-7: var(--f-citron-700);
  --f-scheme-shade-8: var(--f-citron-800);
  --f-scheme-shade-9: var(--f-citron-900);
  --f-scheme-shade-10: var(--f-citron-1000);
  --f-scheme-shade-11: var(--f-citron-1100);
}

.f-palette-red {
  --f-scheme-shade-1: var(--f-red-100);
  --f-scheme-shade-2: var(--f-red-200);
  --f-scheme-shade-3: var(--f-red-300);
  --f-scheme-shade-4: var(--f-red-400);
  --f-scheme-shade-5: var(--f-red-500);
  --f-scheme-shade-6: var(--f-red-600);
  --f-scheme-shade-7: var(--f-red-700);
  --f-scheme-shade-8: var(--f-red-800);
  --f-scheme-shade-9: var(--f-red-900);
  --f-scheme-shade-10: var(--f-red-1000);
  --f-scheme-shade-11: var(--f-red-1100);
}

.f-palette-blue {
  --f-scheme-shade-1: var(--f-blue-100);
  --f-scheme-shade-2: var(--f-blue-200);
  --f-scheme-shade-3: var(--f-blue-300);
  --f-scheme-shade-4: var(--f-blue-400);
  --f-scheme-shade-5: var(--f-blue-500);
  --f-scheme-shade-6: var(--f-blue-600);
  --f-scheme-shade-7: var(--f-blue-700);
  --f-scheme-shade-8: var(--f-blue-800);
  --f-scheme-shade-9: var(--f-blue-900);
  --f-scheme-shade-10: var(--f-blue-1000);
  --f-scheme-shade-11: var(--f-blue-1100);
}

:root {
  --f-space-100: 0.125rem;
  --f-space-200: 0.25rem;
  --f-space-300: 0.375rem;
  --f-space-400: 0.5rem;
  --f-space-500: 0.75rem;
  --f-space-600: 1rem;
  --f-space-700: 1.5rem;
  --f-space-800: 2rem;
  --f-space-900: 2.5rem;
  --f-space-1000: 3rem;
  --f-space-1100: 4rem;
  --f-space-1200: 5rem;
  --f-space-1300: 6rem;
  --f-space-1400: 7rem;
}

.f-pt-1 {
  padding-top: 0.125rem;
}

.f-pr-1 {
  padding-right: 0.125rem;
}

.f-pb-1 {
  padding-bottom: 0.125rem;
}

.f-pl-1 {
  padding-left: 0.125rem;
}

.f-pis-1 {
  padding-inline-start: 0.125rem;
}

.f-pie-1 {
  padding-inline-end: 0.125rem;
}

.f-px-1 {
  padding-inline: 0.125rem;
}

.f-py-1 {
  padding-block: 0.125rem;
}

.f-p-1 {
  padding: 0.125rem;
}

.f-pt-2 {
  padding-top: 0.25rem;
}

.f-pr-2 {
  padding-right: 0.25rem;
}

.f-pb-2 {
  padding-bottom: 0.25rem;
}

.f-pl-2 {
  padding-left: 0.25rem;
}

.f-pis-2 {
  padding-inline-start: 0.25rem;
}

.f-pie-2 {
  padding-inline-end: 0.25rem;
}

.f-px-2 {
  padding-inline: 0.25rem;
}

.f-py-2 {
  padding-block: 0.25rem;
}

.f-p-2 {
  padding: 0.25rem;
}

.f-pt-3 {
  padding-top: 0.375rem;
}

.f-pr-3 {
  padding-right: 0.375rem;
}

.f-pb-3 {
  padding-bottom: 0.375rem;
}

.f-pl-3 {
  padding-left: 0.375rem;
}

.f-pis-3 {
  padding-inline-start: 0.375rem;
}

.f-pie-3 {
  padding-inline-end: 0.375rem;
}

.f-px-3 {
  padding-inline: 0.375rem;
}

.f-py-3 {
  padding-block: 0.375rem;
}

.f-p-3 {
  padding: 0.375rem;
}

.f-pt-4 {
  padding-top: 0.5rem;
}

.f-pr-4 {
  padding-right: 0.5rem;
}

.f-pb-4 {
  padding-bottom: 0.5rem;
}

.f-pl-4 {
  padding-left: 0.5rem;
}

.f-pis-4 {
  padding-inline-start: 0.5rem;
}

.f-pie-4 {
  padding-inline-end: 0.5rem;
}

.f-px-4 {
  padding-inline: 0.5rem;
}

.f-py-4 {
  padding-block: 0.5rem;
}

.f-p-4 {
  padding: 0.5rem;
}

.f-pt-5 {
  padding-top: 0.75rem;
}

.f-pr-5 {
  padding-right: 0.75rem;
}

.f-pb-5 {
  padding-bottom: 0.75rem;
}

.f-pl-5 {
  padding-left: 0.75rem;
}

.f-pis-5 {
  padding-inline-start: 0.75rem;
}

.f-pie-5 {
  padding-inline-end: 0.75rem;
}

.f-px-5 {
  padding-inline: 0.75rem;
}

.f-py-5 {
  padding-block: 0.75rem;
}

.f-p-5 {
  padding: 0.75rem;
}

.f-pt-6 {
  padding-top: 1rem;
}

.f-pr-6 {
  padding-right: 1rem;
}

.f-pb-6 {
  padding-bottom: 1rem;
}

.f-pl-6 {
  padding-left: 1rem;
}

.f-pis-6 {
  padding-inline-start: 1rem;
}

.f-pie-6 {
  padding-inline-end: 1rem;
}

.f-px-6 {
  padding-inline: 1rem;
}

.f-py-6 {
  padding-block: 1rem;
}

.f-p-6 {
  padding: 1rem;
}

.f-pt-7 {
  padding-top: 1.5rem;
}

.f-pr-7 {
  padding-right: 1.5rem;
}

.f-pb-7 {
  padding-bottom: 1.5rem;
}

.f-pl-7 {
  padding-left: 1.5rem;
}

.f-pis-7 {
  padding-inline-start: 1.5rem;
}

.f-pie-7 {
  padding-inline-end: 1.5rem;
}

.f-px-7 {
  padding-inline: 1.5rem;
}

.f-py-7 {
  padding-block: 1.5rem;
}

.f-p-7 {
  padding: 1.5rem;
}

.f-pt-8 {
  padding-top: 2rem;
}

.f-pr-8 {
  padding-right: 2rem;
}

.f-pb-8 {
  padding-bottom: 2rem;
}

.f-pl-8 {
  padding-left: 2rem;
}

.f-pis-8 {
  padding-inline-start: 2rem;
}

.f-pie-8 {
  padding-inline-end: 2rem;
}

.f-px-8 {
  padding-inline: 2rem;
}

.f-py-8 {
  padding-block: 2rem;
}

.f-p-8 {
  padding: 2rem;
}

.f-pt-9 {
  padding-top: 2.5rem;
}

.f-pr-9 {
  padding-right: 2.5rem;
}

.f-pb-9 {
  padding-bottom: 2.5rem;
}

.f-pl-9 {
  padding-left: 2.5rem;
}

.f-pis-9 {
  padding-inline-start: 2.5rem;
}

.f-pie-9 {
  padding-inline-end: 2.5rem;
}

.f-px-9 {
  padding-inline: 2.5rem;
}

.f-py-9 {
  padding-block: 2.5rem;
}

.f-p-9 {
  padding: 2.5rem;
}

.f-pt-10 {
  padding-top: 3rem;
}

.f-pr-10 {
  padding-right: 3rem;
}

.f-pb-10 {
  padding-bottom: 3rem;
}

.f-pl-10 {
  padding-left: 3rem;
}

.f-pis-10 {
  padding-inline-start: 3rem;
}

.f-pie-10 {
  padding-inline-end: 3rem;
}

.f-px-10 {
  padding-inline: 3rem;
}

.f-py-10 {
  padding-block: 3rem;
}

.f-p-10 {
  padding: 3rem;
}

.f-pt-11 {
  padding-top: 4rem;
}

.f-pr-11 {
  padding-right: 4rem;
}

.f-pb-11 {
  padding-bottom: 4rem;
}

.f-pl-11 {
  padding-left: 4rem;
}

.f-pis-11 {
  padding-inline-start: 4rem;
}

.f-pie-11 {
  padding-inline-end: 4rem;
}

.f-px-11 {
  padding-inline: 4rem;
}

.f-py-11 {
  padding-block: 4rem;
}

.f-p-11 {
  padding: 4rem;
}

.f-pt-12 {
  padding-top: 5rem;
}

.f-pr-12 {
  padding-right: 5rem;
}

.f-pb-12 {
  padding-bottom: 5rem;
}

.f-pl-12 {
  padding-left: 5rem;
}

.f-pis-12 {
  padding-inline-start: 5rem;
}

.f-pie-12 {
  padding-inline-end: 5rem;
}

.f-px-12 {
  padding-inline: 5rem;
}

.f-py-12 {
  padding-block: 5rem;
}

.f-p-12 {
  padding: 5rem;
}

.f-pt-13 {
  padding-top: 6rem;
}

.f-pr-13 {
  padding-right: 6rem;
}

.f-pb-13 {
  padding-bottom: 6rem;
}

.f-pl-13 {
  padding-left: 6rem;
}

.f-pis-13 {
  padding-inline-start: 6rem;
}

.f-pie-13 {
  padding-inline-end: 6rem;
}

.f-px-13 {
  padding-inline: 6rem;
}

.f-py-13 {
  padding-block: 6rem;
}

.f-p-13 {
  padding: 6rem;
}

.f-pt-14 {
  padding-top: 7rem;
}

.f-pr-14 {
  padding-right: 7rem;
}

.f-pb-14 {
  padding-bottom: 7rem;
}

.f-pl-14 {
  padding-left: 7rem;
}

.f-pis-14 {
  padding-inline-start: 7rem;
}

.f-pie-14 {
  padding-inline-end: 7rem;
}

.f-px-14 {
  padding-inline: 7rem;
}

.f-py-14 {
  padding-block: 7rem;
}

.f-p-14 {
  padding: 7rem;
}

.f-mt-1 {
  margin-top: 0.125rem;
}

.f-mr-1 {
  margin-right: 0.125rem;
}

.f-mb-1 {
  margin-bottom: 0.125rem;
}

.f-ml-1 {
  margin-left: 0.125rem;
}

.f-mis-1 {
  margin-inline-start: 0.125rem;
}

.f-mie-1 {
  margin-inline-end: 0.125rem;
}

.f-mx-1 {
  margin-inline: 0.125rem;
}

.f-my-1 {
  margin-block: 0.125rem;
}

.f-m-1 {
  margin: 0.125rem;
}

.f-mt-2 {
  margin-top: 0.25rem;
}

.f-mr-2 {
  margin-right: 0.25rem;
}

.f-mb-2 {
  margin-bottom: 0.25rem;
}

.f-ml-2 {
  margin-left: 0.25rem;
}

.f-mis-2 {
  margin-inline-start: 0.25rem;
}

.f-mie-2 {
  margin-inline-end: 0.25rem;
}

.f-mx-2 {
  margin-inline: 0.25rem;
}

.f-my-2 {
  margin-block: 0.25rem;
}

.f-m-2 {
  margin: 0.25rem;
}

.f-mt-3 {
  margin-top: 0.375rem;
}

.f-mr-3 {
  margin-right: 0.375rem;
}

.f-mb-3 {
  margin-bottom: 0.375rem;
}

.f-ml-3 {
  margin-left: 0.375rem;
}

.f-mis-3 {
  margin-inline-start: 0.375rem;
}

.f-mie-3 {
  margin-inline-end: 0.375rem;
}

.f-mx-3 {
  margin-inline: 0.375rem;
}

.f-my-3 {
  margin-block: 0.375rem;
}

.f-m-3 {
  margin: 0.375rem;
}

.f-mt-4 {
  margin-top: 0.5rem;
}

.f-mr-4 {
  margin-right: 0.5rem;
}

.f-mb-4 {
  margin-bottom: 0.5rem;
}

.f-ml-4 {
  margin-left: 0.5rem;
}

.f-mis-4 {
  margin-inline-start: 0.5rem;
}

.f-mie-4 {
  margin-inline-end: 0.5rem;
}

.f-mx-4 {
  margin-inline: 0.5rem;
}

.f-my-4 {
  margin-block: 0.5rem;
}

.f-m-4 {
  margin: 0.5rem;
}

.f-mt-5 {
  margin-top: 0.75rem;
}

.f-mr-5 {
  margin-right: 0.75rem;
}

.f-mb-5 {
  margin-bottom: 0.75rem;
}

.f-ml-5 {
  margin-left: 0.75rem;
}

.f-mis-5 {
  margin-inline-start: 0.75rem;
}

.f-mie-5 {
  margin-inline-end: 0.75rem;
}

.f-mx-5 {
  margin-inline: 0.75rem;
}

.f-my-5 {
  margin-block: 0.75rem;
}

.f-m-5 {
  margin: 0.75rem;
}

.f-mt-6 {
  margin-top: 1rem;
}

.f-mr-6 {
  margin-right: 1rem;
}

.f-mb-6 {
  margin-bottom: 1rem;
}

.f-ml-6 {
  margin-left: 1rem;
}

.f-mis-6 {
  margin-inline-start: 1rem;
}

.f-mie-6 {
  margin-inline-end: 1rem;
}

.f-mx-6 {
  margin-inline: 1rem;
}

.f-my-6 {
  margin-block: 1rem;
}

.f-m-6 {
  margin: 1rem;
}

.f-mt-7 {
  margin-top: 1.5rem;
}

.f-mr-7 {
  margin-right: 1.5rem;
}

.f-mb-7 {
  margin-bottom: 1.5rem;
}

.f-ml-7 {
  margin-left: 1.5rem;
}

.f-mis-7 {
  margin-inline-start: 1.5rem;
}

.f-mie-7 {
  margin-inline-end: 1.5rem;
}

.f-mx-7 {
  margin-inline: 1.5rem;
}

.f-my-7 {
  margin-block: 1.5rem;
}

.f-m-7 {
  margin: 1.5rem;
}

.f-mt-8 {
  margin-top: 2rem;
}

.f-mr-8 {
  margin-right: 2rem;
}

.f-mb-8 {
  margin-bottom: 2rem;
}

.f-ml-8 {
  margin-left: 2rem;
}

.f-mis-8 {
  margin-inline-start: 2rem;
}

.f-mie-8 {
  margin-inline-end: 2rem;
}

.f-mx-8 {
  margin-inline: 2rem;
}

.f-my-8 {
  margin-block: 2rem;
}

.f-m-8 {
  margin: 2rem;
}

.f-mt-9 {
  margin-top: 2.5rem;
}

.f-mr-9 {
  margin-right: 2.5rem;
}

.f-mb-9 {
  margin-bottom: 2.5rem;
}

.f-ml-9 {
  margin-left: 2.5rem;
}

.f-mis-9 {
  margin-inline-start: 2.5rem;
}

.f-mie-9 {
  margin-inline-end: 2.5rem;
}

.f-mx-9 {
  margin-inline: 2.5rem;
}

.f-my-9 {
  margin-block: 2.5rem;
}

.f-m-9 {
  margin: 2.5rem;
}

.f-mt-10 {
  margin-top: 3rem;
}

.f-mr-10 {
  margin-right: 3rem;
}

.f-mb-10 {
  margin-bottom: 3rem;
}

.f-ml-10 {
  margin-left: 3rem;
}

.f-mis-10 {
  margin-inline-start: 3rem;
}

.f-mie-10 {
  margin-inline-end: 3rem;
}

.f-mx-10 {
  margin-inline: 3rem;
}

.f-my-10 {
  margin-block: 3rem;
}

.f-m-10 {
  margin: 3rem;
}

.f-mt-11 {
  margin-top: 4rem;
}

.f-mr-11 {
  margin-right: 4rem;
}

.f-mb-11 {
  margin-bottom: 4rem;
}

.f-ml-11 {
  margin-left: 4rem;
}

.f-mis-11 {
  margin-inline-start: 4rem;
}

.f-mie-11 {
  margin-inline-end: 4rem;
}

.f-mx-11 {
  margin-inline: 4rem;
}

.f-my-11 {
  margin-block: 4rem;
}

.f-m-11 {
  margin: 4rem;
}

.f-mt-12 {
  margin-top: 5rem;
}

.f-mr-12 {
  margin-right: 5rem;
}

.f-mb-12 {
  margin-bottom: 5rem;
}

.f-ml-12 {
  margin-left: 5rem;
}

.f-mis-12 {
  margin-inline-start: 5rem;
}

.f-mie-12 {
  margin-inline-end: 5rem;
}

.f-mx-12 {
  margin-inline: 5rem;
}

.f-my-12 {
  margin-block: 5rem;
}

.f-m-12 {
  margin: 5rem;
}

.f-mt-13 {
  margin-top: 6rem;
}

.f-mr-13 {
  margin-right: 6rem;
}

.f-mb-13 {
  margin-bottom: 6rem;
}

.f-ml-13 {
  margin-left: 6rem;
}

.f-mis-13 {
  margin-inline-start: 6rem;
}

.f-mie-13 {
  margin-inline-end: 6rem;
}

.f-mx-13 {
  margin-inline: 6rem;
}

.f-my-13 {
  margin-block: 6rem;
}

.f-m-13 {
  margin: 6rem;
}

.f-mt-14 {
  margin-top: 7rem;
}

.f-mr-14 {
  margin-right: 7rem;
}

.f-mb-14 {
  margin-bottom: 7rem;
}

.f-ml-14 {
  margin-left: 7rem;
}

.f-mis-14 {
  margin-inline-start: 7rem;
}

.f-mie-14 {
  margin-inline-end: 7rem;
}

.f-mx-14 {
  margin-inline: 7rem;
}

.f-my-14 {
  margin-block: 7rem;
}

.f-m-14 {
  margin: 7rem;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.h-100-vh {
  height: 100vh;
}

.w-100-vw {
  width: 100vw;
}

.f-h-100 {
  height: 100%;
}

.f-w-100 {
  width: 100%;
}

.f-h-100-vh {
  height: 100vh;
}

.f-w-100-vw {
  width: 100vw;
}

.cursor-pointer {
  cursor: pointer;
}

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

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

.f-mt-auto {
  margin-top: auto;
}

.f-mb-auto {
  margin-bottom: auto;
}

.f-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.f-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

:root {
  --f-shadow-04: 0px 2px 4px hsla(var(--f-neutral-1200) / 0.16);
  --f-shadow-08: 0px 0px 4px 0px hsla(var(--f-neutral-1200) / 0.08) , 0px 0px 8px 0px hsla(var(--f-neutral-1200) / 0.16);
  --f-shadow-12: 0px 2px 12px 0px hsla(var(--f-neutral-1200) / 0.08);
  --f-shadow-16: 0px 2px 4px 0px hsla(var(--f-neutral-1200) / 0.08) , 0px 4px 8px 0px hsla(var(--f-neutral-1200) / 0.08) , 0px 8px 16px 0px hsla(var(--f-neutral-1200) / 0.16);
  --f-shadow-32: 0px 4px 16px 0px hsla(var(--f-neutral-1200) / 0.08) , 0px 12px 32px 0px hsla(var(--f-neutral-1200) / 0.16);
  --f-shadow-64: 0px 2px 8px 0px hsla(var(--f-neutral-1200) / 0.02) , 0px 4px 16px 0px hsla(var(--f-neutral-1200) / 0.04) , 0px 8px 32px 0px hsla(var(--f-neutral-1200) / 0.08) , 0px 16px 64px 0px hsla(var(--f-neutral-1200) / 0.16);
}

:root {
  --f-rad-0: 0;
  --f-rad-100: 0.125rem;
  --f-rad-200: 0.25rem;
  --f-rad-300: 0.375rem;
  --f-rad-400: 0.5rem;
  --f-rad-500: 0.75rem;
  --f-rad-600: 1rem;
  --f-rad-circular: 50%;
  --f-rad-round: 100rem;
}

:root {
  --f-icon-font-family: fanoos-solid;
}

@font-face {
  font-family: fanoos-solid;
  src: url("/assets/fonts/icons/fanoos-solid/fanoos-solid.woff?v=4d70c7fc-18118-218145") format("woff"),url("/assets/fonts/icons/fanoos-solid/fanoos-solid.ttf?v=4d70c7fc-18118-218145") format("truetype"),url("/assets/fonts/icons/fanoos-solid/fanoos-solid.svg?v=4d70c7fc-18118-218145") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.f-accelerator:before {
  content: "\ea68";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ai:before {
  content: "\eaa3";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ai-outline:before {
  content: "\eaa2";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-align-center:before {
  content: "\ea40";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-align-justify:before {
  content: "\ea41";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-align-left:before {
  content: "\ea42";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-align-right:before {
  content: "\ea43";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-analysis:before {
  content: "\e9dd";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-announcement:before {
  content: "\eaa5";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-apps:before {
  content: "\e904";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-collapse:before {
  content: "\e905";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-cross:before {
  content: "\e906";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-down:before {
  content: "\e907";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-expand:before {
  content: "\e908";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-left:before {
  content: "\ea76";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-meandrous:before {
  content: "\e909";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-right:before {
  content: "\ea77";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-short-right-circle:before {
  content: "\e917";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-swing-horizontal:before {
  content: "\e90a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-arrow-up:before {
  content: "\e90b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ascending:before {
  content: "\ea78";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-attachment:before {
  content: "\e90c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-automatic:before {
  content: "\e9b4";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-backspace:before {
  content: "\ea69";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ban-timer:before {
  content: "\eaa1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bar-chart:before {
  content: "\e9b5";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-barchart:before {
  content: "\ea90";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-barchart-outline:before {
  content: "\ea8f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-barcode:before {
  content: "\ea29";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bell:before {
  content: "\e90d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bell-gear:before {
  content: "\e9ac";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bell-slash:before {
  content: "\e90e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bold:before {
  content: "\ea44";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bookmark:before {
  content: "\ea5a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-broken-image:before {
  content: "\e9b6";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bubble-chart:before {
  content: "\e9b7";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bullet:before {
  content: "\ea45";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-bullet-number:before {
  content: "\ea46";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-business-process-management:before {
  content: "\e9b8";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calculator:before {
  content: "\e90f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calendar:before {
  content: "\e95d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calendar-day:before {
  content: "\e911";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calendar-month:before {
  content: "\e912";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calendar-one:before {
  content: "\ea5b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calendar-outline:before {
  content: "\ea8e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calendar-seven:before {
  content: "\ea5c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-calendar-time:before {
  content: "\e987";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-caret-down-outline:before {
  content: "\e913";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-caret-up-outline:before {
  content: "\e914";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cartable:before {
  content: "\e915";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chair:before {
  content: "\e988";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-check:before {
  content: "\e916";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-check-circle:before {
  content: "\e996";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-check-circle-outline:before {
  content: "\e918";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-check-restore:before {
  content: "\e919";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-check-square:before {
  content: "\e91a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-check-square-outline:before {
  content: "\e91b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-checkmark-small:before {
  content: "\ea14";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-double-left:before {
  content: "\e989";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-double-left-small:before {
  content: "\e98a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-double-right:before {
  content: "\e98b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-double-right-small:before {
  content: "\e98c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-down:before {
  content: "\e900";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-down-small:before {
  content: "\e92a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-down-square:before {
  content: "\ea24";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-left:before {
  content: "\e901";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-left-small:before {
  content: "\e9a1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-right:before {
  content: "\e902";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-right-small:before {
  content: "\e9a2";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-up:before {
  content: "\e903";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-up-small:before {
  content: "\e9a3";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-chevron-up-square:before {
  content: "\ea25";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-circle-circle:before {
  content: "\e992";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-circle-dash:before {
  content: "\e91c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-circle-dots-outline:before {
  content: "\e91d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-circle-line:before {
  content: "\e9b9";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-circle-outline:before {
  content: "\e9ab";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-city:before {
  content: "\ea6a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-clear-formatting:before {
  content: "\ea47";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-clock:before {
  content: "\e91e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-clock-remaining:before {
  content: "\e91f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cloud:before {
  content: "\ea8d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cloud-data-center:before {
  content: "\ea34";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cloud-database:before {
  content: "\ea35";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cloud-network:before {
  content: "\ea33";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cloud-outline:before {
  content: "\ea8c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cloud-resize:before {
  content: "\ea32";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cog:before {
  content: "\e920";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-collis:before {
  content: "\e9ba";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-color-bucket:before {
  content: "\e98e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-combobox:before {
  content: "\e9de";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-command-prompt:before {
  content: "\e9e0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-compare:before {
  content: "\ea22";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-compare-outline:before {
  content: "\ea21";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-communication-management:before {
  content: "\e9e1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-comment:before {
  content: "\e921";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-comunication-management:before {
  content: "\e9bb";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-condition:before {
  content: "\e9bc";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-connection:before {
  content: "\e922";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-contrast:before {
  content: "\e9bd";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-copy:before {
  content: "\e923";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-country:before {
  content: "\ea6b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cpu:before {
  content: "\ea79";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-crm:before {
  content: "\ea83";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-crop:before {
  content: "\e9be";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-current-location:before {
  content: "\e9bf";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-cut:before {
  content: "\e924";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-dashboard:before {
  content: "\ea15";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-dashboard-parameters:before {
  content: "\e9c0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-damavand-data-center:before {
  content: "\ea7a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-decrease-indent:before {
  content: "\ea48";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-descending:before {
  content: "\ea7b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-desktop:before {
  content: "\e9c1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-digital-pen:before {
  content: "\e9c2";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-disk:before {
  content: "\ea8b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-disk-outline:before {
  content: "\eaa4";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-disk-plus:before {
  content: "\eaa0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-dislike:before {
  content: "\ea13";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-dislike_outline:before {
  content: "\ea88";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-district:before {
  content: "\ea6c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-divide:before {
  content: "\e9ad";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-divide-circle:before {
  content: "\e9a7";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-divide-circle-outline:before {
  content: "\e9a8";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-double-check-circle:before {
  content: "\e9c3";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-double-checkmark-small:before {
  content: "\ea16";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-double-circle-line:before {
  content: "\e9c4";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-double-square-line:before {
  content: "\e9c5";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-double-square-shortline:before {
  content: "\e9c6";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-download:before {
  content: "\e925";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-doughnut-chart:before {
  content: "\e9e3";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-duplicate:before {
  content: "\ea9f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-edit:before {
  content: "\e926";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece:before {
  content: "\ea3f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-arrow-left:before {
  content: "\ea5d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-arrow-right:before {
  content: "\ea5e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-cancel:before {
  content: "\ea9e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-checkmark:before {
  content: "\ea9d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-error:before {
  content: "\ea3e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-plus:before {
  content: "\ea9c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-receipt:before {
  content: "\ea3d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-receipt-error:before {
  content: "\ea3c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ece-refresh:before {
  content: "\ea9b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-electronic-education:before {
  content: "\e9db";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ellipsis-horizontal:before {
  content: "\e927";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-emoji:before {
  content: "\ea49";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-email:before {
  content: "\ea3b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-entity:before {
  content: "\e9c7";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-entity-group:before {
  content: "\ea09";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-envelope:before {
  content: "\e9c9";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-envelope-arrow-left:before {
  content: "\ea1a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-envelope-arrow-right:before {
  content: "\ea1b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-envelope-checkmark:before {
  content: "\ea26";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-envelope-copy:before {
  content: "\ea27";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-envelope-internal:before {
  content: "\ea1e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-envelope-open:before {
  content: "\e9c8";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-equal:before {
  content: "\ea6d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-eraser:before {
  content: "\ea04";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-exclamation-circle:before {
  content: "\e928";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-exclamation-circle-outline:before {
  content: "\e929";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-exclamation-triangle:before {
  content: "\e98f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-exclamation-triangle-outline:before {
  content: "\e92b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-export-excel:before {
  content: "\e9ca";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-export-pdf:before {
  content: "\e9cb";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-export-png:before {
  content: "\e9cc";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-extension:before {
  content: "\e92c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-external-link:before {
  content: "\e92d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-eye:before {
  content: "\e92e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-eye-slash:before {
  content: "\e92f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-favorite-pages:before {
  content: "\eaa6";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-fax:before {
  content: "\ea0a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file:before {
  content: "\e930";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-alt:before {
  content: "\e910";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-alt-outline:before {
  content: "\e931";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-csv:before {
  content: "\ea87";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-excel:before {
  content: "\e932";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-export:before {
  content: "\e933";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-import:before {
  content: "\e934";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-pdf:before {
  content: "\e935";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-ppt:before {
  content: "\ea84";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-rtf:before {
  content: "\ea86";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-txt:before {
  content: "\ea85";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-upload:before {
  content: "\e936";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-user:before {
  content: "\e937";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-file-word:before {
  content: "\e938";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-filter:before {
  content: "\e990";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-filter-alt:before {
  content: "\e93a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-filter-outline:before {
  content: "\e939";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-filter-outline-plus:before {
  content: "\e93b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-filter-outline-remove:before {
  content: "\e93c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-filter-remove:before {
  content: "\e9af";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-firewall:before {
  content: "\ea31";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-filp-vertical:before {
  content: "\e9cd";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-flip-horizontal:before {
  content: "\e9ce";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-forbidden:before {
  content: "\ea17";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder:before {
  content: "\e93d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-download:before {
  content: "\e93e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-exclamation-mark-lock-open:before {
  content: "\e9cf";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-import:before {
  content: "\e93f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-minus-lock-outline:before {
  content: "\e941";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-minus-question:before {
  content: "\e943";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-minus-unlock-outline:before {
  content: "\e942";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-open:before {
  content: "\e944";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-question:before {
  content: "\e945";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-remove-unlock-outline:before {
  content: "\e946";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-folder-unlock-outline:before {
  content: "\e940";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-font-color:before {
  content: "\ea4a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-forward:before {
  content: "\ea0b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-fund:before {
  content: "\ea3a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-gears:before {
  content: "\e9d0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-geo-map:before {
  content: "\e9d1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-gift:before {
  content: "\e947";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-grid:before {
  content: "\e9d2";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-grip:before {
  content: "\e9d3";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-grip-line-horizontal:before {
  content: "\e948";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-grip-vertical:before {
  content: "\e949";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-group:before {
  content: "\e9d4";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-hand-close:before {
  content: "\e9d5";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-hand-open:before {
  content: "\e9d6";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-hashtag:before {
  content: "\e94a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-heart:before {
  content: "\ea7d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-heart-outline:before {
  content: "\ea7e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-highlighter:before {
  content: "\ea4b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-history:before {
  content: "\ea67";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-home:before {
  content: "\e94b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-image:before {
  content: "\e94c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-import-excel:before {
  content: "\e9dc";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-increase-indent:before {
  content: "\ea4c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-information-circle:before {
  content: "\e94d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-information-circle-outline:before {
  content: "\e94e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-infrastructure:before {
  content: "\e991";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-instance:before {
  content: "\e9d7";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-interactivity:before {
  content: "\e9d8";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ip:before {
  content: "\ea9a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-italic:before {
  content: "\ea4d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-key:before {
  content: "\e94f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-language-outline:before {
  content: "\e98d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-lever-arch-file:before {
  content: "\ea8a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-lever-arch-file-outline:before {
  content: "\ea89";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-like:before {
  content: "\ea7c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-like-outline:before {
  content: "\ea39";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-lightness:before {
  content: "\e9d9";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-line:before {
  content: "\ea4e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-line-chart:before {
  content: "\ea05";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-link:before {
  content: "\e950";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-list-text:before {
  content: "\e9da";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin:before {
  content: "\e9e9";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-exclamation-mark:before {
  content: "\e9df";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-login:before {
  content: "\ea07";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-logout:before {
  content: "\ea08";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-plus:before {
  content: "\e9e5";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-plus-outline:before {
  content: "\e9e4";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-remove:before {
  content: "\e9e7";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-remove-outline:before {
  content: "\e9e6";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-location-pin-shape:before {
  content: "\e9e8";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-lock:before {
  content: "\e9b1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-lock-outline:before {
  content: "\e951";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-logout:before {
  content: "\e953";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-long-check-circle:before {
  content: "\e997";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-loop:before {
  content: "\e9ea";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ltr:before {
  content: "\ea4f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-machine:before {
  content: "\e993";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-magic-wound:before {
  content: "\e9eb";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-magnifier:before {
  content: "\e954";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-map-marker-circle:before {
  content: "\e955";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-match:before {
  content: "\e9ec";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-medal:before {
  content: "\e9ee";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-medal-group:before {
  content: "\e9ed";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-meeting:before {
  content: "\ea18";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-measuring-device:before {
  content: "\e994";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-merge:before {
  content: "\e9ef";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-method:before {
  content: "\e9f0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-microphone:before {
  content: "\ea99";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-minus:before {
  content: "\e956";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-minus-circle:before {
  content: "\e9a5";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-minus-circle-outline:before {
  content: "\e9a6";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-minus-square:before {
  content: "\e957";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-minus-square-outline:before {
  content: "\e958";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-minus-square-outline-chevron-left:before {
  content: "\e959";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-mobile:before {
  content: "\e9f1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module:before {
  content: "\e9f2";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-bpms:before {
  content: "\eaa7";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-crm:before {
  content: "\eaa8";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-financial:before {
  content: "\eaa9";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-hcm:before {
  content: "\eaaa";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-logistics:before {
  content: "\eaab";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-procurement:before {
  content: "\eaac";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-sales:before {
  content: "\eaad";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-tax:before {
  content: "\eaae";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-taxpayer:before {
  content: "\eaaf";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-module-treasury:before {
  content: "\eab0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-multi-select:before {
  content: "\e9f3";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-multiply:before {
  content: "\e9ae";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-multiply-square:before {
  content: "\ea81";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-moon-outline:before {
  content: "\e9a4";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-note:before {
  content: "\e95a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-note-book:before {
  content: "\e95b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-off:before {
  content: "\ea30";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-os:before {
  content: "\ea5f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-page-break:before {
  content: "\ea50";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-paragraph:before {
  content: "\ea51";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-password-generate:before {
  content: "\ea60";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-paste:before {
  content: "\e95c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-paste-text:before {
  content: "\ea52";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-pause:before {
  content: "\ea61";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-pause-outline:before {
  content: "\ea62";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-pencil:before {
  content: "\ea06";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-percent:before {
  content: "\ea6e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-petition-cancel:before {
  content: "\ea98";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-petition-checkmark:before {
  content: "\ea97";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-petition-plus:before {
  content: "\ea96";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-petition-refresh:before {
  content: "\ea95";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-phone:before {
  content: "\ea73";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-pin:before {
  content: "\ea36";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-pin-outline:before {
  content: "\ea12";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-plug:before {
  content: "\ea63";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-plus:before {
  content: "\e95e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-plus-circle:before {
  content: "\e9a9";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-plus-circle-outline:before {
  content: "\e9aa";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-plus-minus:before {
  content: "\ea23";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-plus-square:before {
  content: "\e95f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-plus-square-outline-chevron-down:before {
  content: "\e960";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-postal-code:before {
  content: "\ea74";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-print:before {
  content: "\e961";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-processing-circle:before {
  content: "\e998";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-product:before {
  content: "\e999";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-provice:before {
  content: "\ea6f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-property:before {
  content: "\e9f4";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-question-bracket:before {
  content: "\e963";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-question-circle:before {
  content: "\e99a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-question-circle-outline:before {
  content: "\e962";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-question-mark:before {
  content: "\ea1c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-ram:before {
  content: "\ea64";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-redo:before {
  content: "\e964";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-refresh:before {
  content: "\e99b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-refer:before {
  content: "\ea0c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-region:before {
  content: "\ea70";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-remove:before {
  content: "\e966";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-remove-circle:before {
  content: "\e995";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-remove-circle-outline:before {
  content: "\e99c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-renumber:before {
  content: "\ea0d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-reply:before {
  content: "\ea0e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-reply-all:before {
  content: "\ea0f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-reset:before {
  content: "\ea2f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-resize:before {
  content: "\e9f6";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-resize-grabber:before {
  content: "\e9f5";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-rocket:before {
  content: "\ea75";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-rotate:before {
  content: "\e9f7";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-rtl:before {
  content: "\ea53";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sahand-data-center:before {
  content: "\ea65";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-salary:before {
  content: "\ea2e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-save:before {
  content: "\e967";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-save-draft:before {
  content: "\e968";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-satelite:before {
  content: "\e9f8";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-scanner:before {
  content: "\ea10";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-scatter-chart:before {
  content: "\e9f9";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-screw:before {
  content: "\e9fa";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-accounting:before {
  content: "\e969";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-enterprise:before {
  content: "\e96a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-factory:before {
  content: "\e96b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-financial:before {
  content: "\e96c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-general:before {
  content: "\e96d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-general-flat:before {
  content: "\eab1";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-human-resource:before {
  content: "\e96e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-logistic:before {
  content: "\e96f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-retail:before {
  content: "\e970";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-sales:before {
  content: "\e971";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-section-sales-and-distribution:before {
  content: "\e972";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-send:before {
  content: "\ea54";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-separate:before {
  content: "\e9fb";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-share:before {
  content: "\e973";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-shareholder:before {
  content: "\ea19";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-shield:before {
  content: "\ea2d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-shopping-cart:before {
  content: "\ea1d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-shopping-cart-checkmark:before {
  content: "\ea28";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-shopping-cart-plus:before {
  content: "\ea1f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sigma:before {
  content: "\e974";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sigma-circle-outline:before {
  content: "\e9b3";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sigma-grid:before {
  content: "\e9b2";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-signature:before {
  content: "\ea11";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-snapshot:before {
  content: "\ea2c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sort:before {
  content: "\e975";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sort-ascending:before {
  content: "\e976";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sort-descending:before {
  content: "\e977";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-square-circle-outline:before {
  content: "\e97d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-square-line:before {
  content: "\e9fc";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-square-outline:before {
  content: "\e978";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-stack:before {
  content: "\e99d";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-star:before {
  content: "\e979";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-star-outline:before {
  content: "\e97a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-step-backward:before {
  content: "\e97b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-step-forward:before {
  content: "\e97c";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-stop-circle:before {
  content: "\e9fd";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-strikethrough:before {
  content: "\ea55";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-subscript:before {
  content: "\ea56";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-summary:before {
  content: "\ea7f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-summary-view:before {
  content: "\ea80";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-superscript:before {
  content: "\ea57";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-support:before {
  content: "\ea38";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-symbol:before {
  content: "\ea58";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-sync:before {
  content: "\e965";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-tax-report:before {
  content: "\ea37";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-text-box:before {
  content: "\e9fe";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-tile-view:before {
  content: "\ea20";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-town:before {
  content: "\ea71";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-trash:before {
  content: "\e97e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-tree:before {
  content: "\e97f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-tree-map:before {
  content: "\e9ff";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-type:before {
  content: "\e99e";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-underline:before {
  content: "\ea59";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-undo:before {
  content: "\e980";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-unplug:before {
  content: "\ea66";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-unlock:before {
  content: "\e9b0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-unlock-outline:before {
  content: "\e952";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-upload:before {
  content: "\e981";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-user:before {
  content: "\e99f";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-user-outline:before {
  content: "\e982";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-variable:before {
  content: "\ea00";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-video:before {
  content: "\e9e2";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-view-column:before {
  content: "\e983";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-view-list:before {
  content: "\e984";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-view-modal:before {
  content: "\e985";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-view-stack:before {
  content: "\e986";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-wallet:before {
  content: "\ea2b";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-wallet-plus:before {
  content: "\ea2a";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-web:before {
  content: "\ea72";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-whatsapp:before {
  content: "\ea94";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-whatsapp-outline:before {
  content: "\ea93";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-wifi:before {
  content: "\ea92";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-wifi-slash:before {
  content: "\ea91";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-wrench:before {
  content: "\ea01";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-wrench-screw-driver:before {
  content: "\e9a0";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-zoom-in:before {
  content: "\ea02";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

.f-zoom-out:before {
  content: "\ea03";
  font-family: var(--f-icon-font-family, "fanoos-solid");
}

@font-face {
  font-family: fanoos;
  src: url("/assets/fonts/fanoos/fa-num/fanoos-light.woff2?v=4d70c7fc-18118-218145") format("woff2"),url("/assets/fonts/fanoos/fa-num/fanoos-light.woff?v=4d70c7fc-18118-218145") format("woff"),url("/assets/fonts/fanoos/fa-num/fanoos-light.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: fanoos;
  src: url("/assets/fonts/fanoos/fa-num/fanoos-regular.woff2?v=4d70c7fc-18118-218145") format("woff2"),url("/assets/fonts/fanoos/fa-num/fanoos-regular.woff?v=4d70c7fc-18118-218145") format("woff"),url("/assets/fonts/fanoos/fa-num/fanoos-regular.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: fanoos;
  src: url("/assets/fonts/fanoos/fa-num/fanoos-semi-bold.woff2?v=4d70c7fc-18118-218145") format("woff2"),url("/assets/fonts/fanoos/fa-num/fanoos-semi-bold.woff?v=4d70c7fc-18118-218145") format("woff"),url("/assets/fonts/fanoos/fa-num/fanoos-semi-bold.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: fanoos;
  src: url("/assets/fonts/fanoos/fa-num/fanoos-bold.woff2?v=4d70c7fc-18118-218145") format("woff2"),url("/assets/fonts/fanoos/fa-num/fanoos-bold.woff?v=4d70c7fc-18118-218145") format("woff"),url("/assets/fonts/fanoos/fa-num/fanoos-bold.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: fanoos;
  src: url("/assets/fonts/fanoos/fa-num/fanoos-extra-bold.woff2?v=4d70c7fc-18118-218145") format("woff2"),url("/assets/fonts/fanoos/fa-num/fanoos-extra-bold.woff?v=4d70c7fc-18118-218145") format("woff"),url("/assets/fonts/fanoos/fa-num/fanoos-extra-bold.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: kara;
  src: url("/assets/fonts/kara/fa-num/kara-light.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: kara;
  src: url("/assets/fonts/kara/fa-num/kara-regular.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: kara;
  src: url("/assets/fonts/kara/fa-num/kara-semi-bold.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: kara;
  src: url("/assets/fonts/kara/fa-num/kara-bold.ttf?v=4d70c7fc-18118-218145") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
:root {
  --f-font-family: fanoos;
  --f-font-line-height: 1.6;
  --f-font-feature-settings: "ss01" 1;
}

:root {
  --f-root-font-size: 14px;
  font-size: var(--f-root-font-size, 14px);
}

:root {
  --f-T10: 0.625rem;
  --f-T11: 0.6875rem;
  --f-T12: 0.75rem;
  --f-T14: 0.875rem;
  --f-T16: 1rem;
  --f-T18: 1.125rem;
  --f-T20: 1.25rem;
  --f-T23: 1.4375rem;
  --f-T26: 1.625rem;
  --f-T29: 1.8125rem;
  --f-T33: 2.0625rem;
  --f-T37: 2.3125rem;
  --f-T42: 2.625rem;
  --f-T47: 2.9375rem;
  --f-T53: 3.3125rem;
  --f-T60: 3.75rem;
  --f-T68: 4.25rem;
}

:root {
  --f-font-weight-light: 300;
  --f-font-weight-regular: 400;
  --f-font-weight-semi-bold: 600;
  --f-font-weight-bold: 700;
}

.f-typo-fa-num {
  --f-font-feature-settings: 'ss01' 1;
}

.f-typo-en-num {
  --f-font-feature-settings: 'ss01' 0;
}

:root {
  --ff-primary-10: 222 100% 98%;
  --ff-primary-20: 225 100% 96%;
  --ff-primary-30: 228 100% 90%;
  --ff-primary-40: 231 100% 84%;
  --ff-primary-50: 234 100% 72%;
  --ff-primary-60: 237 100% 59%;
  --ff-primary-70: 240 79% 52%;
  --ff-primary-80: 243 77% 42%;
  --ff-primary-90: 246 80% 33%;
  --ff-primary-100: 246 80% 33%;
  --ff-neutral-10: 0 0% 100%;
  --ff-neutral-20: 210 11% 96%;
  --ff-neutral-30: 204 14% 93%;
  --ff-neutral-40: 207 13% 83%;
  --ff-neutral-50: 210 12% 73%;
  --ff-neutral-60: 214 9% 53%;
  --ff-neutral-70: 217 12% 35%;
  --ff-neutral-80: 219 13% 31%;
  --ff-neutral-90: 221 15% 25%;
  --ff-neutral-100: 225 16% 20%;
  --ff-neutral-110: 227 18% 15%;
  --ff-neutral-120: 233 19% 9%;
  --ff-neutral-130: 0 0% 8%;
  --ff-neutral-140: 0 0% 0%;
  --ff-gray-10: 200 23% 97%;
  --ff-gray-20: 203 29% 95%;
  --ff-gray-30: 206 22% 86%;
  --ff-gray-40: 209 20% 77%;
  --ff-gray-50: 213 18% 62%;
  --ff-gray-60: 215 16% 47%;
  --ff-gray-70: 219 21% 41%;
  --ff-gray-80: 224 40% 24%;
  --ff-gray-100: 226 52% 16%;
  --ff-gray-110: 231 64% 10%;
  --ff-cyan-10: 162 63% 97%;
  --ff-cyan-20: 161 58% 93%;
  --ff-cyan-30: 164 59% 83%;
  --ff-cyan-40: 167 59% 73%;
  --ff-cyan-50: 170 55% 55%;
  --ff-cyan-60: 173 80% 40%;
  --ff-cyan-70: 176 81% 36%;
  --ff-cyan-80: 179 85% 29%;
  --ff-cyan-90: 182 86% 23%;
  --ff-cyan-100: 185 91% 17%;
  --ff-cyan-110: 188 93% 11%;
  --ff-orange-10: 42 100% 97%;
  --ff-orange-20: 37 100% 95%;
  --ff-orange-30: 35 100% 88%;
  --ff-orange-40: 31 94% 81%;
  --ff-orange-50: 28 96% 67%;
  --ff-orange-60: 25 95% 53%;
  --ff-orange-70: 22 85% 47%;
  --ff-orange-80: 19 87% 39%;
  --ff-orange-90: 16 90% 31%;
  --ff-orange-100: 13 93% 23%;
  --ff-orange-110: 10 95% 14%;
  --ff-purple-10: 285 100% 98%;
  --ff-purple-20: 283 100% 96%;
  --ff-purple-30: 281 87% 91%;
  --ff-purple-40: 277 92% 86%;
  --ff-purple-50: 274 92% 75%;
  --ff-purple-60: 271 91% 65%;
  --ff-purple-70: 268 70% 57%;
  --ff-purple-80: 265 60% 46%;
  --ff-purple-90: 262 66% 35%;
  --ff-purple-100: 259 74% 25%;
  --ff-purple-110: 256 82% 15%;
  --ff-green-10: 132 63% 97%;
  --ff-green-20: 129 64% 94%;
  --ff-green-30: 133 63% 84%;
  --ff-green-40: 136 63% 76%;
  --ff-green-50: 139 60% 60%;
  --ff-green-60: 142 71% 45%;
  --ff-green-70: 145 74% 40%;
  --ff-green-80: 148 77% 33%;
  --ff-green-90: 151 81% 25%;
  --ff-green-100: 154 85% 19%;
  --ff-green-110: 157 90% 12%;
  --ff-citron-10: 66 63% 97%;
  --ff-citron-20: 73 70% 94%;
  --ff-citron-30: 75 67% 85%;
  --ff-citron-40: 78 68% 75%;
  --ff-citron-50: 81 65% 59%;
  --ff-citron-60: 84 81% 44%;
  --ff-citron-70: 87 82% 40%;
  --ff-citron-80: 90 85% 32%;
  --ff-citron-90: 93 86% 26%;
  --ff-citron-100: 97 90% 19%;
  --ff-citron-110: 99 93% 12%;
  --ff-red-10: 9 100% 97%;
  --ff-red-20: 5 79% 95%;
  --ff-red-30: 4 85% 87%;
  --ff-red-40: 1 81% 79%;
  --ff-red-50: 358 84% 64%;
  --ff-red-60: 355 84% 49%;
  --ff-red-70: 352 85% 44%;
  --ff-red-80: 349 87% 36%;
  --ff-red-90: 346 90% 29%;
  --ff-red-100: 343 93% 21%;
  --ff-red-110: 340 94% 13%;
  --ff-blue-10: 185 100% 97%;
  --ff-blue-20: 185 79% 95%;
  --ff-blue-30: 190 85% 87%;
  --ff-blue-40: 193 82% 78%;
  --ff-blue-50: 196 84% 63%;
  --ff-blue-60: 199 89% 48%;
  --ff-blue-70: 202 91% 43%;
  --ff-blue-80: 205 92% 35%;
  --ff-blue-90: 208 92% 29%;
  --ff-blue-100: 211 94% 21%;
  --ff-blue-110: 214 97% 13%;
  --ff-bg-01: hsla(var(--ff-neutral-30));
  --ff-bg-02: hsla(var(--ff-neutral-10));
  --ff-bg-03: hsla(var(--ff-neutral-10));
  --ff-text-01: hsla(var(--ff-neutral-130));
  --ff-text-02: hsla(var(--ff-neutral-110));
  --ff-text-03: hsla(var(--ff-neutral-70));
  --ff-text-04: hsla(var(--ff-neutral-60));
  --ff-text-05: hsla(var(--ff-neutral-10));
  --ff-text-06: hsla(var(--ff-neutral-50));
  --ff-text-07: hsla(var(--ff-neutral-80));
  --ff-fill-01: hsla(var(--ff-neutral-30));
  --ff-fill-02: hsla(var(--ff-neutral-20));
  --ff-fill-03: hsla(var(--ff-neutral-10));
  --ff-fill-04: hsla(var(--ff-neutral-90));
  --ff-fill-05: hsla(var(--ff-neutral-40));
  --ff-fill-06: hsla(var(--ff-neutral-80));
  --ff-fill-07: hsla(var(--ff-neutral-100));
  --ff-line-01: hsla(var(--ff-neutral-60));
  --ff-line-02: hsla(var(--ff-neutral-40));
  --ff-line-03: hsla(var(--ff-neutral-70));
  --ff-line-04: hsla(var(--ff-neutral-50));
  --ff-line-05: hsla(var(--ff-neutral-30));
  --ff-primary-rest: hsla(var(--ff-primary-60));
  --ff-primary-accent-25: hsla(var(--ff-primary-60) / 0.25);
  --ff-primary-rest-on-surface: hsla(var(--ff-primary-70));
  --ff-primary-hover-fill: hsla(var(--ff-primary-70));
  --ff-primary-selected-fill: hsla(var(--ff-primary-20));
  --ff-primary-hover-selected-fill-01: hsla(var(--ff-primary-30));
  --ff-primary-hover-selected-fill-02: hsla(var(--ff-primary-20));
  --ff-primary-hover-selected-fill-03: hsla(var(--ff-primary-60) / 0.16);
  --ff-primary-hover-on-surface: hsla(var(--ff-primary-50));
  --ff-primary-pressed-fill: hsla(var(--ff-primary-80));
  --ff-primary-disable-fill: hsla(var(--ff-primary-60) / 0.4);
  --ff-neutral-hover-fill-01: hsla(var(--ff-neutral-40));
  --ff-neutral-hover-fill-02: hsla(var(--ff-neutral-50));
  --ff-neutral-hover-fill-03: hsla(var(--ff-neutral-90));
  --ff-neutral-hover-fill-04: hsla(var(--ff-neutral-70) / 0.08);
  --ff-neutral-border-hover: hsla(var(--ff-neutral-120) / 0.2);
  --ff-neutral-hover-on-surface: hsla(var(--ff-neutral-80));
  --ff-neutral-focused-fill: hsla(var(--ff-neutral-10));
  --ff-neutral-disabled-fill-01: hsla(var(--ff-neutral-30) / 0.3);
  --ff-neutral-disabled-fill-02: hsla(var(--ff-neutral-60));
  --ff-neutral-disabled-fill-03: hsla(var(--ff-neutral-40) / 0.3);
  --ff-neutral-disabled-on-surface-01: hsla(var(--ff-neutral-80));
  --ff-neutral-disabled-on-surface-02: hsla(var(--ff-neutral-70));
  --ff-neutral-disabled-stroke: hsla(var(--ff-neutral-60) / 0.3);
  --ff-neutral-pressed-fill: hsla(var(--ff-neutral-130) / 0.6);
  --ff-error-fill: hsla(var(--ff-red-10));
  --ff-error-on-surface: hsla(var(--ff-red-60));
  --ff-error-border: hsla(var(--ff-red-30));
  --ff-warning-fill: hsla(var(--ff-red-60));
  --ff-warning-on-surface: hsla(var(--ff-red-60));
  --ff-success-fill: hsla(var(--ff-red-60));
  --ff-success-on-surface: hsla(var(--ff-red-60));
  --ff-information-fill: hsla(var(--ff-red-60));
  --ff-information-on-surface: hsla(var(--ff-red-60));
  --ff-space-1: 0.125rem;
  --ff-space-2: 0.25rem;
  --ff-space-3: 0.5rem;
  --ff-space-4: 0.75rem;
  --ff-space-5: 1rem;
  --ff-space-6: 1.5rem;
  --ff-space-7: 2rem;
  --ff-space-8: 2.5rem;
  --ff-space-9: 3rem;
  --ff-space-10: 4rem;
  --ff-space-11: 5rem;
  --ff-space-12: 6rem;
  --ff-space-13: 7rem;
  --ff-space-14: 0.375rem;
  --ff-shadow-04: 0px 2px 4px hsla(var(--ff-neutral-140) / 0.16);
  --ff-shadow-08: 0px 0px 4px hsla(var(--ff-neutral-140) / 0.08) , 0px 0px 8px hsla(var(--ff-neutral-140) / 0.16);
  --ff-shadow-12: 0px 2px 12px hsla(var(--ff-neutral-140) / 0.08);
  --ff-shadow-16: 0px 2px 4px hsla(var(--ff-neutral-140) / 0.08) , 0px 4px 8px hsla(var(--ff-neutral-140) / 0.08) , 0px 8px 16px hsla(var(--ff-neutral-140) / 0.16);
  --ff-shadow-32: 0px 4px 16px hsla(var(--ff-neutral-140) / 0.08) , 0px 12px 32px hsla(var(--ff-neutral-140) / 0.16);
  --ff-shadow-64: 0px 2px 8px hsla(var(--ff-neutral-140) / 0.02) , 0px 4px 16px hsla(var(--ff-neutral-140) / 0.04) , 0px 8px 32px hsla(var(--ff-neutral-140) / 0.08) 0px 16px 64px hsla(var(--ff-neutral-140) / 0.16);
  --ff-radius-0: 0;
  --ff-radius-2: 0.125rem;
  --ff-radius-4: 0.25rem;
  --ff-radius-6: 0.375rem;
  --ff-radius-8: 0.5rem;
  --ff-radius-16: 1rem;
  --ff-radius-circular: 50%;
  --ff-radius-round: 100rem;
  --ff-toolbar-height: 3rem;
}

body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  height: 100%;
}

button {
  font-size: 1em;
  font-family: inherit;
  box-shadow: none;
  border: none;
  border-style: none;
  outline: none;
  background: none;
  background-color: inherit;
  color: inherit;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

.f-table {
  display: table;
  overflow: auto;
  border-collapse: collapse;
}
.f-table thead {
  color: var(--f-text-01);
}
.f-table thead > tr {
  background-color: var(--f-fill-03);
  border-bottom: 1px solid var(--f-line-01);
}
.f-table tr td, .f-table th {
  font-size: var(--f-T12);
  font-weight: var(--f-font-weight-semi-bold);
  white-space: nowrap;
  padding: 0 var(--f-space-400);
  height: 2rem;
  user-select: none;
  border-bottom: 1px solid var(--f-line-02);
}
html[dir=rtl] .f-table tr td, html[dir=rtl] .f-table th {
  text-align: right;
}
html[dir=ltr] .f-table tr td, html[dir=ltr] .f-table th {
  text-align: left;
}
.f-table th {
  color: var(--f-text-01);
  z-index: 1;
}
.f-table tr {
  background-color: var(--f-fill-03);
}
.f-table tbody tr {
  color: var(--f-text-01);
}
.f-table tbody tr td:first-of-type {
  position: relative;
}
.f-table tbody tr td:first-of-type:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.f-table tbody tr.selected {
  background-color: var(--f-primary-selected-fill);
}
.f-table:not(.hoverless) tr:hover > td {
  background-color: var(--f-neutral-hover);
}
.f-table:not(.hoverless) tr:hover:active > td, .f-table:not(.hoverless) tr:hover:focus > td {
  background-color: var(--f-neutral-hover);
}
.f-table:not(.hoverless) tr.selected:hover {
  background-color: var(--f-primary-hover-selected-fill);
}

* {
  font-family: var(--f-font-family);
  line-height: var(--f-font-line-height);
  font-feature-settings: var(--f-font-feature-settings);
}

/*# sourceMappingURL=index.css.map */