@charset "UTF-8";

/* src/styles.scss */
:root {
  --color-static-white: #ffffff;
  --color-static-black: #000000;
  --color-primary-l2: #ff9c5a;
  --color-primary-l1: #ff761a;
  --color-primary: #ff531a;
  --color-primary-d1: #f03c00;
  --color-primary-d2: #c93300;
  --gradient-primary:
    linear-gradient(
      90deg,
      #ff761a 0%,
      #ff531a 100%);
  --color-red: #ef4444;
  --color-red-2: #dc2626;
  color-scheme: dark;
  --color-white: #ffffff;
  --color-gray-0: #ffffff;
  --color-gray-50: #fbfdff;
  --color-gray-100: #eff3f7;
  --color-gray-200: #e0e4e9;
  --color-gray-300: #c5c9cd;
  --color-gray-400: #a9adb1;
  --color-gray-500: #76797d;
  --color-gray-600: #5d6064;
  --color-gray-700: #46494c;
  --color-gray-800: #2f3235;
  --color-gray-900: #1d1b20;
  --color-black: #000000;
  --black-white-950: #000000;
  --fg-rgb: 255 255 255;
  --bg-rgb: 0 0 0;
  --surface-base: #000000;
  --surface-1: #1c1c1e;
  --surface-2: #2c2c2e;
  --surface-3: #3a3a3c;
  --surface-inset: rgb(var(--fg-rgb) / 0.04);
  --surface-hover: rgb(var(--fg-rgb) / 0.08);
  --surface-active: rgb(var(--fg-rgb) / 0.14);
  --surface-disabled: #5a5e62;
  --surface-sidebar: #000000;
  --surface-navbar: #000000;
  --surface-tabbar: #161616;
  --text-primary: #ffffff;
  --text-secondary: #c7c7cc;
  --text-muted: #8e8e93;
  --text-faint: rgb(var(--fg-rgb) / 0.45);
  --text-on-primary: #000000;
  --text-on-accent-surface: #ffffff;
  --border-subtle: rgb(var(--fg-rgb) / 0.06);
  --border-default: #2f3235;
  --border-strong: #46494c;
  --scrim: rgb(0 0 0 / 0.72);
  --shadow-alpha: 1;
  --shadow-sm: 0 1px 3px rgb(0 0 0 / 0.25);
  --shadow-md: 0 8px 20px rgb(0 0 0 / 0.35);
  --shadow-lg: 0 12px 32px rgb(0 0 0 / 0.5);
  --overlay-media: rgb(0 0 0 / 0.45);
  --overlay-media-strong: rgb(0 0 0 / 0.6);
  --store-surface: #4a3728;
  --store-surface-hover: #5c4433;
  --store-border: transparent;
  --store-text: #ffffff;
  --danger-surface: rgb(239 68 68 / 0.15);
  --danger-border: rgb(239 68 68 / 0.35);
  --danger-text: #fecaca;
  --warning-surface: rgb(245 158 11 / 0.12);
  --warning-border: rgb(245 158 11 / 0.35);
  --warning-text: #fcd34d;
  --success-surface: rgb(34 197 94 / 0.14);
  --success-border: rgb(34 197 94 / 0.35);
  --success-text: #86efac;
  --primary-surface: rgb(255 83 26 / 0.12);
  --primary-surface-strong: rgb(255 83 26 / 0.25);
  --primary-border: rgb(255 83 26 / 0.35);
  --color-background: var(--surface-base);
  --color-background-alt: var(--surface-1);
  --color-surface: var(--surface-1);
  --color-surface-muted: var(--surface-2);
  --color-text: var(--text-primary);
  --color-text-muted: var(--text-muted);
  --color-text-inverse: var(--text-primary);
  --color-border: var(--border-default);
  --color-icon: var(--text-muted);
  --color-muted: var(--text-muted);
  --color-accent: var(--color-primary);
  --color-error: var(--color-red);
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --scrollbar-size: 10px;
  --scrollbar-thumb: var(--color-primary);
  --scrollbar-thumb-hover: var(--color-primary-l1);
  --scrollbar-track: #46494c;
  --brand-watermark-image: url(/images/givo-logo-white.png);
  --brand-watermark-opacity: 0.09;
  --brand-watermark-width: min(40vw, 300px);
  --brand-watermark-height: 100px;
  --navbar-height: 64px;
  --sidebar-width: 256px;
  --layout-content-max-width: 1280px;
  --layout-form-max-width: 1080px;
  --layout-settings-panel-max-width: 760px;
  --layout-article-max-width: 840px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-section-label: 0.8125rem;
  --font-size-card-title: 1.0625rem;
}
:root[data-theme=light] {
  color-scheme: light;
  --color-white: #1d1b20;
  --color-gray-0: #1d1b20;
  --color-gray-50: #2f3235;
  --color-gray-100: #3a3d41;
  --color-gray-200: #46494c;
  --color-gray-300: #5d6064;
  --color-gray-400: #6c7075;
  --color-gray-500: #74787d;
  --color-gray-600: #bcc3cb;
  --color-gray-700: #d3d9e0;
  --color-gray-800: #e3e7ec;
  --color-gray-900: #eef1f5;
  --color-black: #f4f5f8;
  --black-white-950: #f4f5f8;
  --fg-rgb: 0 0 0;
  --bg-rgb: 255 255 255;
  --surface-base: #f4f5f8;
  --surface-1: #ffffff;
  --surface-2: #ffffff;
  --surface-3: #eef0f4;
  --surface-inset: rgb(var(--fg-rgb) / 0.03);
  --surface-hover: rgb(var(--fg-rgb) / 0.05);
  --surface-active: rgb(var(--fg-rgb) / 0.09);
  --surface-disabled: #c9ced4;
  --surface-sidebar: #ffffff;
  --surface-navbar: #ffffff;
  --surface-tabbar: #ffffff;
  --text-primary: #1d1b20;
  --text-secondary: #46494c;
  --text-muted: #6c7075;
  --text-faint: rgb(var(--fg-rgb) / 0.45);
  --text-on-primary: #ffffff;
  --text-on-accent-surface: #c93300;
  --border-subtle: rgb(var(--fg-rgb) / 0.07);
  --border-default: #e2e5ea;
  --border-strong: #ccd1d7;
  --scrim: rgb(0 0 0 / 0.45);
  --shadow-alpha: 0.3;
  --shadow-sm: 0 1px 2px rgb(16 24 40 / 0.08);
  --shadow-md: 0 6px 16px rgb(16 24 40 / 0.1);
  --shadow-lg: 0 12px 32px rgb(16 24 40 / 0.14);
  --store-surface: #f6ebe1;
  --store-surface-hover: #eeddcd;
  --store-border: #e4d3c3;
  --store-text: #4a3728;
  --danger-surface: rgb(239 68 68 / 0.1);
  --danger-border: rgb(239 68 68 / 0.3);
  --danger-text: #b42318;
  --warning-surface: rgb(245 158 11 / 0.12);
  --warning-border: rgb(245 158 11 / 0.35);
  --warning-text: #92400e;
  --success-surface: rgb(34 197 94 / 0.12);
  --success-border: rgb(34 197 94 / 0.32);
  --success-text: #15803d;
  --primary-surface: rgb(255 83 26 / 0.09);
  --primary-surface-strong: rgb(255 83 26 / 0.16);
  --primary-border: rgb(255 83 26 / 0.3);
  --scrollbar-track: #e6e9ee;
  --brand-watermark-image: url(/images/givo-logo-orange.png);
  --brand-watermark-opacity: 0.07;
}
.theme-dark {
  color-scheme: dark;
  --color-white: #ffffff;
  --color-gray-0: #ffffff;
  --color-gray-50: #fbfdff;
  --color-gray-100: #eff3f7;
  --color-gray-200: #e0e4e9;
  --color-gray-300: #c5c9cd;
  --color-gray-400: #a9adb1;
  --color-gray-500: #76797d;
  --color-gray-600: #5d6064;
  --color-gray-700: #46494c;
  --color-gray-800: #2f3235;
  --color-gray-900: #1d1b20;
  --color-black: #000000;
  --black-white-950: #000000;
  --fg-rgb: 255 255 255;
  --bg-rgb: 0 0 0;
  --surface-base: #000000;
  --surface-1: #1c1c1e;
  --surface-2: #2c2c2e;
  --surface-3: #3a3a3c;
  --surface-inset: rgb(var(--fg-rgb) / 0.04);
  --surface-hover: rgb(var(--fg-rgb) / 0.08);
  --surface-active: rgb(var(--fg-rgb) / 0.14);
  --surface-disabled: #5a5e62;
  --surface-sidebar: #000000;
  --surface-navbar: #000000;
  --surface-tabbar: #161616;
  --text-primary: #ffffff;
  --text-secondary: #c7c7cc;
  --text-muted: #8e8e93;
  --text-faint: rgb(var(--fg-rgb) / 0.45);
  --text-on-primary: #000000;
  --text-on-accent-surface: #ffffff;
  --border-subtle: rgb(var(--fg-rgb) / 0.06);
  --border-default: #2f3235;
  --border-strong: #46494c;
  --scrim: rgb(0 0 0 / 0.72);
  --shadow-alpha: 1;
  --shadow-sm: 0 1px 3px rgb(0 0 0 / 0.25);
  --shadow-md: 0 8px 20px rgb(0 0 0 / 0.35);
  --shadow-lg: 0 12px 32px rgb(0 0 0 / 0.5);
  --overlay-media: rgb(0 0 0 / 0.45);
  --overlay-media-strong: rgb(0 0 0 / 0.6);
  --store-surface: #4a3728;
  --store-surface-hover: #5c4433;
  --store-border: transparent;
  --store-text: #ffffff;
  --danger-surface: rgb(239 68 68 / 0.15);
  --danger-border: rgb(239 68 68 / 0.35);
  --danger-text: #fecaca;
  --warning-surface: rgb(245 158 11 / 0.12);
  --warning-border: rgb(245 158 11 / 0.35);
  --warning-text: #fcd34d;
  --success-surface: rgb(34 197 94 / 0.14);
  --success-border: rgb(34 197 94 / 0.35);
  --success-text: #86efac;
  --primary-surface: rgb(255 83 26 / 0.12);
  --primary-surface-strong: rgb(255 83 26 / 0.25);
  --primary-border: rgb(255 83 26 / 0.35);
  --color-background: var(--surface-base);
  --color-background-alt: var(--surface-1);
  --color-surface: var(--surface-1);
  --color-surface-muted: var(--surface-2);
  --color-text: var(--text-primary);
  --color-text-muted: var(--text-muted);
  --color-text-inverse: var(--text-primary);
  --color-border: var(--border-default);
  --color-icon: var(--text-muted);
  --color-muted: var(--text-muted);
  --color-accent: var(--color-primary);
  --color-error: var(--color-red);
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --scrollbar-size: 10px;
  --scrollbar-thumb: var(--color-primary);
  --scrollbar-thumb-hover: var(--color-primary-l1);
  --scrollbar-track: #46494c;
  --brand-watermark-image: url(/images/givo-logo-white.png);
  --brand-watermark-opacity: 0.09;
  --brand-watermark-width: min(40vw, 300px);
  --brand-watermark-height: 100px;
}
@media (min-width: 2000px) {
  :root {
    --layout-content-max-width: 1480px;
    --layout-form-max-width: 1240px;
    --layout-settings-panel-max-width: 880px;
    --layout-article-max-width: 960px;
  }
}
@media (min-width: 2600px) {
  :root {
    --layout-content-max-width: 2200px;
    --layout-form-max-width: 1680px;
    --layout-settings-panel-max-width: 1040px;
    --layout-article-max-width: 1120px;
  }
}
* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
html,
body {
  height: 100%;
  margin: 0;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text);
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),
textarea,
select {
  font-family: var(--font-family);
  border-radius: var(--radius-md);
}
button,
input[type=button],
input[type=submit],
input[type=reset] {
  font-family: var(--font-family);
  font-size: var(--font-size-sm);
}
*::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}
*::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 100px;
  border: 2px solid var(--scrollbar-track);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
*::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-PBAY5E4G.css.map */