:root {
  --primary-color-1: #111111;
  --primary-color-2: #444444;
  --primary-color-3: #666666;
  --primary-color-4: #ffffff;
  --primary-color-5: #dddddd;
  --secondary-color-1: #f7f7f7;
  --secondary-color-2: #ffffff;
  --secondary-color-3: #eeeeee;
  --border-radius-0: 0px;
  --border-radius-1: calc(5px + 0.07vw);
  --border-radius-2: calc(6px + 0.14vw);
  --border-radius-3: calc(8px + 0.14vw);
  --border-radius-4: calc(10px + 0.14vw);
  --border-radius-5: calc(14px + 0.14vw);
  --border-radius-6: calc(16px + 0.28vw);
  --dimension-1: calc(48px + 0.83vw);
  --dimension-2: calc(38px + 0.69vw);
  --dimension-3: calc(32px + 0.56vw);
  --dimension-4: calc(28px + 0.28vw);
  --dimension-5: calc(20px + 0.28vw);
  --dimension-6: calc(18px + 0.14vw);
  --dimension-7: calc(10px + 0.14vw);
  --spacing-1: calc(32px + 5.00vw);
  --spacing-2: calc(30px + 2.92vw);
  --spacing-3: calc(28px + 2.22vw);
  --spacing-4: calc(26px + 1.53vw);
  --spacing-5: calc(30px + 0.69vw);
  --spacing-6: calc(28px + 0.56vw);
  --spacing-7: calc(24px + 0.56vw);
  --spacing-8: calc(20px + 0.56vw);
  --spacing-9: calc(18px + 0.42vw);
  --spacing-10: calc(16px + 0.28vw);
  --spacing-11: calc(12px + 0.28vw);
  --spacing-12: calc(10px + 0.14vw);
  --spacing-13: calc(8px + 0.14vw);
  --spacing-14: calc(6px + 0.14vw);
  --spacing-15: calc(4px + 0.14vw);
  --spacing-16: calc(3px + 0.07vw);
  --spacing-17: calc(1px + 0.07vw);
  --space-1: var(--spacing-1);
  --space-2: var(--spacing-2);
  --space-3: var(--spacing-3);
  --space-4: var(--spacing-4);
  --space-5: var(--spacing-5);
  --space-6: var(--spacing-6);
  --space-7: var(--spacing-7);
  --space-8: var(--spacing-8);
  --space-9: var(--spacing-9);
  --space-10: var(--spacing-10);
  --space-11: var(--spacing-11);
  --space-12: var(--spacing-12);
  --space-13: var(--spacing-13);
  --space-14: var(--spacing-14);
  --space-15: var(--spacing-15);
  --space-16: var(--spacing-16);
  --space-17: var(--spacing-17);
  --font-size-1: calc(42px + 3.47vw);
  --font-size-2: calc(40px + 2.22vw);
  --font-size-3: calc(36px + 1.94vw);
  --font-size-4: calc(34px + 0.97vw);
  --font-size-5: calc(32px + 0.56vw);
  --font-size-6: calc(28px + 0.56vw);
  --font-size-7: calc(24px + 0.28vw);
  --font-size-8: calc(21px + 0.21vw);
  --font-size-9: calc(18px + 0.14vw);
  --font-size-10: calc(16px + 0.14vw);
  --font-size-11: calc(14px + 0.14vw);
  --font-size-12: calc(12px + 0.14vw);
  --font-size-13: calc(11px + 0.14vw);
  --font-size-14: calc(10px + 0.14vw);
  --font-size-15: calc(9px + 0.07vw);
  --fontsizes-1: var(--font-size-1);
  --fontsizes-2: var(--font-size-2);
  --fontsizes-3: var(--font-size-3);
  --fontsizes-4: var(--font-size-4);
  --fontsizes-5: var(--font-size-5);
  --fontsizes-6: var(--font-size-6);
  --fontsizes-7: var(--font-size-7);
  --fontsizes-8: var(--font-size-8);
  --fontsizes-9: var(--font-size-9);
  --fontsizes-10: var(--font-size-10);
  --fontsizes-11: var(--font-size-11);
  --fontsizes-12: var(--font-size-12);
  --fontsizes-13: var(--font-size-13);
  --fontsizes-14: var(--font-size-14);
  --fontsizes-15: var(--font-size-15);
  --letter-spacing-1: -0.02em;
  --letter-spacing-2: -0.015em;
  --letter-spacing-3: -0.012em;
  --letter-spacing-4: -0.01em;
  --letter-spacing-5: -0.005em;
  --letter-spacing-6: 0.06em;
  --line-height-1: 90%;
  --line-height-2: 100%;
  --line-height-3: 110%;
  --line-height-4: 130%;
  --line-height-5: 150%;
  --line-height-6: 160%;
  --font-family-1: Georgia, serif;
  --font-family-2: Arial, sans-serif;
  --font-family-3: var(--font-family-2);
  --font-family-4: "Font Awesome 6 Pro", "Font Awesome 6 Free";
  --font-weight-1: 200;
  --font-weight-2: 300;
  --font-weight-3: 400;
  --font-weight-4: 500;
  --font-weight-5: 700;
}

