/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
/** deco image in _misc.scss name deco_XX **/
:root {
  /* Color palette. */
  --clr-white: #ffffff;
  --clr-black: #000000;
  --clr-gray-50: #f3f3f3;
  --clr-gray-100: #EFEFEF;
  --clr-gray-200: #C5C5C5;
  --clr-gray-300: #848484;
  --clr-gray-400: #707070;
  --clr-gray-500: #3a4243;
  --clr-gray-600: #343b3c;
  --clr-gray-700: #2c3232;
  --clr-gray-800: #232828;
  --clr-gray-900: #1c2021;
  --clr-social-fb: #4267B2;
  --clr-social-fb--hover: #898F9C;
  --clr-social-google: #DB4437;
  --clr-social-google--hover: #ec9b98;
  /* Color palette. */
  --color-white: #ffffff;
  --color-white-o-25: rgba(255, 255, 255, 0.25);
  --color-white-o-50: rgba(255, 255, 255, 0.50);
  --color-white-o-75: rgba(255, 255, 255, 0.75);
  --color-black: #000;
  --color-black-o-5: rgba(0, 0, 0, 0.05);
  --color-black-o-25: rgba(0, 0, 0, 0.25);
  --color-black-o-50: rgba(0, 0, 0, 0.50);
  --color-black-o-75: rgba(0, 0, 0, 0.75);
  --color-on-light: #000000;
  --color-on-dark: #ffffff;
  /* Main colors. */
  --color-primary: rgb(231, 65, 27);
  --color-primary-tr: oklch(from var(--color-primary) l c h / 15%);
  --color-on-primary: var(--color-on-light,#000000);
  --color-primary-light: oklch(from var(--color-primary) 60% c h);
  --color-primary-lighter: oklch(from var(--color-primary) 80% c h);
  --color-primary-dark: oklch(from var(--color-primary) 38% c h);
  --color-secondary: rgb(23, 109, 146);
  --color-secondary-tr: oklch(from var(--color-secondary) l c h / 80%);
  --color-on-secondary: var(--color-on-dark,#FFFFFF);
  --color-secondary-light: oklch(from var(--color-secondary) 59.36% c h);
  --color-secondary-lighter: oklch(from var(--color-secondary) 69.36% c h);
  --color-secondary-dark: oklch(from var(--color-secondary) 50% c h);
  --color-tertiary: rgb(231, 135, 27);
  --color-tertiary-tr: oklch(from var(--color-tertiary) l c h / 20%);
  --color-on-tertiary: var(--color-on-dark,#FFFFFF);
  --color-tertiary-light: oklch(from var(--color-tertiary) 100% c h);
  --color-tertiary-lighter: oklch(from var(--color-tertiary) 100% c h);
  --color-tertiary-dark: oklch(from var(--color-tertiary) 60.93% c h);
  --color-background: var(--color-white);
  --color-surface: var(--color-white);
  --color-light: var(--color-white);
  --color-cold: var(--color-white);
  --color-on-cold: var(--color-on-light);
  --color-dark: var(--color-black);
  --color-warm: var(--color-black);
  --color-on-warm: var(--color-on-dark);
  --color-error: rgb(196, 14, 26);
  --color-error-tr: oklch(from var(--color-error) l c h / 20%);
  --color-on-error: var(--color-on-dark,#FFFFFF);
  --color-error-light: oklch(from var(--color-error) 72% c h);
  --color-error-lighter: oklch(from var(--color-error) 82% c h);
  --color-error-dark: oklch(from var(--color-error) 32% c h);
  --color-warning: rgb(231, 135, 27);
  --color-warning-tr: oklch(from var(--color-warning) l c h / 20%);
  --color-on-warning: var(--color-on-light,#0000000);
  --color-warning-light: oklch(from var(--color-warning) 89% c h);
  --color-warning-lighter: oklch(from var(--color-warning) 100% c h);
  --color-warning-dark: oklch(from var(--color-warning) 49% c h);
  --color-success: rgb(19, 166, 78);
  --color-success-tr: oklch(from var(--color-success) l c h / 20%);
  --color-on-success: var(--color-on-light,#0000000);
  --color-success-light: oklch(from var(--color-success) 100% c h);
  --color-success-lighter: oklch(from var(--color-success) 100% c h);
  --color-success-dark: oklch(from var(--color-success) 41% c h);
  /* Typography colors. */
  --color-text:var( --color-black );
  --color-text-light:var( --color-on-dark);
  --color-headings: var( --color-primary);
  --color-headings-light: var( --color-primary);
  --color-text-dimmed: var( --color-primary-light);
  --color-headings-dimmed: var( --color-primary-light);
  --color-mark-background: var( --color-primary-light);
  --color-links: var( --color-primary);
  --color-links--hover: var(--color-black);
  /* Utility colors. */
  --color-accent: var( --color-primary);
  --color-border: var(--color-primary-light);
  --color-border-dark: var(--color-primary-dark);
  --color-disabled: #E5E2E2;
}

:root {
  --container--max-width: min(100% - 3rem, 1440px );
}

:where(html) {
  --size-000: -.5rem;
  --size-00: -.25rem;
  --size-1: .25rem;
  --size-2: .5rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.5rem;
  --size-6: 1.75rem;
  --size-7: 2rem;
  --size-8: 3rem;
  --size-9: 4rem;
  --size-10: 5rem;
  --size-11: 7.5rem;
  --size-12: 10rem;
  --size-13: 15rem;
  --size-14: 20rem;
  --size-15: 30rem;
  --size-px-000: -8px;
  --size-px-00: -4px;
  --size-px-1: 4px;
  --size-px-2: 8px;
  --size-px-3: 16px;
  --size-px-4: 20px;
  --size-px-5: 24px;
  --size-px-6: 28px;
  --size-px-7: 32px;
  --size-px-8: 48px;
  --size-px-9: 64px;
  --size-px-10: 80px;
  --size-px-11: 120px;
  --size-px-12: 160px;
  --size-px-13: 240px;
  --size-px-14: 320px;
  --size-px-15: 480px;
  --size-fluid-1: max(.5rem, min(1vw, 1rem));
  --size-fluid-2: max(1rem, min(2vw, 1.5rem));
  --size-fluid-3: max(1.5rem, min(3vw, 2rem));
  --size-fluid-4: max(2rem, min(4vw, 3rem));
  --size-fluid-5: max(4rem, min(5vw, 5rem));
  --size-fluid-6: max(5rem, min(7vw, 7.5rem));
  --size-fluid-7: max(7.5rem, min(10vw, 10rem));
  --size-fluid-8: max(10rem, min(20vw, 15rem));
  --size-fluid-9: max(15rem, min(30vw, 20rem));
  --size-fluid-10: max(20rem, min(40vw, 30rem));
  --size-content-1: 20ch;
  --size-content-2: 45ch;
  --size-content-3: 60ch;
  --size-content-4: 75ch;
  --size-header-1: 20ch;
  --size-header-2: 25ch;
  --size-header-3: 35ch;
  --size-header-4: 50ch;
  --size-header-5: 63ch;
  --size-xxs: 240px;
  --size-xs: 480px;
  --size-sm: 768px;
  --size-md: 1024px;
  --size-lg: 1200px;
  --size-xl: 1440px;
  --size-xxl: 1920px;
  --size-relative-000: -.5ch;
  --size-relative-00: -.25ch;
  --size-relative-1: .25ch;
  --size-relative-2: .5ch;
  --size-relative-3: 1ch;
  --size-relative-4: 1.25ch;
  --size-relative-5: 1.5ch;
  --size-relative-6: 1.75ch;
  --size-relative-7: 2ch;
  --size-relative-8: 3ch;
  --size-relative-9: 4ch;
  --size-relative-10: 5ch;
  --size-relative-11: 7.5ch;
  --size-relative-12: 10ch;
  --size-relative-13: 15ch;
  --size-relative-14: 20ch;
  --size-relative-15: 30ch;
}

:root {
  --spacing-xxs: 0.25rem; /* 0.25 * 16px = 4px */
  --spacing-xs: 0.5rem; /* 0.5 * 16px = 8px */
  --spacing-sm: 0.625rem; /* 0.75 * 16px = 12px */
  --spacing-md: 1.25rem; /* 20px */
  --spacing-lg: 1.875rem; /* 30px */
  --spacing-xl: 3.75rem; /* 60px */
  --spacing-xxl: 4.5rem; /* 72px */
  --spacing-max: 5.625rem; /* 90 */
  --spacing-auto-none: 0; /* 8 -> 16 */
  --spacing-auto-xxs: var( --size-fluid-1 ); /* 8 -> 16 */
  --spacing-auto-xs: var( --size-fluid-1 ); /* 8 -> 24 */
  --spacing-auto-sm: var( --size-fluid-2 ); /* 16 -> 30 */
  --spacing-auto-md: var( --size-fluid-3 ); /* 24 -> 36 */
  --spacing-auto: var( --size-fluid-3 ); /* 24 -> 36 */
  --spacing-auto-lg: var( --size-fluid-4 ); /* 32 -> 48 */
  --spacing-auto-xl: var( --size-fluid-5 ); /* 48 -> 60 */
  --spacing-auto-xxl: var( --size-fluid-6 ); /* 60 -> 90 */
  --spacing-auto-max: var( --size-fluid-7 );
}

.padding-inline-none:not(.layout--grid) {
  .padding-inline: 0;
  .padding-inline: var(--spacing-auto-none);
}

.padding-inline-start-none:not(.layout--grid) {
  .padding-inline-start: 0;
  .padding-inline-start: var(--spacing-auto-none);
}

.padding-inline-end-none:not(.layout--grid) {
  .padding-inline-end: 0;
  .padding-inline-end: var(--spacing-auto-none);
}

.padding-block-none:not(.layout--grid) {
  .padding-block: 0;
  .padding-block: var(--spacing-auto-none);
}

.padding-block-start-none:not(.layout--grid) {
  .padding-block-start: 0;
  .padding-block-start: var(--spacing-auto-none);
}

.padding-block-end-none:not(.layout--grid) {
  .padding-block-end: 0;
  .padding-block-end: var(--spacing-auto-none);
}

.padding-inline-sm:not(.layout--grid) {
  .padding-inline: max(1rem, min(2vw, 1.5rem));
  .padding-inline: var(--spacing-auto-sm);
}

.padding-inline-start-sm:not(.layout--grid) {
  .padding-inline-start: max(1rem, min(2vw, 1.5rem));
  .padding-inline-start: var(--spacing-auto-sm);
}

.padding-inline-end-sm:not(.layout--grid) {
  .padding-inline-end: max(1rem, min(2vw, 1.5rem));
  .padding-inline-end: var(--spacing-auto-sm);
}

.padding-block-sm:not(.layout--grid) {
  .padding-block: max(1rem, min(2vw, 1.5rem));
  .padding-block: var(--spacing-auto-sm);
}

.padding-block-start-sm:not(.layout--grid) {
  .padding-block-start: max(1rem, min(2vw, 1.5rem));
  .padding-block-start: var(--spacing-auto-sm);
}

.padding-block-end-sm:not(.layout--grid) {
  .padding-block-end: max(1rem, min(2vw, 1.5rem));
  .padding-block-end: var(--spacing-auto-sm);
}

.padding-inline-md:not(.layout--grid) {
  .padding-inline: max(1.5rem, min(3vw, 2rem));
  .padding-inline: var(--spacing-auto-md);
}

.padding-inline-start-md:not(.layout--grid) {
  .padding-inline-start: max(1.5rem, min(3vw, 2rem));
  .padding-inline-start: var(--spacing-auto-md);
}

.padding-inline-end-md:not(.layout--grid) {
  .padding-inline-end: max(1.5rem, min(3vw, 2rem));
  .padding-inline-end: var(--spacing-auto-md);
}

.padding-block-md:not(.layout--grid) {
  .padding-block: max(1.5rem, min(3vw, 2rem));
  .padding-block: var(--spacing-auto-md);
}

.padding-block-start-md:not(.layout--grid) {
  .padding-block-start: max(1.5rem, min(3vw, 2rem));
  .padding-block-start: var(--spacing-auto-md);
}

.padding-block-end-md:not(.layout--grid) {
  .padding-block-end: max(1.5rem, min(3vw, 2rem));
  .padding-block-end: var(--spacing-auto-md);
}

.padding-inline-lg:not(.layout--grid) {
  .padding-inline: max(2rem, min(4vw, 3rem));
  .padding-inline: var(--spacing-auto-lg);
}

.padding-inline-start-lg:not(.layout--grid) {
  .padding-inline-start: max(2rem, min(4vw, 3rem));
  .padding-inline-start: var(--spacing-auto-lg);
}

.padding-inline-end-lg:not(.layout--grid) {
  .padding-inline-end: max(2rem, min(4vw, 3rem));
  .padding-inline-end: var(--spacing-auto-lg);
}

.padding-block-lg:not(.layout--grid) {
  .padding-block: max(2rem, min(4vw, 3rem));
  .padding-block: var(--spacing-auto-lg);
}

.padding-block-start-lg:not(.layout--grid) {
  .padding-block-start: max(2rem, min(4vw, 3rem));
  .padding-block-start: var(--spacing-auto-lg);
}

.padding-block-end-lg:not(.layout--grid) {
  .padding-block-end: max(2rem, min(4vw, 3rem));
  .padding-block-end: var(--spacing-auto-lg);
}

.padding-inline-xl:not(.layout--grid) {
  .padding-inline: max(4rem, min(5vw, 5rem));
  .padding-inline: var(--spacing-auto-xl);
}

.padding-inline-start-xl:not(.layout--grid) {
  .padding-inline-start: max(4rem, min(5vw, 5rem));
  .padding-inline-start: var(--spacing-auto-xl);
}

.padding-inline-end-xl:not(.layout--grid) {
  .padding-inline-end: max(4rem, min(5vw, 5rem));
  .padding-inline-end: var(--spacing-auto-xl);
}

.padding-block-xl:not(.layout--grid) {
  .padding-block: max(4rem, min(5vw, 5rem));
  .padding-block: var(--spacing-auto-xl);
}

.padding-block-start-xl:not(.layout--grid) {
  .padding-block-start: max(4rem, min(5vw, 5rem));
  .padding-block-start: var(--spacing-auto-xl);
}

.padding-block-end-xl:not(.layout--grid) {
  .padding-block-end: max(4rem, min(5vw, 5rem));
  .padding-block-end: var(--spacing-auto-xl);
}

.margin-inline-none:not(.layout--grid) {
  .margin-inline: 0;
  .margin-inline: var(--spacing-auto-none);
}

.margin-inline-start-none:not(.layout--grid) {
  .margin-inline-start: 0;
  .margin-inline-start: var(--spacing-auto-none);
}

.margin-inline-end-none:not(.layout--grid) {
  .margin-inline-end: 0;
  .margin-inline-end: var(--spacing-auto-none);
}

.margin-block-none:not(.layout--grid) {
  .margin-block: 0;
  .margin-block: var(--spacing-auto-none);
}

.margin-block-start-none:not(.layout--grid) {
  .margin-block-start: 0;
  .margin-block-start: var(--spacing-auto-none);
}

.margin-block-end-none:not(.layout--grid) {
  .margin-block-end: 0;
  .margin-block-end: var(--spacing-auto-none);
}

.margin-inline-sm:not(.layout--grid) {
  .margin-inline: max(1rem, min(2vw, 1.5rem));
  .margin-inline: var(--spacing-auto-sm);
}

.margin-inline-start-sm:not(.layout--grid) {
  .margin-inline-start: max(1rem, min(2vw, 1.5rem));
  .margin-inline-start: var(--spacing-auto-sm);
}

.margin-inline-end-sm:not(.layout--grid) {
  .margin-inline-end: max(1rem, min(2vw, 1.5rem));
  .margin-inline-end: var(--spacing-auto-sm);
}

.margin-block-sm:not(.layout--grid) {
  .margin-block: max(1rem, min(2vw, 1.5rem));
  .margin-block: var(--spacing-auto-sm);
}

.margin-block-start-sm:not(.layout--grid) {
  .margin-block-start: max(1rem, min(2vw, 1.5rem));
  .margin-block-start: var(--spacing-auto-sm);
}

.margin-block-end-sm:not(.layout--grid) {
  .margin-block-end: max(1rem, min(2vw, 1.5rem));
  .margin-block-end: var(--spacing-auto-sm);
}

.margin-inline-md:not(.layout--grid) {
  .margin-inline: max(1.5rem, min(3vw, 2rem));
  .margin-inline: var(--spacing-auto-md);
}

.margin-inline-start-md:not(.layout--grid) {
  .margin-inline-start: max(1.5rem, min(3vw, 2rem));
  .margin-inline-start: var(--spacing-auto-md);
}

.margin-inline-end-md:not(.layout--grid) {
  .margin-inline-end: max(1.5rem, min(3vw, 2rem));
  .margin-inline-end: var(--spacing-auto-md);
}

.margin-block-md:not(.layout--grid) {
  .margin-block: max(1.5rem, min(3vw, 2rem));
  .margin-block: var(--spacing-auto-md);
}

.margin-block-start-md:not(.layout--grid) {
  .margin-block-start: max(1.5rem, min(3vw, 2rem));
  .margin-block-start: var(--spacing-auto-md);
}

.margin-block-end-md:not(.layout--grid) {
  .margin-block-end: max(1.5rem, min(3vw, 2rem));
  .margin-block-end: var(--spacing-auto-md);
}

.margin-inline-lg:not(.layout--grid) {
  .margin-inline: max(2rem, min(4vw, 3rem));
  .margin-inline: var(--spacing-auto-lg);
}

.margin-inline-start-lg:not(.layout--grid) {
  .margin-inline-start: max(2rem, min(4vw, 3rem));
  .margin-inline-start: var(--spacing-auto-lg);
}

.margin-inline-end-lg:not(.layout--grid) {
  .margin-inline-end: max(2rem, min(4vw, 3rem));
  .margin-inline-end: var(--spacing-auto-lg);
}

.margin-block-lg:not(.layout--grid) {
  .margin-block: max(2rem, min(4vw, 3rem));
  .margin-block: var(--spacing-auto-lg);
}

.margin-block-start-lg:not(.layout--grid) {
  .margin-block-start: max(2rem, min(4vw, 3rem));
  .margin-block-start: var(--spacing-auto-lg);
}

.margin-block-end-lg:not(.layout--grid) {
  .margin-block-end: max(2rem, min(4vw, 3rem));
  .margin-block-end: var(--spacing-auto-lg);
}

.margin-inline-xl:not(.layout--grid) {
  .margin-inline: max(4rem, min(5vw, 5rem));
  .margin-inline: var(--spacing-auto-xl);
}

.margin-inline-start-xl:not(.layout--grid) {
  .margin-inline-start: max(4rem, min(5vw, 5rem));
  .margin-inline-start: var(--spacing-auto-xl);
}

.margin-inline-end-xl:not(.layout--grid) {
  .margin-inline-end: max(4rem, min(5vw, 5rem));
  .margin-inline-end: var(--spacing-auto-xl);
}

.margin-block-xl:not(.layout--grid) {
  .margin-block: max(4rem, min(5vw, 5rem));
  .margin-block: var(--spacing-auto-xl);
}

.margin-block-start-xl:not(.layout--grid) {
  .margin-block-start: max(4rem, min(5vw, 5rem));
  .margin-block-start: var(--spacing-auto-xl);
}

.margin-block-end-xl:not(.layout--grid) {
  .margin-block-end: max(4rem, min(5vw, 5rem));
  .margin-block-end: var(--spacing-auto-xl);
}

:root {
  --radius-xxs: 0.125rem; /* 0.125 * 16px = 2px */
  --radius-xs: 0.3125rem; /* 4px */
  --radius-sm: 0.5rem; /* 0.5 * 16px = 8px */
  --radius-md: 0.625rem; /* 0.75 * 16px = 10px */
  --radius-lg: 1.25rem; /* 1.25 * 16px = 20px */
  --radius-xl: 1.875rem; /* 30px */
  --radius-xxl: 3rem; /* 3 * 16px = 48px */
  --radius-round: 99em;
  --radius-default: var(--radius-md);
  --radius-auto-xl: max(50px, min(7vw, 80px));
  --radius-auto-xxl: max(50px, min(9vw, 130px));
  --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
  --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
  --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;
  --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;
  --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;
  --radius-conditional-xxs: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-xxs));
  --radius-conditional-xs: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-xs));
  --radius-conditional-sm: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-sm));
  --radius-conditional-md: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-md));
  --radius-conditional-lg: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-lg));
  --radius-conditional-xl: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-xl));
  --radius-conditional-xxl: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-xxl));
  --radius-media: 0;
  --radius-button: 0;
}

