:root {

  /* Fonts */
  --font-primary: "Open Sans", sans-serif;
  --font-secondary: "Geist", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-manrope: "Manrope", sans-serif;
  --font-lato: "Lato", sans-serif;

  /* Font sizes */
  --font-size-14: 14px;
  --font-size-12: 12px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-40: 40px;
  --font-size-28: 28px;
  --font-size-30: 30px;

  /* Font weights */
  --font-weight-400: 400;
  --font-weight-600: 600;
  --font-weight-500: 500;
  --font-weight-700: 700;

  /* Line heights */
  --line-height-20: 20px;
  --line-height-16: 16px;
  --line-height-24: 24px;
  --line-height-18: 18px;
  --line-height-28: 28px;
  --line-height-14: 14px;
  --line-height-32: 32px;
  --line-height-19-6: 19.6px;
  --line-height-36: 36px;
  --line-height-48: 48px;
  --line-height-33-6: 33.6px;
  --line-height-28-8: 28.8px;

  /* Letter spacings */
  --letter-spacing-0: 0px;
  --letter-spacing-0-5: 0.5px;
  --letter-spacing-0-1: -0.1px;

  /* Colors */
  --color-0: #373737;
  --color-1: #0a0a0a;
  --color-2: #737373;
  --color-3: #ffffff;
  --color-4: #727272;
  --color-5: #3f404d;
  --color-6: #00acaa;
  --color-7: #171717;
  --color-8: #000000;
  --color-9: #f5f5f5;
  --color-10: #64748b;
  --color-11: #008236;
  --color-12: #1d1c1b;
  --color-13: #f2fbfb;
  --color-14: #feda04;
  --color-15: #939393;
  --color-16: #f2f1f0;
  --color-17: #fafafa;
  --color-18: #61605f;
  --color-19: #f6f6f9;
  --color-20: #d97706;
  --color-21: #fbfbfb;
  --color-22: #131414;
  --color-23: #dcfce7;
  --color-24: #374151;
  --color-25: #1447e6;
  --color-26: #603387;
  --color-27: #dbeafe;
  --color-28: #141316;
  --color-29: #fffdf5;
  --color-30: #1e293b;
  --color-31: #f8fafc;
  --color-32: #dc2626;
  --color-33: #16a34a;
  --color-34: #a7dddf;
  --color-35: #a65f00;
  --color-36: #ffe397;
  --color-37: #f9fafb;
  --color-38: #404040;
  --color-39: #e3d6e8;
  --color-40: #d94b4b;
  --color-41: #d4d4d4;
  --color-42: #900bc4;
  --color-43: #e5e5e5;
  --color-44: #696969;
  --color-45: #898989;
  --color-46: #943f90;
  --color-47: #f6d375;
  --color-48: #f9edfd;
  --color-49: #52336d;
  --color-50: #ece2d9;
  --color-51: #34231c;
  --color-52: #6e6b6b;
  --color-53: #c2c2c2;
  --color-54: #e9730c;
  --color-55: #1d1b20;
  --color-56: #2a2c30;
  --color-57: #4baf4f;
  --color-58: #0071b9;
  --color-59: #faec9c;
  --color-60: #7aaeab;
  --color-61: #671fbd;
  --color-62: #6d34a0;
  --color-63: #a3a3a3;
  --color-64: #0077ff;
  --color-65: #27a6e5;
  --color-66: #14c7ce;
  --color-67: #04746e;
  --color-68: #f3f5f6;
  --color-69: #f2edf5;
  --color-sidebar-active-bg: var(--color-13);
  --color-sidebar-active-icon: var(--color-6);
  --color-sidebar-camera-bg: var(--color-16);

  /* Radius */
  --radius-8: 8px;
  --radius-9999: 9999px;
  --radius-14: 14px;
  --radius-6: 6px;
  --radius-10: 10px;
  --radius-1: 1px;
  --radius-99: 99px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-0-7: 0.7px;
  --radius-1-3: 1.3px;
  --radius-0-5: 0.5px;
  --radius-24: 24px;
  --radius-6666: 6666px;
  --radius-21-5: 21.5px;
  --radius-32: 32px;
  --radius-13332: 13332px;
  --radius-500: 500px;
  --radius-5: 5px;
  --radius-6999-3: 6999.3px;
  --radius-4-2: 4.2px;

  /* Spacing */
  --space-8: 8px;
  --space-4: 4px;
  --space-16: 16px;
  --space-24: 24px;
  --space-12: 12px;
  --space-2: 2px;
  --space-10: 10px;
  --space-6: 6px;
  --space-18: 18px;
  --space-32: 32px;
  --space-40: 40px;
  --space-7: 7px;
  --space-80: 80px;
  --space-54: 54px;
  --space-15: 15px;
  --space-9: 9px;
  --space-20: 20px;
  --space-1: 1px;
  --space-25: 25px;
  --space-17: 17px;
  --space-0: 0px;
  --space-42: -42px;
  --space-3: 3px;
  --space-11: 11px;
  --space-120: 120px;
  --space-48: 48px;
  --space-60: 60px;
  --space-14: 14px;
  --space-115: 115px;
  --space-56: 56px;
  --space-57: 57px;
  --space-5-3: 5.3px;
  --space-36: 36px;
  --space-54-6: -54.6px;
  --space-50: 50px;
  --space-28: 28px;
  --space-10-7: 10.7px;
  --space-21: 21px;
  --space-96: 96px;
  --space-110: 110px;
  --space-76: 76px;
  --space-112: 112px;
  --space-114: 114px;
  --space-69: 69px;
  --space-155: 155px;
  --space-5: 5px;
  --space-125: 125px;
  --space-202: 202px;
  --space-166: 166px;
  --space-263: 263px;
  --space-23: 23px;
  --space-64: 64px;
  --space-22: 22px;
  --space-67: 67px;
  --space-37: 37px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.text-feedback-danger {
  color: var(--color-40);
}

html,
body {
  max-width: 100%;
}

body,
.app-shell {
  min-width: 0;
}

img,
video,
svg,
canvas,
iframe {
  max-width: 100%;
}

@media (max-width: 1100px) {
  html,
  body,
  .app-shell {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
}