:root {
  --bg-bc-1: var(--secondary-color-1);
  --bc-1: var(--secondary-color-1);
  --bg-bc-2: var(--secondary-color-2);
  --bc-2: var(--secondary-color-2);
  --bg-bc-3: var(--secondary-color-3);
  --bc-3: var(--secondary-color-3);
  --pc-1: var(--primary-color-1);
  --pc-1-hover: color-mix(in srgb, var(--primary-color-1) 88%, white);
  --pc-1-active: color-mix(in srgb, var(--primary-color-1) 82%, black);
  --pc-1-disabled: color-mix(in srgb, var(--primary-color-1) 45%, white);
  --pc-2: var(--primary-color-2);
  --pc-2-hover: color-mix(in srgb, var(--primary-color-2) 88%, white);
  --pc-2-active: color-mix(in srgb, var(--primary-color-2) 82%, black);
  --pc-2-disabled: color-mix(in srgb, var(--primary-color-2) 45%, white);
  --pc-3: var(--primary-color-3);
  --pc-3-hover: color-mix(in srgb, var(--primary-color-3) 88%, white);
  --pc-3-active: color-mix(in srgb, var(--primary-color-3) 82%, black);
  --pc-3-disabled: color-mix(in srgb, var(--primary-color-3) 45%, white);
  --pc-4: var(--primary-color-4);
  --pc-4-hover: color-mix(in srgb, var(--primary-color-4) 88%, white);
  --pc-4-active: color-mix(in srgb, var(--primary-color-4) 82%, black);
  --pc-4-disabled: color-mix(in srgb, var(--primary-color-4) 45%, white);
  --pc-5: var(--primary-color-5);
  --pc-5-hover: color-mix(in srgb, var(--primary-color-5) 88%, white);
  --pc-5-active: color-mix(in srgb, var(--primary-color-5) 82%, black);
  --pc-5-disabled: color-mix(in srgb, var(--primary-color-5) 45%, white);
  --sc-1: var(--secondary-color-1);
  --sc-1-hover: var(--secondary-color-1);
  --sc-1-active: var(--secondary-color-1);
  --sc-1-disabled: var(--secondary-color-1);
  --sc-2: var(--secondary-color-2);
  --sc-2-hover: var(--secondary-color-2);
  --sc-2-active: var(--secondary-color-2);
  --sc-2-disabled: var(--secondary-color-2);
  --sc-3: var(--secondary-color-3);
  --sc-3-hover: var(--secondary-color-3);
  --sc-3-active: var(--secondary-color-3);
  --sc-3-disabled: var(--secondary-color-3);
  --overlay-header: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 35.99%,
    rgba(0, 0, 0, 0.2) 67.18%
  );
  --overlay-1: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 35.99%,
    rgba(0, 0, 0, 0.2) 67.18%
  );
  --opacity-1: rgba(0, 0, 0, 0.1);
  --opacity-2: rgba(0, 0, 0, 0.2);
  --opacity-3: rgba(255, 255, 255, 0.2);
  --border-1: solid 1px var(--pc-1);
  --border-2: solid 1px var(--opacity-2);
  --border-3: solid 1px var(--pc-4);
  --border-4: solid 1px var(--pc-2);
  --border-5: solid 1px var(--pc-3);
  --border-6: solid 1px var(--opacity-3);
  --font-family-1: Georgia, serif;
  --font-family-2: Arial, sans-serif;
  --header-height: 0px;
}

/***
    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

/* Fix mobile Safari increase font-size on landscape mode */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu, summary {
  list-style: none;
}

/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
ol {
  counter-reset: revert;
}

/* For images to not be able to exceed their container */
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
  -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
  all: revert;
  box-sizing: border-box;
}

/* reset default text opacity of input placeholder */
::-moz-placeholder {
  color: unset;
}
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none !important;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

/* Remove details summary webkit styles */
::-webkit-details-marker {
  display: none;
}/*# sourceMappingURL=app.css.map */