:root {
  --shadow-color: 220 3% 15%;
  /*--shadow-color: 187 7% 25%;*/
  --shadow-strength: 3%;
  --button-shadow: 0 0 20px rgba(0,0,0,.259);
  --shadow-xs: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --shadow-sm:
    0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
    0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));
  --shadow-md:
    0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
    0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
    0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
    0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
    0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));
  --shadow-lg:
    0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
    0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
    0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
    0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
    0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));
  --shadow-xl:
    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
    0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
    0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
    0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
    0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));
  --shadow-xxl:
    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
    0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
    0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
    0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
    0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
    0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),
    0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));
  --inner-shadow-xs: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-sm: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-md: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-lg: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-xl: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
  --inner-shadow-xxl: inset 0 3px 20px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));
}

:root {
  --grid-column-gap: var(--spacing-lg);
  --grid-row-gap: var(--spacing-lg);
  --grid-container-max-width: 100%;
  --grid-template-columns-12: repeat(12, [col] 1fr);
}
@media (min-width: 1200px) {
  :root {
    --grid-container-max-width: 1024px;
  }
}
@media (min-width: 1400px) {
  :root {
    --grid-container-max-width: 1140px;
  }
}
@media (min-width: 1920px) {
  :root {
    --grid-container-max-width: 1440px;
  }
}
/*# sourceMappingURL=variables.css.map */