:root {
    
    --input: 0; 
    --value: 1;     
    --scale: 100%; 
    --index: 256; 
    --alpha: 1; 


    --transparent-rgba: rgba(0, 0, 0, var(--input, 0)); 
    --transparent-hsl: hsla(0 0% 0% / var(--input, 0)); 
    
    --alpha-base: .64; 
    --alpha-medium: calc(var(--alpha-base, .64) * 1); 
    
    --alpha-light: calc(var(--alpha-base, .64) * .5); 
    --alpha-heavy: calc(var(--alpha-base, .64) * 1.25); 

    --auto-wrap: inherit;  



/* Variables */


    font-size: 100%;

    /* Active Colors Palette */

    --primary: var(--theme-palette-color-1, var(--primary-hsl, #EEC14C)); 
    --primary-hsl: hsl(var(--primary-h, 43) var(--primary-s, 83%) var(--primary-l, 62%)); 
    --primary-h: 43; 
    --primary-s: 83%; 
    --primary-l: 62%; 
    --primary-hsl-value: var(--primary-h, 43) var(--primary-s, 83%) var(--primary-l, 62%); 

    --accent: var(--theme-palette-color-2, var(--accent-hsl, #FFB900)); 
    --accent-hsl: hsl(var(--accent-h, 44) var(--accent-s, 100%) var(--accent-l, 50%)); 
    --accent-h: 44; 
    --accent-s: 100%; 
    --accent-l: 50%; 
    --accent-hsl-value: var(--accent-h, 44) var(--accent-s, 100%) var(--accent-l, 50%); 


    /* Base Color Palette */

    --base-lt: var(--theme-palette-color-5, var(--base-lt-hsl, #1f1f1f)); 
    --base-lt-hsl: hsl(var(--base-lt-h, 0) var(--base-lt-s, 0%) var(--base-lt-l, 16%)); 
    --base-lt-h: 0; 
    --base-lt-s: 0%; 
    --base-lt-l: 16%; 
    --base-lt-hsl-value: var(--base-lt-h, 0) var(--base-lt-s, 0%) var(--base-lt-l, 16%); 

    --base: var(--theme-palette-color-3, var(--base-hsl, #141414)); 
    --base-hsl: hsl(var(--base-h, 0) var(--base-s, 0%) var(--base-l, 8%)); 
    --base-h: 0; 
    --base-s: 0%; 
    --base-l: 8%; 
    --base-hsl-value: var(--base-h, 0) var(--base-s, 0%) var(--base-l, 8%); 

    --base-bd: var(--theme-palette-color-4, var(--base-bd-hsl, #0A0A0A)); 
    --base-bd-hsl: hsl(var(--base-bd-h, 0) var(--base-bd-s, 0%) var(--base-bd-l, 4%)); 
    --base-bd-h: 0; 
    --base-bd-s: 0%; 
    --base-bd-l: 4%; 
    --base-bd-hsl-value: var(--base-bd-h, 0) var(--base-bd-s, 0%) var(--base-bd-l, 4%); 

    --alt-base-lt: var(--theme-palette-color-8, var(--alt-base-lt-hsl, #D9D9D9)); 
    --alt-base-lt-hsl: hsl(var(--alt-base-lt-h, 0) var(--alt-base-lt-s, 0%) var(--alt-base-lt-l, 85%)); 
    --alt-base-lt-h: 0; 
    --alt-base-lt-s: 0%; 
    --alt-base-lt-l: 85%; 
    --alt-base-lt-hsl-value: var(--alt-base-lt-h, 0) var(--alt-base-lt-s, 0%) var(--alt-base-lt-l, 85%); 

    --alt-base: var(--theme-palette-color-6, var(--alt-base-hsl, #E6E6E6)); 
    --alt-base-hsl: hsl(var(--alt-base-h, 0) var(--alt-base-s, 0%) var(--alt-base-l, 90%)); 
    --alt-base-h: 0; 
    --alt-base-s: 0%; 
    --alt-base-l: 90%; 
    --alt-base-hsl-value: var(--alt-base-h, 0) var(--alt-base-s, 0%) var(--alt-base-l, 90%); 

    --alt-base-bd: var(--theme-palette-color-7, var(--alt-base-bd-hsl, #FAFAFA)); 
    --alt-base-bd-hsl: hsl(var(--alt-base-bd-h, 0) var(--alt-base-bd-s, 0%) var(--alt-base-bd-l, 98%)); 
    --alt-base-bd-h: 0; 
    --alt-base-bd-s: 0%; 
    --alt-base-bd-l: 98%; 
    --alt-base-bd-hsl-value: var(--alt-base-bd-h, 0) var(--alt-base-bd-s, 0%) var(--alt-base-bd-l, 98%); 


    /* Text Color Palette */

    --text: var(--base, var(--base-hsl, #141414)); 
    --title: var(--base-bd, var(--base-bd-hsl, #0A0A0A)); 

    --alt-text: var(--alt-base, var(--alt-base-hsl, #E6E6E6)); 
    --alt-title: var(--alt-base-bd, var(--alt-base-bd-hsl, #FAFAFA)); 


    /* Box-style Color Palette */

    --bg: var(--alt-base-bd, var(--alt-base-bd-hsl, #FAFAFA)); 
    --subtle: var(--alt-base, var(--alt-base-hsl, #E6E6E6)); 
    --surface: var(--alt-base-lt, var(--alt-base-lt-hsl, #D9D9D9)); 

    --alt-bg: var(--base-bd, var(--base-bd-hsl, #0A0A0A)); 
    --alt-subtle: var(--base, var(--base-hsl, #141414)); 
    --alt-surface: var(--base-lt, var(--base-lt-hsl, #1f1f1f)); 


    /* Outline Color Palette */
    
    --outline: var(--base-lt, var(--base-lt-hsl, #1f1f1f)); 
    --outline-a: var(--alpha-heavy, .8); 
    --outline-hsla: hsla(var(--base-lt-hsl-value, 0 0% 12%) / var(--outline-a, .8)); 

    --alt-outline: var(--alt-base-lt, var(--alt-base-lt-hsl, #D9D9D9)); 
    --alt-outline-a: var(--alpha-heavy, .8); 
    --alt-outline-hsla: hsla(var(--alt-base-lt-hsl-value, 0 0% 85%) / var(--alt-outline-a, .8)); 


    /* Overlay, Backdrop & Shadow Colors */

    --overlay: var(--theme-palette-color-9, hsla(var(--alt-base-hsl-value, 0 0% 90%) / var(--alpha-medium, .64))); 
    --overlay-lt: var(--theme-palette-color-10, hsla(var(--alt-base-lt-hsl-value, 0 0% 90%) / var(--alpha-light, .32))); 
    --overlay-bd: var(--theme-palette-color-11, hsla(var(--alt-base-bd-hsl-value, 0 0% 90%) / var(--alpha-heavy, .8))); 

    --backdrop: var(--theme-palette-color-12, hsla(var(--base-hsl-value, 0 0% 8%) / var(--alpha-medium, .64))); 
    --backdrop-lt: var(--theme-palette-color-13, hsla(var(--base-hsl-lt-value, 0 0% 8%) / var(--alpha-light, .32))); 
    --backdrop-bd: var(--theme-palette-color-14, hsla(var(--base-hsl-bd-value, 0 0% 8%) / var(--alpha-heavy, .8))); 

    --shadow: var(--theme-palette-color-12, hsla(var(--base-hsl-value, 0 0% 8%) / var(--alpha-medium, .64))); 
    --alt-shadow: var(--theme-palette-color-9, hsla(var(--alt-base-hsl-value, 0 0% 90%) / var(--alpha-medium, .64))); 

    
    /* Functional Color Palette */

    --success: var(--theme-palette-color-15, #90BE6D); 
    --success-hsl: hsl(var(--success-h, 94) var(--success-s, 38%) var(--success-l, 59%)); 
    --success-h: 94; 
    --success-s: 38%; 
    --success-l: 59%; 
    --success-hsl-value: var(--success-h, 94) var(--success-s, 38%) var(--success-l, 59%); 
    --success-a: var(--alpha-medium, .64); 
    --success-hsla: hsla(var(--success-hsl-value, 94 38% 59%) / var(--success-a, .64)); 

    --alert: var(--theme-palette-color-16, #F94144); 
    --alert-hsl: hsl(var(--alert-h, 359) var(--alert-s, 94%) var(--alert-l, 62%)); 
    --alert-h: 359; 
    --alert-s: 94%; 
    --alert-l: 62%; 
    --alert-hsl-value: var(--alert-h, 359) var(--alert-s, 94%) var(--alert-l, 62%); 
    --alert-a: var(--alpha-medium, .64); 
    --alert-hsla: hsla(var(--alert-hsl-value, 359 94% 62%) / var(--alert-a, .64)); 

    --notice: var(--theme-palette-color-17, var(--theme-palette-color-1, #EEC14C)); 
    --notice-hsl: hsl(var(--notice-h, 43) var(--notice-s, 83%) var(--notice-l, 62%)); 
    --notice-h: 43; 
    --notice-s: 83%; 
    --notice-l: 62%; 
    --notice-hsl-value: var(--notice-h, 43) var(--notice-s, 83%) var(--notice-l, 62%); 
    --notice-a: var(--alpha-medium, .64); 
    --notice-hsla: hsla(var(--notice-hsl-value, 43 83% 62%) / var(--notice-a, .64)); 


    /* Muted Colors */
    
    --muted: var(--muted-hsla, hsla(0 0% 12% / .32)); 
    --muted-hsla: hsla(var(--base-lt-hsl-value, 0 0% 12%) / var(--muted-a, .32)); 
    --muted-a: var(--alpha-light, .32); 

    --alt-muted: var(--alt-muted-hsla, hsla(0 0% 85% / .32)); 
    --alt-muted-hsla: hsla(var(--alt-base-lt-hsl-value, 0 0% 85%) / var(--alt-muted-a, .32)); 
    --alt-muted-a: var(--alpha-light, .32); 


    /* Focus/Hover/Active State Colors */

    --focus: var(--theme-palette-color-18, var(--notice-hsla, hsla(var(--notice-hsl-value, 43 83% 62%) / var(--notice-a, .64)))); 
    --hover: var(--theme-palette-color-19, var(--accent, #FFB900)); 
    --active: var(--theme-palette-color-20, var(--primary, #EEC14C)); 


    /* Unchangeable Colors */ 

    --dark: var(--theme-palette-color-21, #141414); 
    --light: var(--theme-palette-color-22, #E6E6E6); 
    

    /* Border colors */

    --border: var(--primary, #eec14c); 
    --border--focus: var(--focus, #FFB900); 
    --border--hover: var(--hover, #FFB900); 
    --border--active: var(--active, #EEC14C); 

    --border-base: var(--outline, #1f1f1f); 
    --border-base--focus: var(--base-lt, var(--base-lt-hsl, #1f1f1f)); 
    --border-base--hover: var(--base-bd, var(--base-bd-hsl, #0A0A0A)); 
    --border-base--active: var(--base, var(--base-hsl, #141414)); 
    --border-base--muted: var(--muted, var(--muted-hsla, hsla(0 0% 12% / .32))); 

    --alt-border-base: var(--alt-outline, #D9D9D9); 
    --alt-border-base--focus: var(--alt-base-lt, var(--alt-base-lt-hsl, #D9D9D9)); 
    --alt-border-base--hover: var(--alt-base-bd, var(--alt-base-bd-hsl, #FAFAFA)); 
    --alt-border-base--active: var(--alt-base, var(--alt-base-hsl, #E6E6E6)); 
    --alt-border-base--muted: var(--alt-muted, var(--alt-muted-hsla, hsla(0 0% 85% / .32))); 


    /* Links, Buttons, Labels, Icons, Inputs */

    --link: var(--primary, #EEC14C); 
    --link--hover: var(--accent, #FFB900); 
    --link--visited: hsla(var(--primary-hsl-value, 43 83% 62%), var(--alpha-heavy, .8)); 

    --link-base: var(--base, #141414); 
    --link-base--hover: var(--base-bd, #0A0A0A); 
    --link-base--visited: hsla(var(--base-hsl-value, 0 0% 8%), var(--alpha-heavy, .8)); 

    --alt-link-base: var(--alt-base, #E6E6E6); 
    --alt-link-base--hover: var(--alt-base-bd, #FAFAFA); 
    --alt-link-base--visited: hsla(var(--alt-base-hsl-value, 0 0% 90%), var(--alpha-heavy, .8)); 


    --btn-primary: var(--primary, #EEC14C); 
    --btn-primary--accent: var(--accent, #FFB900); 

    --btn-base: var(--base, #141414); 
    --btn-base--accent: var(--base-bd, #0A0A0A); 

    --alt-btn-base: var(--alt-base, #E6E6E6); 
    --alt-btn-base--accent: var(--alt-base-bd, #FAFAFA); 

    --btn-muted: var(--muted, hsla(0 0% 12% / .32)); 
    --alt-btn-muted: var(--alt-muted, hsla(0 0% 85% / .32)); 



    /* Text SIzes */

    --text-xs: var(--text-fluid-xs, var(--text-rem-xs, 13px)); 
    --text-rem-xs: 0.8125rem; 
    --text-fluid-xs: clamp(0.8125rem, 0.096vw + 0.793rem, 0.875rem); 

    --text-s: var(--text-fluid-s, var(--text-rem-s, 14px)); 
    --text-rem-s: 0.875rem; 
    --text-fluid-s: clamp(0.875rem, 0.191vw + 0.837rem, 1rem); 

    --text-m: var(--text-fluid-m, var(--text-rem-m, 16px)); 
    --text-rem-m: 1rem; 
    --text-fluid-m: clamp(1rem, 0.191vw + 0.962rem, 1.125rem); 

    --text-l: var(--text-fluid-l, var(--text-rem-l, 18px)); 
    --text-rem-l: 1.125rem; 
    --text-fluid-l: clamp(1.125rem, 0.191vw + 1.087rem, 1.25rem); 

    --text-xl: var(--text-fluid-xl, var(--text-rem-xl, 20px)); 
    --text-rem-xl: 1.25rem; 
    --text-fluid-xl: clamp(1.25rem, 0.191vw + 1.212rem, 1.375rem); 


    --title-xs: var(--title-fluid-xs, var(--title-rem-xs, 24px)); 
    --title-rem-xs: 1.5rem; 
    --title-fluid-xs: clamp(1.5rem, 0.191vw + 1.462rem, 1.625rem); 

    --title-s: var(--title-fluid-s, var(--title-rem-s, 26px)); 
    --title-rem-s: 1.625rem; 
    --title-fluid-s: clamp(1.625rem, 0.191vw + 1.587rem, 1.75rem); 

    --title-m: var(--title-fluid-m, var(--title-rem-m, 28px)); 
    --title-rem-m: 1.75rem; 
    --title-fluid-m: clamp(1.75rem, 0.382vw + 1.674rem, 2rem); 

    --title-l: var(--title-fluid-l, var(--title-rem-l, 32px)); 
    --title-rem-l: 2rem; 
    --title-fluid-l: clamp(2rem, 0.382vw + 1.924rem, 2.25rem); 

    --title-xl: var(--title-fluid-xl, var(--title-rem-xl, 36px)); 
    --title-rem-xl: 2.25rem; 
    --title-fluid-xl: clamp(2.25rem, 1.147vw + 2.021rem, 3rem); 

    --title-xxl: var(--title-fluid-xxl, var(--title-rem-xxl, 40px)); 
    --title-rem-xxl: 2.5rem; 
    --title-fluid-xxl: clamp(2.5rem, 1.53vw + 2.194rem, 3.5rem); 

    --title-g: var(--title-fluid-g, var(--title-rem-g, 44px)); 
    --title-rem-g: 2.75rem; 
    --title-fluid-g: clamp(2.75rem, 1.912vw + 2.368rem, 4rem); 

    --title-xg: var(--title-fluid-xg, var(--title-rem-xg, 48px)); 
    --title-rem-xg: 3rem; 
    --title-fluid-xg: clamp(3rem, 2.294vw + 2.541rem, 4.5rem); 

    --title-xxg: var(--title-fluid-xxg, var(--title-rem-xxg, 52px)); 
    --title-rem-xxg: 3.25rem; 
    --title-fluid-xxg: clamp(3.25rem, 2.677vw + 2.715rem, 5rem); 


    /* Typography Constants */

    --line-100: 1; 
    --line-110: 1.1; 
    --line-120: 1.2; 
    --line-130: 1.3; 
    --line-140: 1.4; 
    --line-150: 1.5; 

    --title-line: var(--line-120, 1.2); 
    --subtitle-line: var(--line-130, 1.3); 
    --text-line: var(--line-150, 1.5); 
    --btn-line: var(--line-130, 1.3); 
    --label-line: var(--line-120, 1.2); 
    --input-line: var(--line-130, 1.3); 

    --link-decoration: unset; 
    --alt-link-decoration: underline; 

    --font-bold: 700; 
    --font-medium: 500; 
    --font-normal: 400; 

    --title-weight: var(--font-bold, bold); 
    --subtitle-weight: var(--font-medium, medium); 
    --text-weight: var(--font-normal, normal); 
    --btn-weight: var(--font-medium, medium); 
    --label-weight: var(--font-medium, medium); 
    --input-weight: var(--font-normal, normal); 


    /* Box/Element Sizes */

    --box-size: 2rem; 

    --size-xs: calc(var(--box-size, 32px) / 2); 
    --size-s: calc(var(--box-size, 32px) / 1.5); 
    --size-m: calc(var(--box-size, 32px) * 1); 
    --size-x: calc(var(--box-size, 32px) * 1.5); 
    --size-xx: calc(var(--box-size, 32px) * 1.75); 
    --size-l: calc(var(--box-size, 32px) * 2); 
    --size-xl: calc(var(--box-size, 32px) * 3); 
    --size-xxl: calc(var(--box-size, 32px) * 4); 


    --btn-s: calc(var(--box-size, 32px) * 1.25); 
    --btn-m: calc(var(--box-size, 32px) * 1.5); 
    --btn-l: calc(var(--box-size, 32px) * 1.75); 

    --label-s: calc(var(--box-size, 32px) * 0.75); 
    --label-m: calc(var(--box-size, 32px) * 0.875); 
    --label-l: calc(var(--box-size, 32px) * 1); 

    --icon-s: calc(var(--box-size, 32px) * 0.5625); 
    --icon-m: calc(var(--box-size, 32px) * 0.625); 
    --icon-l: calc(var(--box-size, 32px) * 0.75); 
    --icon-xl: calc(var(--box-size, 32px) * 0.875); 

    --icon-box-s: calc(var(--icon-s, 18px) + var(--icon-box-space-s, 4px) * 2); 
    --icon-box-m: calc(var(--icon-m, 20px) + var(--icon-box-space-m, 6px) * 2); 
    --icon-box-l: calc(var(--icon-l, 24px) + var(--icon-box-space-l, 8px) * 2); 
    --icon-box-xl: calc(var(--icon-xl, 28px) + var(--icon-box-space-xl, 10px) * 2); 

    --input-s: calc(var(--box-size, 32px) * 1); 
    --input-m: calc(var(--box-size, 32px) * 1.125); 
    --input-l: calc(var(--box-size, 32px) * 1.25); 


    /* Grouped Elements Sizes */

    --card-size: 4rem; 
    --container-size: 8rem; 
    --section-size: 16rem; 

    --card-s: calc(var(--card-size, 64px) * 1.5); 
    --card-m: calc(var(--card-size, 64px) * 2); 
    --card-l: calc(var(--card-size, 64px) * 2.5); 

    --container-s: calc(var(--container-size, 128px) * 1.5); 
    --container-m: calc(var(--container-size, 128px) * 2); 
    --container-l: calc(var(--container-size, 128px) * 2.5); 

    --section-s: max(100%, var(--section-size, 256px)); 
    --section-m: max(100%, calc(var(--section-size, 256px) * 1.5)); 
    --section-l: max(100%, calc(var(--section-size, 256px) * 2)); 


    /* Header Sizes & Edges */

    --header-height-s: clamp(calc(var(--container-size, 128px) * 0.25), 0.382vw + 0.674rem, calc(var(--container-size, 128px) * 0.375)); 
    --header-height-m: clamp(calc(var(--container-size, 128px) * 0.375), 0.382vw + 1.462rem, calc(var(--container-size, 128px) * 0.5)); 
    --header-height-l: clamp(calc(var(--container-size, 128px) * 0.5), 0.382vw + 1.462rem, calc(var(--container-size, 128px) * 0.75)); 

    --header-edge-s: calc(var(--header-height-s) + var(--header-space-m)); 
    --header-edge-m: calc(var(--header-height-m) + var(--header-space-l)); 
    --header-edge-l: calc(var(--header-height-s) + var(--header-space-m) + var(--header-space-l)); 


    /* Size Constants */ 

    --full: 100%; 
    --auto: auto; 

    --screen-height: var(--screen-height-dvh, 100vh); 
    --screen-height-dvh: 100dvh; 
    --screen-width: 100vw; 

    --reading-width: 64ch; 
    --letter-width: 1ch; 

    --edge-s: 4vw; 
    --edge-m: 6vw; 
    --edge-l: var(--theme-wide-offset, 8rem); 

    --edge-s--mobile: 3vw; 
    --edge-m--mobile: 5vw; 
    --edge-l--mobile: 7vw; 

    --container-narrow: var(--theme-narrow-container-max-width, 768px); 
    --container-medium: 1024px; 
    --container-wide: var(--theme-normal-container-max-width, 1280px); 
    --container-max: 90vw; 

    --container-narrow--mobile: calc(100vw - (var(--edge-l--mobile, 7vw) * 2)); 
    --container-medium--mobile: calc(100vw - (var(--edge-m--mobile, 5vw) * 2)); 
    --container-wide--mobile: calc(100vw - (var(--edge-s--mobile, 3vw) * 2)); 


    /* Flex & Grid Sizes */ 

    --grid-card: minmax(calc(var(--card-size, 64px) * 2), 1fr); 
    --grid-card-s: minmax(calc(var(--card-size, 64px) * 3), 1fr); 
    --grid-card-m: minmax(calc(var(--card-size, 64px) * 4), 1fr); 
    --grid-card-l: minmax(calc(var(--card-size, 64px) * 5), 1fr); 
    --grid-card-xl: minmax(calc(var(--card-size, 64px) * 6), 1fr); 
    --grid-card-xxl: minmax(calc(var(--card-size, 64px) * 8), 1fr); 

    --grid-s: repeat(auto-fit, minmax(var(--grid-card-s, 192px), 1fr)); 
    --grid-m: repeat(auto-fit, minmax(var(--grid-card-m, 256px), 1fr)); 
    --grid-l: repeat(auto-fit, minmax(var(--grid-card-l, 320px), 1fr)); 
    --grid-xl: repeat(auto-fit, minmax(var(--grid-card-xl, 384px), 1fr)); 
    --grid-xxl: repeat(auto-fit, minmax(var(--grid-card-xxl, 512px), 1fr)); 

    --grid-one: repeat(1, minmax(0, 1fr)); 
    --grid-two: repeat(2, minmax(0, 1fr)); 
    --grid-three: repeat(3, minmax(0, 1fr)); 
    --grid-four: repeat(4, minmax(0, 1fr)); 


    /* Root Spacing */

    --box-space: 0.5rem; 
    --card-space: 1rem; 
    --container-space: 2rem; 
    --section-space: 4rem; 

    --space-s: clamp(calc(var(--box-space, 8px) * 0.75), 0.191vw + 0.337rem, calc(var(--box-space, 8px) * 1)); 
    --space-m: clamp(calc(var(--box-space, 8px) * 1), 0.765vw + 0.347rem, calc(var(--box-space, 8px) * 2)); 
    --space-x: clamp(calc(var(--box-space, 8px) * 2), 0.765vw + 0.847rem, calc(var(--box-space, 8px) * 3)); 
    --space-l: clamp(calc(var(--box-space, 8px) * 3), 0.765vw + 1.347rem, calc(var(--box-space, 8px) * 4)); 
    --space-xl: clamp(calc(var(--box-space, 8px) * 4), 1.53vw + 1.694rem, calc(var(--box-space, 8px) * 6)); 
    --space-xxl: clamp(calc(var(--box-space, 8px) * 6), 1.53vw + 2.694rem, calc(var(--box-space, 8px) * 8)); 
    --space-g: clamp(calc(var(--box-space, 8px) * 8), 3.059vw + 3.388rem, calc(var(--box-space, 8px) * 12)); 
    --space-g: clamp(calc(var(--box-space, 8px) * 12), 3.059vw + 5.388rem, calc(var(--box-space, 8px) * 16)); 
    --space-xxg: clamp(calc(var(--box-space, 8px) * 16), 6.119vw + 6.776rem, calc(var(--box-space, 8px) * 24)); 

    --btn-space-s: calc(var(--box-space, 8px) * 1.5) calc(var(--box-space, 8px) * 2); 
    --btn-space-m: calc(var(--box-space, 8px) * 2) calc(var(--box-space, 8px) * 3); 
    --btn-space-l: calc(var(--box-space, 8px) * 3) calc(var(--box-space, 8px) * 4.5); 

    --label-space-s: var(--box-space, 8px) calc(var(--box-space, 8px) * 1.5); 
    --label-space-m: calc(var(--box-space, 8px) * 1.5) calc(var(--box-space, 8px) * 2.25); 
    --label-space-l: calc(var(--box-space, 8px) * 2) calc(var(--box-space, 8px) * 3); 
    
    --icon-box-space-s: calc(var(--box-space, 8px) * 0.5); 
    --icon-box-space-m: calc(var(--box-space, 8px) * 0.75); 
    --icon-box-space-l: calc(var(--box-space, 8px) * 1); 
    --icon-box-space-xl: calc(var(--box-space, 8px) * 1.25); 

    --input-space-s:var(--box-space, 8px) calc(var(--box-space, 8px) * 1.5); 
    --input-space-m: calc(var(--box-space, 8px) * 1.5) calc(var(--box-space, 8px) * 2.25); 
    --input-space-l: calc(var(--box-space, 8px) * 2) calc(var(--box-space, 8px) * 3); 


    --card-space-xs: clamp(.75rem, 0.382vw + 0.674rem, 1rem); 
    --card-space-s: clamp(1rem, 0.765vw + 0.847rem, 1.5rem); 
    --card-space-m: clamp(1.5rem, 0.765vw + 1.347rem, 2rem); 
    --card-space-l: clamp(2rem, 0.765vw + 1.847rem, 2.5rem); 
    --card-space-xl: clamp(2.5rem, 0.765vw + 2.347rem, 3rem); 

    --container-space-xs: clamp(calc(var(--container-space, 32px) * 0.75), 0.765vw + 1.347rem, calc(var(--container-space, 32px) * 1)); 
    --container-space-s: clamp(calc(var(--container-space, 32px) * 1), 0.765vw + 0.847rem, calc(var(--container-space, 32px) * 1.5)); 
    --container-space-m: clamp(calc(var(--container-space, 32px) * 1.5), 0.765vw + 1.347rem, calc(var(--container-space, 32px) * 2)); 
    --container-space-l: clamp(calc(var(--container-space, 32px) * 2), 0.765vw + 1.847rem, calc(var(--container-space, 32px) * 2.5)); 
    --container-space-xl: clamp(calc(var(--container-space, 32px) * 2.5), 0.765vw + 2.347rem, calc(var(--container-space, 32px) * 3)); 

    --section-space-xs: clamp(calc(var(--section-space, 64px) * 0.75), 1.53vw + 2.694rem, calc(var(--section-space, 64px) * 1)); 
    --section-space-s: clamp(calc(var(--section-space, 64px) * 1), 3.059vw + 3.388rem, calc(var(--section-space, 64px) * 1.5)); 
    --section-space-m: clamp(calc(var(--section-space, 64px) * 1.5), 3.059vw + 5.388rem, calc(var(--section-space, 64px) * 2)); 
    --section-space-l: clamp(calc(var(--section-space, 64px) * 2), 3.059vw + 7.388rem, calc(var(--section-space, 64px) * 2.5)); 
    --section-space-xl: clamp(calc(var(--section-space, 64px) * 2.5), 3.059vw + 9.388rem ,calc(var(--section-space, 64px) * 3)); 
    

    /* Flex & Grid Gaps */ 

    --gap: 1rem; 
    --content-gap: calc(var(--gap, 16px) * 2); 
    --grid-gap: calc(var(--gap, 16px) * 4); 
    --text-gap: 1ch; 

    --gap-xs: clamp(0.375rem, 0.191vw + 0.337rem, 0.5rem); 
    --gap-s: clamp(0.5rem, 0.382vw + 0.424rem, 0.75rem);
    --gap-m: clamp(0.75rem, 0.382vw + 0.674rem, 1rem);
    --gap-l: clamp(1rem, 0.765vw + 0.847rem, 1.5rem);
    --gap-xl: clamp(1.5rem, 0.765vw + 1.347rem, 2rem);
    --gap-xxl: clamp(2rem, 1.53vw + 1.694rem, 3rem);
    --gap-g: clamp(3rem, 1.53vw + 2.694rem, 4rem);
    --gap-xg: clamp(4rem, 3.059vw + 3.388rem, 6rem);
    --gap-xxg: clamp(6rem, 3.059vw + 5.388rem, 8rem);

    --grid-gap-s: calc(var(--grid-gap, 64px) * 0.75); 
    --grid-gap-m: calc(var(--grid-gap, 64px) * 1); 
    --grid-gap-l: calc(var(--grid-gap, 64px) * 1.5); 
    --grid-gap-xl: calc(var(--grid-gap, 64px) * 2); 
    --grid-row-gap: var(--grid-gap, 64px); 
    --grid-col-gap: var(--grid-gap, 64px); 

    --content-gap-xs: clamp(calc(var(--gap, 16px) * 0.75), 0.382vw + 0.674rem, calc(var(--gap, 16px) * 1)); 
    --content-gap-s: clamp(calc(var(--gap, 16px) * 1), 0.765vw + 0.847rem, calc(var(--gap, 16px) * 1.5)); 
    --content-gap-m: clamp(calc(var(--gap, 16px) * 1.5), 0.765vw + 1.347rem, calc(var(--gap, 16px) * 2)); 
    --content-gap-l: clamp(calc(var(--gap, 16px) * 2), 0.765vw + 1.847rem, calc(var(--gap, 16px) * 2.5)); 

    
    /* Custom Styling Constants */

    --blur: 4px; 

    --blur-light: blur(calc(var(--blur-base, 4px) / 2)); 
    --blur-medium: blur(var(--blur-base, 4px)); 
    --blur-heavy: blur(calc(var(--blur-base, 4px) * 2)); 


    --box-shadow-light: 0px 2px 16px -8px var(--backdrop-lt, hsla(var(--base-lt-hsl-value, 0 0 8) / var(--alpha-light, .32))); 
    --box-shadow-medium: 0px 4px 24px -12px var(--shadow, hsla(var(--base-hsl-value, 0 0 8) / var(--alpha-medium, .64))); 
    --box-shadow-heavy: 0px 8px 32px -16px var(--backdrop-bd, hsla(var(--base-bd-hsl-value, 0 0 8) / var(--alpha-heavy, .8))); 
    --alt-box-shadow-light: 0px 2px 16px -8px var(--overlay-lt, hsla(var(--alt-base-lt-hsl-value, 0 0 90) / var(--alpha-light, .32))); 
    --alt-box-shadow-medium: 0px 4px 24px -12px var(--shadow-alt, hsla(var(--alt-base-hsl-value, 0 0 90) / var(--alpha-medium, .64))); 
    --alt-box-shadow-heavy: 0px 8px 32px -16px var(--overlay-bd, hsla(var(--alt-base-bd-hsl-value, 0 0 90) / var(--alpha-heavy, .8))); 


    /* Border Radius Constants */

    --radius: 0.5rem; 
    --radius-circle: 50%; 
    --radius-square: 0; 

    --radius-xs: calc(var(--radius, 8px) * 0.5); 
    --radius-s: calc(var(--radius, 8px) * 0.75); 
    --radius-m: calc(var(--radius, 8px) * 1); 
    --radius-l: calc(var(--radius, 8px) * 1.5); 
    --radius-xl: calc(var(--radius, 8px) * 2); 
    --radius-xxl: calc(var(--radius, 8px) * 3); 
    --radius-g: calc(var(--radius, 8px) * 4); 
    --radius-xg: calc(var(--radius, 8px) * 6); 
    --radius-xxg: calc(var(--radius, 8px) * 8); 

    --card-radius: var(--radius, 8px); 
    --btn-radius: var(--radius, 8px); 
    --input-radius: var(--radius, 8px); 
    --container-radius: calc(var(--radius, 8px) * 2); 
    --section-radius: calc(var(--radius, 8px) * 3); 


    /* Border Constants */

    --border-width: 0.125rem; 

    --border-width-s: calc(var(--border-width, 2px) / 2); 
    --border-width-m: calc(var(--border-width, 2px) * 1); 
    --border-width-l: calc(var(--border-width, 2px) * 2); 

    --btn-border-width: var(--border-width, 2px); 
    --label-border-width: var(--border-width, 2px); 

    --bs-style: inset 0 0 0 var(--border-width, 2px); 
    --border-style: var(--border-width, 2px) solid; 


    /* Transition Constants */ 

    --transition-base: 0.64s; 
    --transition-timing-base: ease-in-out; 

    --transition-xslow: calc(var(--transition-base, 0.64s) * 2) var(--transition-timing-base, ease-in-out); 
    --transition-slow: calc(var(--transition-base, 0.64s) * 1.5) var(--transition-timing-base, ease-in-out); 
    --transition-medium: calc(var(--transition-base, 0.64s) * 1) var(--transition-timing-base, ease-in-out); 
    --transition-fast: calc(var(--transition-base, 0.64s) / 2) var(--transition-timing-base, ease-in-out); 
    --transition-xfast: calc(var(--transition-base, 0.64s) / 4) var(--transition-timing-base, ease-in-out); 

    --link-transition: background-color, color, opacity, box-shadow, var(--transition-fast, 0.32s ease-in-out); 
    --btn-transition: background-color, fill, color, opacity, box-shadow, var(--transition-fast, 0.32s ease-in-out); 
    --label-transition: background-color, fill, color, opacity, box-shadow, var(--transition-fast, 0.32s ease-in-out); 
    --icon-transition: background-color, fill, color, opacity, box-shadow, var(--transition-fast, 0.32s ease-in-out); 
    --input-transition: background-color, fill, color, opacity, box-shadow, var(--transition-fast, 0.32s ease-in-out); 


}


/* Style-box Area */


/* Title */

:is( .us-title--xl, .us-title--xxl, .us-title--g, .us-title--xg, .us-title--xxg, .us-title--l, .us-title--m, .us-title--s, .us-title--xs, .us-title), 
:is(.us-grp-title--xl, .us-grp-title--xxl, .us-grp-title--g, .us-grp-title--xg, .us-grp-title--xxg, .us-grp-title--l, .us-grp-title--m, .us-grp-title--s, .us-grp-title--xs, .us-grp-title) :is(h1, h2, h3, h4, h5, h6) {
    --font-size: var(--title-m, 28px);
    --line-height: var(--title-line, 1.2);
    --font-weight: var(--title-weight, 700);
    font-size: var(--font-size, 28px);
    line-height: var(--line-height, 1.2);
    font-weight: var(--font-weight, 700);
}
:is(.us-title--m, .us-title--s, .us-title--xs), :is(.us-grp-title--m, .us-grp-title--s, .us-grp-title--xs) :is(h1, h2, h3, h4, h5, h6) {
    --line-height: var(--line-130, 1.3);
}

.us-title--xxg, .us-grp-title--xxg :is(h1, h2, h3)  {
    --font-size: var(--title-xxg, 52px);
}
.us-title--xg, .us-grp-title--xg :is(h1, h2, h3) {
    --font-size: var(--title-xg, 48px);
}
.us-title--g, .us-grp-title--g :is(h1, h2, h3) {
    --font-size: var(--title-g, 44px);
}
.us-title--xxl, .us-grp-title--xxl :is(h1, h2, h3) {
    --font-size: var(--title-xxl, 40px);
}
.us-title--xl, .us-grp-title--xl :is(h1, h2, h3) {
    --font-size: var(--title-xl, 36px);
}
.us-title--l, .us-grp-title--l :is(h1, h2, h3) {
    --font-size: var(--title-l, 32px);
}
.us-title--m, .us-grp-title--m :is(h1, h2, h3)  {
    --font-size: var(--title-m, 28px);
}
.us-title--s, .us-grp-title--s :is(h1, h2, h3)  {
    --font-size: var(--title-s, 26px);
}
.us-title--xs, .us-grp-title--xs :is(h1, h2, h3)  {
    --font-size: var(--title-xs, 24px);
}


/* Text */

:is(.us-subtitle, .us-text--xl, .us-text--l, .us-text--m, .us-text--s, .us-text--xs, .us-text, .us-caption, .us-label), :is(.us-grp-subtitle, .us-grp-text--xl, .us-grp-text--l, .us-grp-text--m, .us-grp-text--s, .us-grp-text--xs, .us-grp-text, .us-grp-caption, .us-grp-label) :is(p, span, a, figcaption) {
    --font-size: var(--text-m, 16px);
    --line-height: var(--text-line, 1.5);
    --font-weight: var(--text-weight, 400);
    font-size: var(--font-size, 16px);
    line-height: var(--line-height, 1.5);
    font-weight: var(--font-weight, 400);
}

:is(.us-subtitle, .us-text--xl), :is(.us-grp-subtitle, .us-grp-text--xl) :is(p, span, a, figcaption) {
    --font-size: var(--text-xl, 20px);
}

:is(.us-caption, .us-label), :is(.us-grp-caption, .us-grp-label) :is(p, span, a, figcaption) {
    --font-size: var(--text-xs, 13px); 
    --line-height: var(--label-line, 1.2);
    --font-weight: var(--label-weight, 500);
}

.us-subtitle, .us-grp-subtitle :is(p, span, a, figcaption) {
    --line-height: var(--subtitle-line, 1.3);
    --font-weight: var(--subtitle-weight, 500);
}

.us-text--l, .us-grp-text--l :is(p, span, a, figcaption) {
    --font-size: var(--text-l, 18px); 
}
.us-text--m, .us-grp-text--m :is(p, span, a, figcaption) {
    --font-size: var(--text-m, 16px); 
}
.us-text--s, .us-grp-text--s :is(p, span, a, figcaption) {
    --font-size: var(--text-s, 14px); 
}
.us-text--xs, .us-grp-text--xs :is(p, span, a, figcaption) {
    --font-size: var(--text-xs, 13px); 
}


/* Typography Additional Classes */

.us-marginless {
    --margin-block: unset;
    margin-block: var(--margin-block);
}

:is(h1, h2, h3, h4, h5, h6).us-title--marginless, :is(div, span, p, a).us-text--marginless, .us-group-title--marginless :is(h1, h2, h3, h4, h5, h6), .us-group-text--marginless :is(div) {
    --margin-block: unset;
    margin-block: var(--margin-block);
}



/* Link Colors & Styles ~ Must be used in a custom style box*/

.us-link--primary, .us-link--base, .us-link--alt-base, .us-link--base-primary, .us-link--alt-base-primary, .us-link-bg--primary, .us-link,
:is(.us-grp-link--primary, .us-grp-link--base, .us-grp-link--alt-base, .us-grp-link--base-primary, .us-grp-link--alt-base-primary, .us-grp-link-bg--primary, .us-grp-link) a {
    --color: var(--link, #eec14c);
    --transition: var(--link-transition, all var(--transition-fast, 0.32s ease-in-out));
    --text-decoration: var(--link-decoration, unset);
    color: var(--color, #eec14c);
    transition: var(--transition);
    text-decoration: var(--text-decoration);
}

:is(.us-link--primary, .us-link--base-primary, .us-link--alt-base-primary):hover, 
:is(.us-grp-link--primary, .us-grp-link--base-primary, .us-grp-link--alt-base-primary) a:hover {
    --color: var(--link--hover, #FFB900);
    --transition: all var(--transition-medium, 0.64s);
}
.us-link--primary--visited:visited, .us-grp-link--primary--visited a:visited {
    --color: var(--link--visited, hsla(var(--primary-hsl-value, 43 83% 62%), var(--alpha-heavy, .8)));
}

:is(.us-link--base, .us-link--base-primary), :is(.us-grp-link--base, .us-grp-link--base-primary) a {
    --color: var(--link-base, #141414);
}
.us-link--base:hover, .us-grp-link--base a:hover {
    --color: var(--link-base--hover, #0A0A0A);
    --transition: all var(--transition-medium, 0.64s);
}

.us-link--base--visited:visited, .us-grp-link--base--visited a:visited {
    --color: var(--link-base--visited, hsla(var(--base-hsl-value, 0 0% 8%), var(--alpha-heavy, .8)));
}

:is(.us-link--alt-base, .us-link--alt-base-primary) {
    --color: var(--alt-link-base, #E6E6E6);
}
.us-link--alt-base:hover {
    --color: var(--alt-link-base--hover, #FAFAFA);
    --transition: all var(--transition-medium, 0.64s);
}
.us-link--alt-base--visited:visited, .us-grp-link--alt-base--visited a:visited {
    --color: var(--alt-link-base--visited, hsla(var(--alt-base-hsl-value, 0 0% 90%), var(--alpha-heavy, .8)));
}

:is(.us-link--base, .us-link--alt-base), :is(.us-grp-link--base, .us-grp-link--alt-base) a {
    --text-decoration: var(--alt-link-decoration, underline);
}


.us-link-bg--primary, .us-grp-link-bg--primary a {
    --color: var(--dark, #141414);
    --bg-color: var(--link, #EEC14C);
    color: var(--color);
    background-color: var(--bg-color);
}
.us-link-bg--primary:hover, .us-grp-link-bg--primary a:hover {
    --color: var(--dark, #141414);
    --bg-color: var(--link--hover, #FFB900);
    --transition: all var(--transition-medium, 0.64s);
}
.us-link-bg--primary--visited:visited, .us-grp-link-bg--primary--visited a:visited {
    --color: var(--dark, #141414);
    --bg-color: var(--link--visited, hsla(var(--primary-hsl-value, 43 83% 62%), var(--alpha-heavy, .8)));
}

.us-link-bg--base, .us-grp-link-bg--base a {
    --color: var(--alt-link-base, #E6E6E6);
    --bg-color: var(--link-base, #141414);
    color: var(--color) !important;
    background-color: var(--bg-color) !important;
}
.us-link-bg--base:hover, .us-grp-link-bg--base a:hover {
    --color: var(--alt-link-base--hover, #FAFAFA);
    --bg-color: var(--link-base--hover, #0A0A0A);
    --transition: all var(--transition-medium, 0.64s);
}
.us-link-bg--base--visited:visited, .us-grp-link-bg--base--visited a:visited {
    --color: var(--alt-link-base--visited, hsla(var(--base-hsl-value, 0 0% 90%), var(--alpha-heavy, .8)));
    --bg-color: var(--link-base--visited, hsla(var(--base-hsl-value, 0 0% 8%), var(--alpha-heavy, .8)));
}

.us-link-bg--alt-base, .us-grp-link-bg--alt-base a {
    --color: var(--link-base, #141414);
    --bg-color: var(--alt-link-base, #E6E6E6);
    color: var(--color) !important;
    background-color: var(--bg-color) !important;
}
.us-link-bg--alt-base:hover, .us-grp-link-bg--alt-base a:hover {
    --color: var(--link-base--hover, #0A0A0A);
    --bg-color: var(--alt-link-base--hover, #FAFAFA);
}
.us-link-bg--alt-base--visited:visited, .us-grp-link-bg--alt-base--visited a:visited {
    --color: var(--link-base--visited, hsla(var(--base-hsl-value, 0 0% 8%), var(--alpha-medium, .64)));
    --bg-color: var(--alt-link-base--visited, hsla(var(--base-hsl-value, 0 0% 90%), var(--alpha-medium, .64)));
}


/* Text & Link Decoration */

.us-underline, .us-link-underline, .us-grp-link-underline a, .us-link--underline--hover:hover, .us-grp-link--underline--hover a:hover {
    --decoration: underline;
    text-decoration: var(--decoration, underline);
}

.us-dotted, .us-link-dotted, .us-grp-link-dotted a, .us-link--dotted--hover:hover, .us-grp-link--dotted--hover a:hover {
    --decoration: dotted;
    text-decoration: var(--decoration, dotted);
}

.us-dashed, .us-link-dashed, .us-grp-link-dashed a, .us-link--dashed--hover:hover, .us-grp-link--dashed--hover a:hover {
    --decoration: dashed;
    text-decoration: var(--decoration, dashed);
}
.us-wavy, .us-link-wavy, .us-grp-link-wavy a, .us-link--wavy--hover:hover, .us-grp-link--wavy--hover a:hover {
    --decoration: wavy;
    text-decoration: var(--decoration, wavy);
}
.us-undecorated, .us-link-undecorated, .us-grp-link-undecorated a, .us-link--undecorated--hover:hover, .us-grp-link--undecorated--hover a:hover {
    --decoration: none;
    text-decoration: var(--decoration, none);
}



/* Base Styles End */ 


/* Button Base Styles */

:is(.us-btn, .us-btn--primary, .us-btn--outlined, .us-btn--base-primary, .us-btn--alt-base-primary, .us-btn--base, .us-btn--alt-base, .us-btn--outlined-base, .us-btn--outlined-alt-base, .us-btn--outlined-base-primary, .us-btn--outlined-alt-base-primary, .us-btn--muted, .us-btn--alt-muted), 
:is(.us-grp-btn, .us-grp-btn--primary, .us-grp-btn--outlined, .us-grp-btn--base-primary, .us-grp-btn--alt-base-primary, .us-grp-btn--base, .us-grp-btn--alt-base, .us-grp-btn--outlined-base, .us-grp-btn--outlined-alt-base, .us-grp-btn--outlined-base-primary, .us-grp-btn--outlined-alt-base-primary, .us-grp-btn--muted, .us-grp-btn--alt-muted) :is(a, button) {
    --display: flex;
    --flex-align: center;
    --flex-justify: center;
    --font-weight: var(--btn-weight, 500);
    --line-height: var(--btn-line, 1.3); 
    --color: var(--dark, var(--btn-base, #141414));
    --bg-color: var(--btn-primary, #EEC14C);
    --spacing: var(--btn-space-m, calc(var(--box-space, 8px) * 2) calc(var(--box-space, 8px) * 3));
    --width: fit-content;
    --height: fit-content;
    --min-height: var(--btn-m, 48px);
    --border-width: var(--btn-border-width, 2px);
    --border-style: solid;
    --border-color: var(--btn-border-color, #EEC14C);
    --border-radius: var(--btn-border-radius, 8px);
    --transition: var(--btn-transition, all 0.32s ease-in-out);

    display: var(--display, flex);
    align-items: var(--flex-align, center);
    justify-content: var(--flex-justify, center);
    font-weight: var(--font-weight, 500);
    line-height: var(--line-height, 1.3); 
    color: var(--color, #141414);
    background-color: var(--bg-color, #EEC14C);
    padding: var(--spacing, calc(var(--box-space, 8px) * 2) calc(var(--box-space, 8px) * 3));
    width: var(--width, fit-content);
    height: var(--height, fit-content);
    min-height: var(--min-height, 48px);
    border-width: var(--border-width, 2px);
    border-style: solid;
    border-color: var(--border-color, #EEC14C);
    border-radius: var(--border-radius, 8px);
    transition: var(--transition, all 0.32s ease-in-out);
}

:is(.us-btn, .us-btn-primary):hover, :is(.us-grp-btn, .us-grp-btn-primary) :is(a, button):hover {
    --bg-color: var(--btn-bg-color--hover, #FFB900);
}

:is(.us-button__primary, .us-button__outlined, .us-button__dark, .us-button__light, .us-button__outlined-primary, .us-button__dark-primary, .us-button__light-primary, .us-button__outlined-dark, .us-button__outlined-light, .us-button__outlined-dark-primary, .us-button__outlined-light-primary, .us-button__small, .us-button__medium, .us-button__big, .us-button__large, .us-button__muted-primary, .us-button__muted-dark, .us-button__muted-light) {
    font-weight: var(--button-font-weight, 500);
    line-height: var(--button-line-height, 1.3); 
    transition: var(--button-transition, all 0.32s ease-in-out);
    width: fit-content;
    height: fit-content;
}

/* Raw Button Spacing & Base Styles - Must be used in a custom style box*/ 

a:is(.us-button__primary, .us-button__outlined, .us-button__dark, .us-button__light, .us-button__outlined-primary, .us-button__dark-primary, .us-button__light-primary, .us-button__outlined-dark, .us-button__outlined-light, .us-button__outlined-dark-primary, .us-button__outlined-light-primary, .us-button__muted-primary, .us-button__muted-dark, .us-button__muted-light):not(.us-button__small, .us-button__medium, .us-button__big, .us-button__large), 
:is(.us-button__primary, .us-button__outlined, .us-button__dark, .us-button__light, .us-button__outlined-primary, .us-button__dark-primary, .us-button__light-primary, .us-button__outlined-dark, .us-button__outlined-light, .us-button__outlined-dark-primary, .us-button__outlined-light-primary, .us-button__muted-primary, .us-button__muted-dark, .us-button__muted-light):not(.us-button__small, .us-button__medium, .us-button__big, .us-button__large) {
    font-size: var(--text-size-m, 18px);
    padding: var(--button-padding-m, 8px 12px);
    min-height: var(--button-height-m, 40px);  
    border-radius: var(--border-radius-s, 8px); 
}


/* Button Display & Flex */

:is(span, a):is(.us-button__primary, .us-button__outlined, .us-button__dark, .us-button__light, .us-button__outlined-primary, .us-button__dark-primary, .us-button__light-primary, .us-button__outlined-dark, .us-button__outlined-light, .us-button__outlined-dark-primary, .us-button__outlined-light-primary, .us-button__small, .us-button__medium, .us-button__big, .us-button__large, .us-button__muted-primary, .us-button__muted-dark, .us-button__muted-light) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
:is(div, p):is(.us-button__primary, .us-button__outlined, .us-button__dark, .us-button__light, .us-button__outlined-primary, .us-button__dark-primary, .us-button__light-primary, .us-button__outlined-dark, .us-button__outlined-light, .us-button__outlined-dark-primary, .us-button__outlined-light-primary, .us-button__small, .us-button__medium, .us-button__big, .us-button__large, .us-button__muted-primary, .us-button__muted-dark, .us-button__muted-light) {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Button Types */ 


:is(.us-button__primary, .us-button__light, .us-button__light-primary, .us-button__outlined-dark, .us-button__outlined-dark-primary) {
    color: var(--color-button-dark, #141414) !important;
}
:is(.us-button__dark, .us-button__dark-primary, .us-button__outlined-light, .us-button__outlined-light-primary) {
    color: var(--color-button-light, #E6E6E6) !important;
}

:is(.us-button__outlined, .us-button__outlined-primary, .us-button__outlined-dark, .us-button__outlined-light, .us-button__outlined-dark-primary, .us-button__outlined-light-primary, .us-button__outlined:hover) {
    background-color: var(--color-transparent, rgba(255, 255, 255, 0));
    border-width: var(--button-border-width, 2px); 
    border-style: solid;
}

:is(.us-button__primary, .us-button__dark-primary, .us-button__light-primary, .us-button__outlined-primary, .us-button__outlined-dark-primary, .us-button__outlined-light-primary):hover {
    color: var(--color-button-dark-accent, #0A0A0A) !important; 
    background-color: var(--color-button-primary-accent, #FFB900);
}

:is(.us-button__outlined-primary, .us-button__outlined-dark-primary, .us-button__outlined-light-primary):hover {
    border-color: var(--color-button-primary-accent, #FFB900);
}

.us-button__primary {
    background-color: var(--color-button-primary, #EEC14C);
}


.us-button__dark-primary {
    background-color: var(--color-button-dark, #141414); 
}

.us-button__light-primary {
    background-color: var(--color-button-light, #E6E6E6); 
}


.us-button__dark {
    background-color: var(--color-button-dark, #141414); 
}
.us-button__dark:hover {
    background-color: var(--color-button-dark-accent, #0A0A0A);
}


.us-button__light {
    background-color: var(--color-button-light, #E6E6E6); 
}
.us-button__light:hover {
    background-color: var(--color-button-light-accent, #0A0A0A);
}


.us-button__outlined, .us-button__outlined-primary {
    color: var(--color-button-primary, #EEC14C) !important; 
    border-color: var(--color-button-primary, #EEC14C);  
}
.us-button__outlined:hover {
    color: var(--color-button-primary-accent, #FFB900) !important; 
    border-color: var(--color-button-primary-accent, #FFB900); 
}

.us-button__outlined-dark, .us-button__outlined-dark-primary {
    border-color: var(--color-button-dark, #141414);  
}
.us-button__outlined-light, .us-button__outlined-light-primary {
    border-color: var(--color-button-light, #E6E6E6);
}

.us-button__outlined-dark:hover {
    color: var(--color-button-light-accent, #FAFAFA) !important; 
    background-color: var(--color-button-dark-accent, #0A0A0A); 
    border-color: var(--color-button-dark-accent, #0A0A0A); 
}

.us-button__outlined-light:hover {
    color: var(--color-button-dark-accent, #0A0A0A) !important; 
    background-color: var(--color-button-light-accent, #FAFAFA); 
    border-color: var(--color-button-light-accent, #FAFAFA); 
}



/* Button Size */


.us-button__small {
    font-size: var(--text-size-s, 16px) !important;
    padding: var(--button-padding-s, 4px 8px) !important;
    min-height: var(--button-height-s, 32px) !important;  
    border-radius: var(--border-radius-xs, 4px) !important;
}

.us-button__medium {
    font-size: var(--text-size-m, 18px);
    padding: var(--button-padding-m, 8px 12px);
    min-height: var(--button-height-m, 40px);  
    border-radius: var(--border-radius-s, 8px); 
}

.us-button__big {
    font-size: var(--text-size-m, 18px);
    padding: var(--button-padding-l, 12px 24px) !important;
    min-height: var(--button-height-l, 48px) !important;  
    border-radius: var(--border-radius-s, 8px); 
}

.us-button__large {
    font-size: var(--text-size-l, 20px) !important;
    padding: var(--button-padding-l, 12px 24px) !important;
    min-height: var(--button-height-xl, 56px) !important;  
    border-radius: var(--border-radius-s, 8px); 
}

/* Button Specific */

:is(.us-button__muted-primary, .us-button__muted-dark, .us-button__muted-light) {
    --color-modifier: var(--alpha-medium, 0.64);
    cursor: not-allowed;
}

.us-button__muted-primary {
    color: var(--color-muted-alpha-base, rgba(var(--color-muted-rgb-value), var(--color-modifier, 0.64))) !important;
    background-color: rgba(var(--color-primary-rgb-value), var(--color-modifier, 0.64)); 
}
.us-button__muted-dark {
    color: var(--color-muted-alpha-alternative-base, rgba(var(--color-muted-alternative-rgb-value), var(--color-modifier, 0.64))) !important; 
    background-color: var(--color-muted-alpha-base, rgba(var(--color-muted-rgb-value), var(--color-modifier, 0.64)));
}
.us-button__muted-light {
    color: var(--color-muted-alpha-base, rgba(var(--color-muted-rgb-value), var(--color-modifier, 0.64))) !important; 
    background-color: var(--color-muted-alternative-alpha-base, rgba(var(--color-muted-alternative-rgb-value), var(--color-modifier, 0.64))); 
}



/* Label */



/* Label Base Styles */

:is(.us-label__primary, .us-label__outlined, .us-label__dark, .us-label__light, .us-label__outlined-primary, .us-label__dark-primary, .us-label__light-primary, .us-label__outlined-dark, .us-label__outlined-light, .us-label__outlined-dark-primary, .us-label__outlined-light-primary, .us-label__small, .us-label__medium, .us-label__big, .us-label__large), .us-group--label__primary > :is(div, span, a) {
    font-weight: var(--label-font-weight, 500);
    line-height: var(--label-line-height, 1.2); 
    transition: var(--label-transition, all 0.32s ease-in-out);
    width: fit-content;
    height: fit-content;
}

/* Raw label Spacing & Base Styles - Must be used in a custom style box*/ 

a:is(.us-label__primary, .us-label__outlined, .us-label__dark, .us-label__light, .us-label__outlined-primary, .us-label__dark-primary, .us-label__light-primary, .us-label__outlined-dark, .us-label__outlined-light, .us-label__outlined-dark-primary, .us-label__outlined-light-primary,):not(.us-label__small, .us-label__medium, .us-label__big, .us-label__large), 
:is(.us-label__primary, .us-label__outlined, .us-label__dark, .us-label__light, .us-label__outlined-primary, .us-label__dark-primary, .us-label__light-primary, .us-label__outlined-dark, .us-label__outlined-light, .us-label__outlined-dark-primary, .us-label__outlined-light-primary):not(.us-label__small, .us-label__medium, .us-label__big, .us-label__large), .us-group--label__primary > :is(div, span, a) {
    font-size: var(--text-size-s, 16px);
    padding: var(--label-padding-m, 6px 12px);
    min-height: var(--label-height-m, 28px);  
    border-radius: var(--border-radius-s, 8px); 
}


/* label Display & Flex */

:is(span, a):is(.us-label__primary, .us-label__outlined, .us-label__dark, .us-label__light, .us-label__outlined-primary, .us-label__dark-primary, .us-label__light-primary, .us-label__outlined-dark, .us-label__outlined-light, .us-label__outlined-dark-primary, .us-label__outlined-light-primary, .us-label__small, .us-label__medium, .us-label__big, .us-label__large), .us-group--label__primary > :is(div, span, a) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
:is(div, p):is(.us-label__primary, .us-label__outlined, .us-label__dark, .us-label__light, .us-label__outlined-primary, .us-label__dark-primary, .us-label__light-primary, .us-label__outlined-dark, .us-label__outlined-light, .us-label__outlined-dark-primary, .us-label__outlined-light-primary, .us-label__small, .us-label__medium, .us-label__big, .us-label__large) {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* label Types */ 


:is(.us-label__primary, .us-label__light, .us-label__light-primary, .us-label__outlined-dark, .us-label__outlined-dark-primary), .us-group--label__primary > :is(div, span, a) {
    color: var(--color-label-dark, #141414) !important;
}
:is(.us-label__dark, .us-label__dark-primary, .us-label__outlined-light, .us-label__outlined-light-primary) {
    color: var(--color-label-light, #E6E6E6) !important;
}

:is(.us-label__outlined, .us-label__outlined-primary, .us-label__outlined-dark, .us-label__outlined-light, .us-label__outlined-dark-primary, .us-label__outlined-light-primary, .us-label__outlined:hover) {
    background-color: var(--color-transparent, rgba(255, 255, 255, 0));
    border-width: var(--label-border-width, 2px); 
    border-style: solid;
}

:is(.us-label__primary, .us-label__dark-primary, .us-label__light-primary, .us-label__outlined-primary, .us-label__outlined-dark-primary, .us-label__outlined-light-primary):hover, .us-group--label__primary > :is(div, span, a):hover {
    color: var(--color-label-dark-accent, #0A0A0A) !important; 
    background-color: var(--color-label-primary-accent, #FFB900);
}

:is(.us-label__outlined-primary, .us-label__outlined-dark-primary, .us-label__outlined-light-primary):hover {
    border-color: var(--color-label-primary-accent, #FFB900);
}

.us-label__primary, .us-group--label__primary > :is(div, span, a) {
    background-color: var(--color-label-primary, #EEC14C);
}


.us-label__dark-primary {
    background-color: var(--color-label-dark, #141414); 
}

.us-label__light-primary {
    background-color: var(--color-label-light, #E6E6E6); 
}


.us-label__dark {
    background-color: var(--color-label-dark, #141414); 
}
.us-label__dark:hover {
    background-color: var(--color-label-dark-accent, #0A0A0A);
}


.us-label__light {
    background-color: var(--color-label-light, #E6E6E6); 
}
.us-label__light:hover {
    background-color: var(--color-label-light-accent, #0A0A0A);
}


.us-label__outlined, .us-label__outlined-primary {
    color: var(--color-label-primary, #EEC14C) !important; 
    border-color: var(--color-label-primary, #EEC14C);  
}
.us-label__outlined:hover {
    color: var(--color-label-primary-accent, #FFB900) !important; 
    border-color: var(--color-label-primary-accent, #FFB900); 
}

.us-label__outlined-dark, .us-label__outlined-dark-primary {
    border-color: var(--color-label-dark, #141414);  
}
.us-label__outlined-light, .us-label__outlined-light-primary {
    border-color: var(--color-label-light, #E6E6E6);
}

.us-label__outlined-dark:hover {
    color: var(--color-label-light-accent, #FAFAFA) !important; 
    background-color: var(--color-label-dark-accent, #0A0A0A); 
    border-color: var(--color-label-dark-accent, #0A0A0A); 
}

.us-label__outlined-light:hover {
    color: var(--color-label-dark-accent, #0A0A0A) !important; 
    background-color: var(--color-label-light-accent, #FAFAFA); 
    border-color: var(--color-label-light-accent, #FAFAFA); 
}


/* Label Size */


.us-label__small {
    font-size: var(--text-size-xs, 14px) !important;
    padding: var(--label-padding-s, 4px 8px) !important;
    min-height: var(--label-height-s, 24px) !important;  
    border-radius: var(--border-radius-xs, 4px) !important;
}

.us-label__medium {
    font-size: var(--text-size-s, 16px);
    padding: var(--label-padding-m, 6px 12px);
    min-height: var(--label-height-m, 28px);  
    border-radius: var(--border-radius-s, 8px); 
}

.us-label__big {
    font-size: var(--text-size-s, 16px);
    padding: var(--label-padding-l, 8px 16px) !important;
    min-height: var(--label-height-l, 32px) !important;  
    border-radius: var(--border-radius-s, 8px); 
}

.us-label__large {
    font-size: var(--text-size-m, 18px) !important;
    padding: var(--label-padding-l, 8px 16px) !important;
    min-height: var(--label-height-xl, 40px) !important;  
    border-radius: var(--border-radius-s, 8px) !important; 
}



/* Icon */


:is(.us-icon__primary, .us-icon__dark, .us-icon__light, .us-icon__dark-primary, .us-icon__light-primary, .us-icon__muted, .us-icon__small, .us-icon__medium, .us-icon__big, .us-icon__large, .us-icon__huge, 
.us-icon-box__primary, .us-icon-box__dark, .us-icon-box__dark-primary, .us-icon-box__light, .us-icon-box__light-primary, .us-icon-box__small, .us-icon-box__medium, .us-icon-box__big, .us-icon-box__large, 
.us-icon-outlined__primary, .us-icon-outlined__primary-box, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary-box) :is(div, svg, path) {
    transition: var(--icon-transition, all 0.32s ease-in-out);
}

/* Icon Sizing - Must be used in a custom style box*/ 

:is(.us-icon__primary, .us-icon__dark, .us-icon__light, .us-icon__dark-primary, .us-icon__light-primary, .us-icon__muted):not(.us-icon__small, .us-icon__medium, .us-icon__big, .us-icon__large, .us-icon__huge) svg, 
:is(.us-icon-box__primary, .us-icon-box__dark, .us-icon-box__light, .us-icon-box__dark-primary, .us-icon-box__light-primary, .us-icon-outlined__primary, .us-icon-outlined__primary-box, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary-box):not(.us-icon-box__small, .us-icon-box__medium, .us-icon-box__big, .us-icon-box__large) svg {
    max-width: var(--icon-size-m, 20px) !important; 
    max-height: var(--icon-size-m, 20px);
    width: fit-content;
    height: fit-content;
}

:is(.us-icon-box__primary, .us-icon-box__dark, .us-icon-box__light, .us-icon-box__dark-primary, .us-icon-box__light-primary, .us-icon-outlined__primary, .us-icon-outlined__primary-box, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary-box):not(.us-icon-box__small, .us-icon-box__medium, .us-icon-box__big, .us-icon-box__large) > div {
    max-width: var(--icon-box-size-m, 32px); 
    max-height: var(--icon-box-size-m, 32px);
    width: fit-content;
    height: fit-content; 
    padding: var(--icon-box-padding-m, 10px);
}

:is(.us-icon-box__primary, .us-icon-box__dark, .us-icon-box__light, .us-icon-box__dark-primary, .us-icon-box__light-primary, .us-icon-outlined__primary, .us-icon-outlined__primary-box, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary-box, .us-icon-box__small, .us-icon-box__medium, .us-icon-box__big, .us-icon-box__large) > div {
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-circle, 50%);
}

:is(.us-icon-outlined__primary, .us-icon-outlined__primary-box, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary-box) > div {
    border-style: solid;
    border-width: var(--border-width-m, 2px);
}


/* Icon Color */

:is(.us-icon__primary, .us-icon__dark-primary, .us-icon__light-primary):hover svg path {fill:var(--color-icon-primary-accent, #FFB900) !important;}

.us-icon__primary svg path {fill: var(--color-icon-primary, #EEC14C) !important;}

.us-icon__dark svg path, .us-icon__dark-primary svg path {fill: var(--color-icon-dark, #141414) !important;}
.us-icon__dark:hover svg path {fill: var(--color-icon-dark-accent, #0A0A0A) !important;}

.us-icon__light svg path, .us-icon__light-primary svg path {fill: var(--color-icon-light, #E6E6E6) !important;}
.us-icon__light:hover svg path {fill: var(--color-icon-light-accent, #FAFAFA) !important;}

.us-icon__muted svg path {--color-modifier: var(--alpha-medium); fill: var(--color-muted-alpha-base, rgba(var(--color-muted-rgb-value), var(--color-modifier, 0.64))) !important;}


/* Icon Size */

.us-icon__small svg {width: var(--icon-size-s, 16px) !important; height: var(--icon-size-s, 16px);}
.us-icon__medium svg {width: var(--icon-size-m, 20px) !important; height: var(--icon-size-m, 20px);}
.us-icon__big svg {width: var(--icon-size-l, 24px) !important; height: var(--icon-size-l, 24px);}
.us-icon__large svg {width: var(--icon-size-xl, 32px) !important; height: var(--icon-size-xl, 32px);}
.us-icon__huge svg {width: var(--icon-size-xxl, 40px) !important; height: var(--icon-size-xxl, 40px);}



/* Icon Box */

:is(.us-icon-box__primary, .us-icon-box__dark-primary, .us-icon-box__light-primary) > div:hover {
    background-color: var(--color-icon-primary-accent, #FFB900);
}
:is(.us-icon-box__primary, .us-icon-box__dark-primary, .us-icon-box__light-primary) > div:hover svg path {
    fill: var(--color-icon-dark-accent, #0A0A0A) !important;
}

.us-icon-box__primary > div {background-color: var(--color-icon-primary, #EEC14C);}
.us-icon-box__primary svg path {fill: var(--color-icon-dark, #141414) !important;}

.us-icon-box__dark > div {background-color: var(--color-icon-dark, #141414);}
.us-icon-box__dark svg path {fill: var(--color-icon-light, #E6E6E6) !important;}
.us-icon-box__dark > div:hover {background-color: var(--color-icon-dark-accent, #0A0A0A);}
.us-icon-box__dark > div:hover svg path {fill: var(--color-icon-light-accent, #FAFAFA) !important;}

.us-icon-box__dark-primary > div {background-color: var(--color-icon-dark, #141414);}
.us-icon-box__dark-primary svg path {fill: var(--color-icon-light, #E6E6E6) !important;}

.us-icon-box__light > div {background-color: var(--color-icon-light, #E6E6E6);}
.us-icon-box__light svg path {fill: var(--color-icon-dark, #141414) !important;}
.us-icon-box__light > div:hover {background-color: var(--color-icon-light-accent, #FAFAFA);}
.us-icon-box__light > div:hover svg path {fill: var(--color-icon-dark-accent, #0A0A0A) !important;}

.us-icon-box__light-primary > div {background-color: var(--color-icon-light, #E6E6E6);}
.us-icon-box__light-primary svg path {fill: var(--color-icon-dark, #141414) !important;}



/* Icon Box Outlined */

:is(.us-icon-outlined__primary, .us-icon-outlined__primary-box, .us-icon-outlined__dark-primary, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary, .us-icon-outlined__light-primary-box) > div, 
:is(.us-icon-outlined__primary, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary) > div:hover {
    background-color: var(--color-transparent, rgba(255, 255, 255, 0));
}

.us-icon-outlined__primary > div, .us-icon-outlined__primary-box > div {border-color: var(--color-icon-primary, #EEC14C);}
.us-icon-outlined__primary svg path, .us-icon-outlined__primary-box svg path {fill: var(--color-icon-primary, #EEC14C) !important;}

:is(.us-icon-outlined__primary, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary) > div:hover {
border-color: var(--color-icon-primary-accent, #FFB900);
}
:is(.us-icon-outlined__primary, .us-icon-outlined__dark-primary, .us-icon-outlined__light-primary) > div:hover svg path {
    fill: var(--color-icon-primary-accent, #FFB900) !important;
}

:is(.us-icon-outlined__primary-box, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary-box) > div:hover {
    background-color: var(--color-icon-primary-accent, #FFB900);
    border-color: var(--color-icon-primary-accent, #FFB900);
}
:is(.us-icon-outlined__primary-box, .us-icon-outlined__dark-primary-box, .us-icon-outlined__light-primary-box) > div:hover svg path {
    fill: var(--color-icon-dark-accent, #0A0A0A) !important;
}

:is(.us-icon-outlined__dark-primary, .us-icon-outlined__dark-primary-box) > div {border-color: var(--color-icon-dark, #141414);}
:is(.us-icon-outlined__dark-primary, .us-icon-outlined__dark-primary-box) svg path {fill: var(--color-icon-dark, #141414) !important;}

:is(.us-icon-outlined__light-primary, .us-icon-outlined__light-primary-box) > div {border-color: var(--color-icon-light, #E6E6E6);}
:is(.us-icon-outlined__light-primary, .us-icon-outlined__light-primary-box) svg path {fill: var(--color-icon-light, #E6E6E6) !important;}



/* Icon Box Shape */

.us-icon-box__square > div {border-radius: var(--border-radius-square, 0px);}
.us-icon-box__rounded-s > div {border-radius: var(--border-radius-s, 8px);}
.us-icon-box__rounded-m > div {border-radius: var(--border-radius-m, 16px);}
.us-icon-box__rounded-l > div {border-radius: var(--border-radius-l, 24px);}


/* Icon Box Size */

.us-icon-box__small > div {
    max-width: var(--icon-box-size-s, 24px); 
    max-height: var(--icon-box-size-s, 24px); 
    padding: var(--icon-box-padding-s, 8px);
}
.us-icon-box__medium > div {
    max-width: var(--icon-box-size-m, 32px); 
    max-height: var(--icon-box-size-m, 32px); 
    padding: var(--icon-box-padding-m, 10px);
}
.us-icon-box__big > div {
    max-width: var(--icon-box-size-l, 40px); 
    max-height: var(--icon-box-size-l, 40px); 
    padding: var(--icon-box-padding-l, 12px);
}
.us-icon-box__large > div {
    max-width: var(--icon-box-size-xl, 48px); 
    max-height: var(--icon-box-size-xl, 48px); 
    padding: var(--icon-box-padding-xl, 16px);
}

.us-icon-box__small svg {
    max-width: var(--icon-size-s, 16px); 
    max-height: var(--icon-size-s, 16px);
}
.us-icon-box__medium svg {
    max-width: var(--icon-size-m, 20px); 
    max-height: var(--icon-size-m, 20px);
}
.us-icon-box__big svg {
    max-width: var(--icon-size-l, 24px); 
    max-height: var(--icon-size-l, 24px);
}
.us-icon-box__large svg {
    max-width: var(--icon-size-xl, 32px); 
    max-height: var(--icon-size-xl, 32px);
}




/* Input */ 


/* Input Spacing - Must be used in a custom style box*/ 

:is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary, .us-input__dark, .us-input__light, .us-input__muted):not(.us-input__small, .us-input__medium, .us-input__big) {
    font-size: var(--text-size-m, 18px);
    padding: var(--input-padding-m, 6px 12px);
    min-height: var(--input-height-m, 32px); 
    border-radius: var(--border-radius-s, 8px);
}

.us-input__primary, .us-input__dark-primary, .us-input__light-primary, .us-input__dark, .us-input__light, .us-input__muted, .us-input__small, .us-input__medium, .us-input__big {
    transition: all calc(var(--transition-base, 0.64s) / 2) var(--transition-timing-base, ease-in-out);
    height: fit-content;
    border-style: solid;
    border-width: var(--border-width-m, 2px);
    outline-style: solid;
    outline-width: var(--border-width-m, 2px);
    outline-color: var(--color-transparent, rgba(255, 255, 255, 0));
}

/* Input Style */ 

:is(.us-input__primary, .us-input__dark-primary, .us-input__dark, .us-input__primary input, .us-input__dark-primary input, .us-input__dark input)::placeholder {
    color: var(--color-muted-alpha-base, var(--color-muted,#333333));
  }

:is(.us-input__light-primary, .us-input__light, .us-input__light-primary input, .us-input__light input)::placeholder {
    color: var(--color-muted-alternative-alpha-base, var(--color-muted-alternative, #D9D9D9));
  }

.us-input__primary, input.us-input__primary, .us-input__primary input {
    border-color: var(--color-input-primary, #EEC14C);
    color: var(--color-input-dark, #141414);
}
.us-input__primary:is(:focus, :active), input.us-input__primary:is(:focus, :active), .us-input__primary input:is(:focus, :active) {
    color: var(--color-input-dark-accent, #0A0A0A);
}

:is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary):is(:hover, :active), input:is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary):is(:hover, :active), :is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary) input:is(:hover, :active) {
    border-color: var(--color-input-primary-accent, #FFB900);
}
:is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary):focus, input:is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary):focus, :is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary) input:focus {
    border-color: var(--color-input-primary-accent, #FFB900);
    outline-color: var(--color-input-primary-accent, #FFB900);
}

:is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary, .us-input__dark, .us-input__light, .us-input__muted), input:is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary, .us-input__dark, .us-input__light, .us-input__muted), :is(.us-input__primary, .us-input__dark-primary, .us-input__light-primary, .us-input__dark, .us-input__light, .us-input__muted) input {
    background-color: var(--color-transparent, rgba(255, 255, 255, 0));
}

:is(.us-input__dark-primary, .us-input__dark), input:is(.us-input__dark-primary, .us-input__dark), :is(.us-input__dark-primary, .us-input__dark) input {
    color: var(--color-input-dark, #141414);
    border-color: var(--color-input-dark, #141414);  
}

:is(.us-input__light-primary, .us-input__light), input:is(.us-input__light-primary, .us-input__light), :is(.us-input__light-primary, .us-input__light) input {

    color: var(--color-input-light, #E6E6E6); 
    border-color: var(--color-input-light, #E6E6E6);  
}

:is(.us-input__dark, .us-input__dark-primary):is(:focus, :active), input:is(.us-input__dark, .us-input__dark-primary):is(:focus, :active), :is(.us-input__dark, .us-input__dark-primary) input:is(:focus, :active) {
    color: var(--color-input-dark-accent, #0A0A0A);
    background-color: var(--color-input-light-accent, #FAFAFA);
}

:is(.us-input__light, .us-input__light-primary):is(:focus, :active), input:is(.us-input__light, .us-input__light-primary):is(:focus, :active), :is(.us-input__light, .us-input__light-primary) input:is(:focus, :active) {
    color: var(--color-input-light-accent, #FAFAFA);
    background-color: var(--color-input-dark-accent, #0A0A0A);
}

.us-input__dark:is(:hover, :active), input:is(.us-input__dark):is(:hover, :active), :is(.us-input__dark) input:is(:hover, :active) {
    border-color: var(--color-input-dark-accent, #0A0A0A);
}
.us-input__dark:focus, input.us-input__dark:focus, .us-input__dark input:focus {
    border-color: var(--color-input-dark-accent, #0A0A0A);
    outline-color: var(--color-input-dark-accent, #0A0A0A);
}

.us-input__light:is(:hover, :active), input.us-input__light:is(:hover, :active), .us-input__light input:is(:hover, :active) {
    border-color: var(--color-input-light-accent, #FAFAFA);
}
.us-input__light:focus, input.us-input__light:focus, .us-input__light input:focus {
    border-color: var(--color-input-light-accent, #FAFAFA);
    outline-color: var(--color-input-light-accent, #FAFAFA);
}

.us-input__muted, input.us-input__muted, .us-input__muted input {
    border-color: var(--color-input-muted, #333333);
    color: var(--color-input-muted, #333333);
}


/* Input Size */

.us-input__small {
    font-size: var(--text-size-s, 16px) !important;
    padding: var(--input-padding-s, 4px 8px) !important;
    min-height: var(--input-height-s, 24px) !important;  
    border-radius: var(--border-radius-xs, 4px) !important;
}

.us-input__medium {
    font-size: var(--text-size-m, 18px);
    padding: var(--input-padding-m, 6px 12px);
    min-height: var(--input-height-m, 32px); 
    border-radius: var(--border-radius-s, 8px); 
}

.us-input__big {
    font-size: var(--text-size-m, 18px);
    padding: var(--input-padding-l, 8px 16px) !important;
    min-height: var(--input-height-l, 40px) !important;  
    border-radius: var(--border-radius-s, 8px); 
}



/* Box */ 

:is(.us-box__primary-accent, .us-box__darker-dark, .us-box__dark-darken, .us-box__lighter-light .us-box__light-lighten), :is(.us-group--box__primary-accent, .us-group--box__darker-dark, .us-group--box__dark-darken, .us-group--box__light-lighten) > :is(div, span, a) {
    transition: all calc(var(--transition-base, 0.64s) / 2) var(--transition-timing-base, ease-in-out);
}

.us-box__primary-accent, .us-group--box__primary-accent > :is(div, span, a) {background-color: var(--color-primary);}
.us-box__primary-accent:hover, .us-group--box__primary-accent > :is(div, span, a):hover {background-color: var(--color-accent);}

.us-box__darker-dark, .us-group--box__darker-dark > :is(div, span, a) {background-color: var(--color-darker);}
.us-box__darker-dark:hover, .us-group--box__darker-dark > :is(div, span, a):hover {background-color: var(--color-dark);}

.us-box__dark-darken, .us-group--box__dark-darken > :is(div, span, a) {background-color: var(--color-dark);}
.us-box__dark-darken:hover, .us-group--box__dark-darken > :is(div, span, a):hover {background-color: var(--color-darken);}

.us-box__lighter-light, .us-group--box__lighter-light > :is(div, span, a) {background-color: var(--color-lighter);}
.us-box__lighter-light:hover, .us-group--box__lighter-light > :is(div, span, a):hover {background-color: var(--color-light);}

.us-box__light-lighten, .us-group--box__light-lighten > :is(div, span, a) {background-color: var(--color-light);}
.us-box__light-lighten:hover, .us-group--box__light-lighten > :is(div, span, a):hover {background-color: var(--color-lighten);}


/* Card */

:is(.us-card__padding_small, .us-card__padding_medium, .us-card__padding_big, .us-card__padding_large, .us-group--card__padding_small, .us-group--card__padding_medium, .us-group--card__padding_big, .us-group--card__padding_large) {
    --card-spacing-scaler: var(--scaler-medium, 1);
}

:is(.us-card__auto-column_small, .us-card__auto-column_medium, .us-card__auto-column_big, .us-card__auto-column_large) {
    --card-spacing-scaler: var(--scaler-medium, 1);
    display: flex;
    flex-direction: column;
}

.us-card__auto-column_small {
    gap: var(--gap-m, 16px);
    padding: calc(var(--card-padding-s, 24px) * var(--card-spacing-scaler));
}
.us-card__auto-column_small :is(h2, h3, h4) {
    --card-spacing-scaler: var(--scaler-light, 1);
    font-size: calc(var(--title-size-s, 28px) * var(--card-spacing-scaler)) !important; 
    margin: 0;
}

.us-card__auto-column_medium {
    gap: var(--gap-l, 24px);
    padding: calc(var(--card-padding-m, 32px) * var(--card-spacing-scaler));
}
.us-card__auto-column_medium :is(h2, h3, h4) {
    font-size: calc(var(--title-size-m, 32px) * var(--card-spacing-scaler)) !important; 
    margin: 0;
}

.us-card__auto-column_big {
    gap: var(--gap-l, 24px);
    padding: calc(var(--card-padding-m, 32px) * var(--card-spacing-scaler));
}
.us-card__auto-column_big :is(h2, h3, h4) {
    font-size: calc(var(--title-size-l, 40px) * var(--card-spacing-scaler)) !important; 
    margin: 0;
}

.us-card__auto-column_large {
    gap: var(--gap-xl, 32px);
    padding: calc(var(--card-padding-l, 48px) * var(--card-spacing-scaler));
}
.us-card__auto-column_large :is(h2, h3, h4) {
    font-size: calc(var(--title-size-xl, 48px) * var(--card-spacing-scaler)) !important; 
    margin: 0;
}


.us-card__padding_small, .us-group--card__padding_small > :is(div, span, a) {padding: calc(var(--card-padding-s, 24px) * var(--card-spacing-scaler));}
.us-card__padding_medium, .us-group--card__padding_medium > :is(div, span, a) {padding: calc(var(--card-padding-m, 32px) * var(--card-spacing-scaler));}
.us-card__padding_big, .us-group--card__padding_big > :is(div, span, a) {padding: calc(var(--card-padding-l, 48px) * var(--card-spacing-scaler));}
.us-card__padding_large, .us-group--card__padding_large > :is(div, span, a) {padding: calc(var(--card-padding-xl, 64px) * var(--card-spacing-scaler));}

:is(.us-card__success, .us-card__alert, .us-card__notice, .us-card__muted) {
    --color-modifier: var(--alpha-medium, 0.64);
    border-width: var(--border-width-l, 4px);
    border-radius: var(--border-radius-m, 16px);
    border-style: solid;
}

.us-card__success {
    background-color: rgba(var(--color-success-rgb-value), var(--color-modifier, 0.64));
    border-color: var(--color-success, #90EE90);
}
.us-card__alert {
    background-color: rgba(var(--color-alert-rgb-value), var(--color-modifier, 0.64));
    border-color: var(--color-alert, #F94144);
}
.us-card__notice {
    background-color: rgba(var(--color-notice-rgb-value), var(--color-modifier, 0.64));
    border-color: var(--color-notice, #EEC14C);
}
.us-card__muted {
    background-color: var(--color-muted-rgb-value), var(--color-modifier, 0.64);
    border-color: var(--color-muted, #333333);
}


/* Container */

:is(.us-container__width_narrow, .us-container__width_wide, .us-container__width_medium, .us-container__width_normal) {
    width: var(--width-full, 100%);
    margin-left: auto;
    margin-right: auto;
}

.us-container__width_full {width: var(--width-full, 100%); max-width: var(--width-full, 100%);}
.us-container__width_narrow {max-width: var(--container-width-narrow, 768px);}
.us-container__width_wide {max-width: var(--container-width-wide, 1280px);}
.us-container__width_medium {max-width: var(--container-width-medium, 1024px);}
.us-container__width_normal {max-width: var(--container-width-normal, 90vw);}

:is(.us-container-25, .us-container-33, .us-container-50, .us-container-66, .us-container-75) {width: auto;}

.us-container-25 {max-width: 25%;}
.us-container-33 {max-width: 33%;}
.us-container-50 {max-width: 50%;}
.us-container-66 {max-width: 66%;}
.us-container-75 {max-width: 75%;}


/* Container Spacing */ 

:is(.us-container__padding_tiny, .us-container__padding_small, .us-container__padding_medium, .us-container__padding_big, .us-container__padding_large, .us-container__padding-vertical_tiny, .us-container__padding-vertical_small, .us-container__padding-vertical_medium, .us-container__padding-vertical_big, .us-container__padding-vertical_large, .us-container__padding-horizontal_tiny, .us-container__padding-horizontal_small, .us-container__padding-horizontal_medium, .us-container__padding-horizontal_big, .us-container__padding-horizontal_large) {
    --container-spacing-scaler: var(--scaler-medium, 1);
}

.us-container__padding_tiny {padding: calc(var(--container-spacing-xs, 16px) * var(--container-spacing-scaler));}
.us-container__padding_small {padding: calc(var(--container-spacing-s, 24px) * var(--container-spacing-scaler));}
.us-container__padding_medium {padding: calc(var(--container-spacing-m, 32px) * var(--container-spacing-scaler));}
.us-container__padding_big {padding: calc(var(--container-spacing-l, 48px) * var(--container-spacing-scaler));}
.us-container__padding_large {padding: calc(var(--container-spacing-xl, 64px) * var(--container-spacing-scaler));}

.us-container__padding-vertical_tiny {
    padding-top: calc(var(--container-spacing-xs, 16px) * var(--container-spacing-scaler)); 
    padding-bottom: calc(var(--container-spacing-xs, 16px) * var(--container-spacing-scaler));
}
.us-container__padding-vertical_small {
    padding-top: calc(var(--container-spacing-s, 24px) * var(--container-spacing-scaler)); 
    padding-bottom: calc(var(--container-spacing-s, 24px) * var(--container-spacing-scaler));
}
.us-container__padding-vertical_medium {
    padding-top: calc(var(--container-spacing-m, 32px) * var(--container-spacing-scaler)); 
    padding-bottom: calc(var(--container-spacing-m, 32px) * var(--container-spacing-scaler));
}
.us-container__padding-vertical_big {
    padding-top: calc(var(--container-spacing-l, 48px) * var(--container-spacing-scaler)); 
    padding-bottom: calc(var(--container-spacing-l, 48px) * var(--container-spacing-scaler));
}
.us-container__padding-vertical_large {
    padding-top: calc(var(--container-spacing-xl, 64px) * var(--container-spacing-scaler)); 
    padding-bottom: calc(var(--container-spacing-xl, 64px) * var(--container-spacing-scaler));
}

.us-container__padding-horizontal_tiny {
    padding-left: calc(var(--container-spacing-xs, 16px) * var(--container-spacing-scaler)); 
    padding-right: calc(var(--container-spacing-xs, 16px) * var(--container-spacing-scaler));
}
.us-container__padding-horizontal_small {
    padding-left: calc(var(--container-spacing-s, 24px) * var(--container-spacing-scaler)); 
    padding-right: calc(var(--container-spacing-s, 24px) * var(--container-spacing-scaler));
}
.us-container__padding-horizontal_medium {
    padding-left: calc(var(--container-spacing-m, 32px) * var(--container-spacing-scaler)); 
    padding-right: calc(var(--container-spacing-m, 32px) * var(--container-spacing-scaler));
}
.us-container__padding-horizontal_big {
    padding-left: calc(var(--container-spacing-l, 48px) * var(--container-spacing-scaler)); 
    padding-right: calc(var(--container-spacing-l, 48px) * var(--container-spacing-scaler));
}
.us-container__padding-horizontal_large {
    padding-left: calc(var(--container-spacing-xl, 64px) * var(--container-spacing-scaler)); 
    padding-right: calc(var(--container-spacing-xl, 64px) * var(--container-spacing-scaler));
}



/* Section */

#main :is(section, div, span, article, header, body, footer):is(.us-section__auto-wrapper_full, .us-section__auto-wrapper_normal, .us-section__auto-wrapper_wide, .us-section__auto-wrapper_narrow, .us-section__auto-wrapper_first-screen) {
    --section-spacing-scaler: var(--scaler-medium, 1); 
    width: var(--width-full, 100%);
    max-width: var(--width-screen, 100vw);
    margin-left: auto;
    margin-right: auto;
    margin-block: 0!important;
}

.us-section__auto-wrapper_full {
    padding-top: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
}

.us-section__auto-wrapper_normal {
    padding-left: var(--spacing-edge-normal, 5vw);
    padding-right: var(--spacing-edge-normal, 5vw);
    padding-top: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
}
.us-section__auto-wrapper_normal > :is(div, span) {width: var(--container-width-normal, 90vw); max-width: calc(1440px - (var(--spacing-edge-normal, 5vw) * 2)); margin-left: auto; margin-right: auto;}

.us-section__auto-wrapper_wide {
    padding-left: var(--spacing-edge-wide, 128px);
    padding-right: var(--spacing-edge-wide, 128px);
    padding-top: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
}
.us-section__auto-wrapper_wide > :is(div, span) {max-width: var(--container-width-wide, 1280px); margin-left: auto; margin-right: auto;}

.us-section__auto-wrapper_narrow {
    padding-left: var(--spacing-edge-narrow, 7vw);
    padding-right: var(--spacing-edge-narrow, 7vw);
    padding-top: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
}
.us-section__auto-wrapper_narrow > :is(div, span) {max-width: var(--container-width-narrow, 768px); margin-left: auto; margin-right: auto;}

#main :is(section, div, span, article, body):is(.us-section__auto-wrapper_full-screen, .us-section__auto-wrapper_full-first-screen) {
    --section-spacing-scaler: var(--scaler-medium, 1); 
    width: var(--width-full, 100%);
    max-width: var(--width-screen, 100vw);
    min-height: var(--height-screen, 100dvh);
    padding-left: var(--spacing-edge-normal, 5vw);
    padding-right: var(--spacing-edge-normal, 5vw);
    margin-left: auto;
    margin-right: auto;
    margin-block: 0!important;
}

.us-section__auto-wrapper_first-screen {
    padding-top: calc(var(--section-spacing-m, 64px) * var(--section-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
}

.us-section__auto-wrapper_full-screen {
    padding-top: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
}

.us-section__auto-wrapper_full-first-screen {
    padding-top: calc(var(--section-spacing-xl-xxl, 160px) * var(--section-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-spacing-scaler));
}


:is(.us-section__auto-style_primary, .us-section__auto-style_secondary) {
    --title-scaler: var(--scaler-medium, 1); 
}

.us-section__auto-style_primary > :is(section, div, span) > :is(h1, h2):first-of-type, .us-section__auto-style_primary > :is(h1, h2):first-of-type {
    font-size: calc(var(--title-size-xg, 72px) * var(--title-scaler));
}
.us-section__auto-style_primary > :is(section, div, span) > :is(p, span, div):first-of-type, .us-section__auto-style_primary > :is(p, span, div):first-of-type {
    font-size: var(--text-size-xl, 22px);
}

.us-section__auto-style_primary > :is(section, div, span) > :is(div, span) > :is(h2, h3), .us-section__auto-style_primary > :is(section, div, span) > h3 {
    font-size: calc(var(--title-size-xxl, 56px) * var(--title-scaler)); 
}
.us-section__auto-style_primary > :is(section, div, span) > :is(section, div, span) > :is(p, span) {
    font-size: var(--text-size-l, 20px); 
}


.us-section__auto-style_secondary > :is(section, div, span) > :is(h1, h2):first-of-type, .us-section__auto-style_secondary > :is(h1, h2):first-of-type {
    font-size: calc(var(--title-size-xxl, 56px) * var(--title-scaler)); 
}
.us-section__auto-style_secondary > :is(section, div, span) > :is(p, span, div):first-of-type, .us-section__auto-style_secondary > :is(p, span, div):first-of-type {
    font-size: var(--text-size-l, 20px);
}

.us-section__auto-style_secondary > :is(section, div, span) > :is(section, div, span) > :is(h2, h3), .us-section__auto-style_secondary > :is(section, div, span) > h3 {
    font-size: calc(var(--title-size-xl, 48px) * var(--title-scaler)); 
}
.us-section__auto-style_secondary > :is(section, div, span) > :is(section, div, span) > :is(p, span) {
    font-size: var(--text-size-m, 18px); 
}


.us-section__height_full-screen {height:auto; min-height: 100dvh;}

.us-section__height_small {min-height: var(--section-height-s, 256px);}
.us-section__height_medium {min-height: var(--section-height-m, 384px);}
.us-section__height_big {min-height: var(--section-height-l, 512px);}

.us-section__edges_narrow {padding-left: var(--spacing-edge-narrow, 7vw); padding-right: var(--spacing-edge-narrow, 7vw);}
.us-section__edges_normal {padding-left: var(--spacing-edge-normal, 5vw); padding-right: var(--spacing-edge-normal, 5vw);}
.us-section__edges_wide {padding-left: var(--spacing-edge-wide, 128px); padding-right: var(--spacing-edge-wide, 128px);}


/* Section Spacing */


.us-section__margin-vertical_small {
    --section-margin-spacing-scaler: var(--scaler-medium, 1);
    margin-top: calc(var(--section-spacing-s, 48px) * var(--section-margin-spacing-scaler)); 
    margin-bottom: calc(var(--section-spacing-s, 48px) * var(--section-margin-spacing-scaler));
}
.us-section__margin-vertical_medium {
    --section-margin-spacing-scaler: var(--scaler-medium, 1);
    margin-top: calc(var(--section-spacing-m, 64px) * var(--section-margin-spacing-scaler)); 
    margin-bottom: calc(var(--section-spacing-m, 64px) * var(--section-margin-spacing-scaler));
}
.us-section__margin-vertical_big {
    --section-margin-spacing-scaler: var(--scaler-medium, 1); 
    margin-top: calc(var(--section-spacing-l, 96px) * var(--section-margin-spacing-scaler)); 
    margin-bottom: calc(var(--section-spacing-l, 96px) * var(--section-margin-spacing-scaler));
}
.us-section__margin-vertical_large {
    --section-margin-spacing-scaler: var(--scaler-medium, 1); 
    margin-top: calc(var(--section-spacing-xl, 128px) * var(--section-margin-spacing-scaler)); 
    margin-bottom: calc(var(--section-spacing-xl, 128px) * var(--section-margin-spacing-scaler));
}

.us-section__margin-top_small {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-top: calc(var(--section-spacing-s, 48px) * var(--section-margin-spacing-scaler));}
.us-section__margin-top_medium {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-top: calc(var(--section-spacing-m, 64px) * var(--section-margin-spacing-scaler));}
.us-section__margin-top_big {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-top: calc(var(--section-spacing-l, 96px) * var(--section-margin-spacing-scaler));}
.us-section__margin-top_large {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-top: calc(var(--section-spacing-xl, 128px) * var(--section-margin-spacing-scaler));}

.us-section__margin-bottom_small {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-bottom: calc(var(--section-spacing-s, 48px) * var(--section-margin-spacing-scaler));}
.us-section__margin-bottom_medium {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-bottom: calc(var(--section-spacing-m, 64px) * var(--section-margin-spacing-scaler));}
.us-section__margin-bottom_big {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-bottom: calc(var(--section-spacing-l, 96px) * var(--section-margin-spacing-scaler));}
.us-section__margin-bottom_large {--section-margin-spacing-scaler: var(--scaler-medium, 1); margin-bottom: calc(var(--section-spacing-xl, 128px) * var(--section-margin-spacing-scaler));}    


.us-section__padding-vertical_small {
    --section-padding-spacing-scaler: var(--scaler-medium, 1); 
    padding-top: calc(var(--section-spacing-s, 48px) * var(--section-padding-spacing-scaler)); 
    padding-bottom: calc(var(--section-spacing-s, 48px) * var(--section-padding-spacing-scaler));
}
.us-section__padding-vertical_medium {
    --section-padding-spacing-scaler: var(--scaler-medium, 1); 
    padding-top: calc(var(--section-spacing-m, 64px) * var(--section-padding-spacing-scaler)); 
    padding-bottom: calc(var(--section-spacing-m, 64px) * var(--section-padding-spacing-scaler));
}
.us-section__padding-vertical_big {
    --section-padding-spacing-scaler: var(--scaler-medium, 1); 
    padding-top: calc(var(--section-spacing-l, 96px) * var(--section-padding-spacing-scaler)); 
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-padding-spacing-scaler));
}
.us-section__padding-vertical_large {
    --section-padding-spacing-scaler: var(--scaler-medium, 1); 
    padding-top: calc(var(--section-spacing-xl, 128px) * var(--section-padding-spacing-scaler)); 
    padding-bottom: calc(var(--section-spacing-xl, 128px) * var(--section-padding-spacing-scaler));
}

.us-section__padding-vertical_full-first-screen {
    --section-padding-spacing-scaler: var(--scaler-medium, 1);
    padding-top: calc(var(--section-spacing-xl-xxl, 160px) * var(--section-padding-spacing-scaler));
    padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-padding-spacing-scaler));
}

.us-section__padding-top_small {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--section-spacing-s, 48px) * var(--section-padding-spacing-scaler));}
.us-section__padding-top_medium {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--section-spacing-m, 64px) * var(--section-padding-spacing-scaler));}
.us-section__padding-top_big {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--section-spacing-l, 96px) * var(--section-padding-spacing-scaler));}
.us-section__padding-top_large {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--section-spacing-xl, 128px) * var(--section-padding-spacing-scaler));}

.us-section__padding-bottom_small {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--section-spacing-s, 48px) * var(--section-padding-spacing-scaler));}
.us-section__padding-bottom_medium {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--section-spacing-m, 64px) * var(--section-padding-spacing-scaler));}
.us-section__padding-bottom_big {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--section-spacing-l, 96px) * var(--section-padding-spacing-scaler));}
.us-section__padding-bottom_large {--section-padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--section-spacing-xl, 128px) * var(--section-padding-spacing-scaler));}


/* Image */

/* Blocks */

/* Header */

/* Footer */

/* Navigation */

/* Hero */

/* Extras */



/* Colors */


/* Text Color */

.us-text-color__primary {color: var(--color-primary);}
.us-text-color__accent {color: var(--color-accent);}

.us-text-color__dark {color: var(--color-dark);}
.us-text-color__light {color: var(--color-light);}

.us-text-color__darker {color: var(--color-darker);}
.us-text-color__lighter {color: var(--color-lighter);}


/* Title Color */

.us-title-color__primary {color: var(--color-primary) !important;}
.us-title-color__accent {color: var(--color-accent) !important;}

.us-title-color__dark {color: var(--color-dark) !important;}
.us-title-color__light {color: var(--color-light) !important;}

.us-title-color__darker {color: var(--color-darker) !important;}
.us-title-color__lighter {color: var(--color-lighter) !important;}


/* Background Color */

.us-background-color__background, .us-group--background-color__background > :is(div, span, a) {background-color: var(--color-background);}
.us-background-color__surface, .us-group--background-color__surface > :is(div, span) {background-color: var(--color-surface);}
.us-background-color__subtle, .us-group--background-color__subtle > :is(div, span) {background-color: var(--color-subtle);}

.us-background-color__background_alternative, .us-group--background-color__background_alternative > :is(div, span) {background-color: var(--color-background-alternative);}
.us-background-color__surface_alternative, .us-group--background-color__surface_alternative > :is(div, span) {background-color: var(--color-surface-alternative);}
.us-background-color__subtle_alternative, .us-group--background-color__subtle_alternative > :is(div, span) {background-color: var(--color-subtle-alternative);}

.us-background-color__primary, .us-group--background-color__primary > :is(div, span) {background-color: var(--color-primary);}
.us-background-color__accent, .us-group--background-color__accent > :is(div, span) {background-color: var(--color-accent);}
.us-background-color__muted, .us-group--background-color__muted > :is(div, span) {background-color: var(--color-muted);}



/* Border Color */

.us-border-color__primary, .us-border-color__primary_active {border-color: var(--color-border-primary, #EEC14C);}
.us-border-color__dark, .us-border-color__dark_active {border-color: var(--color-border-dark, #333333);}
.us-border-color__light, .us-border-color__light_active {border-color: var(--color-border-light, #D9D9D9);}

.us-border-color__dark_muted {border-color: rgba(var(--color-border-dark-muted-rgb-value, #333333), var(--alpha-medium, 0.64));}
.us-border-color__light_muted {border-color: rgba(var(--color-border-light-muted-rgb-value, #D9D9D9), var(--alpha-medium, 0.64));}

.us-border-color__primary_active:is(:hover, :active) {border-color: var(--color-border-primary-hover, #FFB900);}
.us-border-color__primary_active:focus {border-color: var(--color-border-primary-focus, #FFB900);}

.us-border-color__dark_active:is(:hover, :active) {border-color: var(--color-border-dark-hover, #141414);}
.us-border-color__dark_active:focus {border-color: var(--color-border-dark-focus, #0A0A0A);}

.us-border-color__light_active:is(:hover, :active) {border-color: var(--color-border-light-hover, #E6E6E6);}
.us-border-color__light_active:focus {border-color: var(--color-border-light-focus, #FAFAFA);}


/* Overlay Color */ 

.us-overlay-color {background-color: var(--color-overlay);}
.us-overlay-color__light {background-color: var(--color-overlay-light);}
.us-overlay-color__heavy {background-color: var(--color-overlay-heavy);}

/* Backdrop Color */

.us-backdrop-color {background-color: var(--color-backdrop);}
.us-backdrop-color__light {background-color: var(--color-backdrop-light);}
.us-backdrop-color__heavy {background-color: var(--color-backdrop-heavy);}

/* Backdrop Blur */

.us-backdrop-blur {backdrop-filter: var(--backdrop-blur); -webkit-backdrop-filter: var(--backdrop-blur);}
.us-backdrop-blur__light {backdrop-filter: var(--backdrop-blur-light); -webkit-backdrop-filter: var(--backdrop-blur-light);}
.us-backdrop-blur__heavy {backdrop-filter: var(--backdrop-blur-heavy); -webkit-backdrop-filter: var(--backdrop-blur-heavy);}


/* Box Shadow */

.us-shadow__light, .us-group--shadow__light > :is(div, span, a) {box-shadow: var(--box-shadow-light);}
.us-shadow__medium, .us-group--shadow__medium > :is(div, span, a) {box-shadow: var(--box-shadow-medium);}
.us-shadow__heavy, .us-group--shadow__heavy > :is(div, span, a) {box-shadow: var(--box-shadow-heavy);}

.us-shadow__light_alternative, .us-group--shadow__light_alternative > :is(div, span, a) {box-shadow: var(--box-shadow-alternative-light);}
.us-shadow__medium_alternative, .us-group--shadow__medium_alternative > :is(div, span, a) {box-shadow: var(--box-shadow-medium-alternative);}
.us-shadow__heavy_alternative, .us-group--shadow__heavy_alternative > :is(div, span, a) {box-shadow: var(--box-shadow-alternative-heavy);}

:is(.us-shadow__light-medium, .us-group--shadow__light-medium, .us-shadow__medium-heavy, .us-group--shadow__medium-heavy, .us-shadow__light-medium_alternative, .us-group--shadow__light-medium_alternative, .us-shadow__medium-heavy_alternative, .us-group--shadow__medium-heavy_alternative) > :is(div, span, a) {
    transition: all calc(var(--transition-base, 0.64s) / 2) var(--transition-timing-base, ease-in-out);
}

.us-shadow__light-medium, .us-group--shadow__light-medium > :is(div, span, a) {box-shadow: var(--box-shadow-light);}
.us-shadow__light-medium:hover, .us-group--shadow__light-medium > :is(div, span, a):hover {box-shadow: var(--box-shadow-medium);}

.us-shadow__medium-heavy, .us-group--shadow__medium-heavy > :is(div, span, a) {box-shadow: var(--box-shadow-medium);}
.us-shadow__medium-heavy:hover, .us-group--shadow__medium-heavy > :is(div, span, a):hover {box-shadow: var(--box-shadow-heavy);}

.us-shadow__light-medium_alternative, .us-group--shadow__light-medium_alternative > :is(div, span, a) {box-shadow: var(--box-shadow-alternative-light);}
.us-shadow__light-medium_alternative:hover, .us-group--shadow__light-medium_alternative > :is(div, span, a):hover {box-shadow: var(--box-shadow-medium-alternative);}

.us-shadow__medium-heavy_alternative, .us-group--shadow__medium-heavy_alternative > :is(div, span, a) {box-shadow: var(--box-shadow-medium-alternative);}
.us-shadow__medium-heavy_alternative:hover, .us-group--shadow__medium-heavy_alternative > :is(div, span, a):hover {box-shadow: var(--box-shadow-alternative-heavy);}


/* Utility Classes */


/* Font Weight */

.us-font-weight__normal_important {font-weight: var(--font-weight-normal, 400) !important;}
.us-font-weight__medium_important {font-weight: var(--font-weight-medium, 500) !important;}
.us-font-weight__bold_important {font-weight: var(--font-weight-bold, 700) !important;}


/* Text Align */

.us-text-align__center {text-align: center;}
.us-text-align__center_important {text-align: center !important;}

.us-text-align__left {text-align: left;}
.us-text-align__left_important {text-align: left !important;}

.us-text-align__right {text-align: right;}
.us-text-align__right_important {text-align: right !important;}

/* Responsive Text Align */ 

:is(.us-text-align__center_tablet, .us-text-align__left_tablet, .us-text-align__right_tablet, .us-text-align__center_mobile, .us-text-align__left_mobile, .us-text-align__right_mobile, .us-text-align__center_landscape-mobile, .us-text-align__left_landscape-mobile, .us-text-align__right_landscape-mobile) {text-align: inherit;}

:is(.us-text-align__center_important_tablet, .us-text-align__left_important_tablet, .us-text-align__right_important_tablet, .us-text-align__center_important_mobile, .us-text-align__left_important_mobile, .us-text-align__right_important_mobile, .us-text-align__center_important_landscape-mobile, .us-text-align__left_important_landscape-mobile, .us-text-align__right_important_landscape-mobile) {text-align: inherit !important;}



/* Border Width */

:is(.us-border-solid, .us-border-width__small, .us-border-width__medium, .us-border-width__big, .us-border-width__small_important, .us-border-width__medium_important, .us-border-width__big_important) {
    border-style: solid;
}

.us-border-width__small {border-width: var(--border-width-s, 1px);}
.us-border-width__medium {border-width: var(--border-width-m, 2px);}
.us-border-width__big {border-width: var(--border-width-l, 4px);}

.us-border-width__small_important {border-width: var(--border-width-s, 1px) !important;}
.us-border-width__medium_important {border-width: var(--border-width-m, 2px) !important;}
.us-border-width__big_important {border-width: var(--border-width-l, 4px) !important;}


/* Border Radius */

.us-border-radius__tiny {border-radius: var(--border-radius-xs, 4px) !important;}
.us-border-radius__small {border-radius: var(--border-radius-s, 8px) !important;}
.us-border-radius__medium, .us-group--border-radius__medium > :is(div, span, a) {border-radius: var(--border-radius-m, 16px) !important;}
.us-border-radius__big, .us-group--border-radius__big > :is(div, span, a) {border-radius: var(--border-radius-l, 24px) !important;}
.us-border-radius__large, .us-group--border-radius__large > :is(div, span, a) {border-radius: var(--border-radius-xl, 32px) !important;}
.us-border-radius__huge {border-radius: var(--border-radius-xxl, 48px) !important;}

.us-border-radius__circle, .us-group--border-radius__circle > :is(div, span, a) {border-radius: var(--border-radius-circle, 50%) !important;}
.us-border-radius__square, .us-group--border-radius__square > :is(div, span, a) {border-radius: var(--border-radius-square, 0px) !important;}



.us-border-radius_top_medium {border-top-left-radius: var(--border-radius-m, 16px) !important; border-top-right-radius: var(--border-radius-m, 16px) !important;}
.us-border-radius_bottom_medium {border-bottom-left-radius: var(--border-radius-m, 16px) !important; border-bottom-right-radius: var(--border-radius-m, 16px) !important;}

.us-border-radius_top_big {border-top-left-radius: var(--border-radius-l, 24px) !important; border-top-right-radius: var(--border-radius-l, 24px) !important;}
.us-border-radius_bottom_big {border-bottom-left-radius: var(--border-radius-l, 24px) !important; border-bottom-right-radius: var(--border-radius-l, 24px) !important;}

.us-border-radius_top_large {border-top-left-radius: var(--border-radius-xl, 32px) !important; border-top-right-radius: var(--border-radius-xl, 32px) !important;}
.us-border-radius_bottom_large {border-bottom-left-radius: var(--border-radius-xl, 32px) !important; border-bottom-right-radius: var(--border-radius-xl, 32px) !important;}

/* Transition */

.us-transition__xslow {transition: var(--transition-xslow, all 1.92s) !important;}
.us-transition__slow {transition: var(--transition-slow, all 0.96s) !important;}
.us-transition__medium {transition: var(--transition-medium, all 0.64s) !important;}
.us-transition__fast {transition: var(--transition-fast, all 0.32s) !important;}
.us-transition__xfast {transition: var(--transition-xfast, all 0.16s) !important;}


/* Cursor */

.us-cursor__pointer {cursor: pointer;}
.us-cursor__not-allowed {cursor: not-allowed;}
.us-cursor__no-cursor {cursor: none;}
.us-cursor__default {cursor: default;}


/* Visibility */

.us-visible {visibility: visible !important;}
.us-hidden {visibility: hidden !important;}
.us-none {display: none !important;}

.us-hide {opacity: inherit; display: inherit;}




/* Spacing */



/* Margin */

.us-margin-zero__important {margin: 0 !important; margin-block-end: unset !important;}

.us-margin__top-auto_last-child > :is(div, span, a, p):last-child {margin-top: auto !important;}
.us-group--margin__top-auto_last-child > :is(div, span, a) > :is(div, span, a, p):last-child {margin-top: auto !important;}



/* Margin-top */

.us-margin-top__auto {margin-top: auto !important;}
.us-margin-top__zero {margin-top: 0 !important;}

.us-margin-top__tiny {margin-top: var(--spacing-xs, 4px);}
.us-margin-top__small {margin-top: var(--spacing-s, 8px);}
.us-margin-top__medium {margin-top: var(--spacing-m, 16px);}
.us-margin-top__big {margin-top: var(--spacing-l, 32px);}
.us-margin-top__big-to-large {margin-top: var(--spacing-l-xl, 48px);}
.us-margin-top__large {margin-top: var(--spacing-xl, 64px);}


/* Margin-bottom */

.us-margin-bottom__auto {margin-bottom: auto !important;}
.us-margin-bottom__zero {margin-bottom: 0 !important; margin-block-end: unset !important;}

.us-margin-bottom__tiny {margin-bottom: var(--spacing-xs, 4px);}
.us-margin-bottom__small {margin-bottom: var(--spacing-s, 8px);}
.us-margin-bottom__medium {margin-bottom: var(--spacing-m, 16px);}
.us-margin-bottom__big {margin-bottom: var(--spacing-l, 32px);}
.us-margin-bottom__big-to-large {margin-bottom: var(--spacing-l-xl, 48px);}
.us-margin-bottom__large {margin-bottom: var(--spacing-xl, 64px);}


/* Margin-vertical */

.us-margin-vertical_auto {margin-top: auto; margin-bottom: auto}
.us-margin-vertical_zero {margin-top: 0 !important; margin-bottom: 0 !important; margin-block-end: unset !important;}

.us-margin-vertical_medium {margin-top: var(--spacing-m, 16px); margin-bottom: var(--spacing-m, 16px);}
.us-margin-vertical_big {margin-top: var(--spacing-l, 32px); margin-bottom: var(--spacing-l, 32px);}
.us-margin-vertical_big-to-large {margin-top: var(--spacing-l-xl, 48px); margin-bottom: var(--spacing-l-xl, 48px);}
.us-margin-vertical_large {margin-top: var(--spacing-xl, 64px); margin-bottom: var(--spacing-xl, 64px);}
.us-margin-vertical_huge {margin-top: var(--spacing-xxl, 96px); margin-bottom: var(--spacing-xxl, 96px);}


/* Margin-horizontal */

.us-margin-horizontal_auto {margin-left: auto !important; margin-right: auto !important;}
.us-margin-horizontal_zero {margin-left: 0 !important; margin-right: 0 !important; margin-block-end: unset !important;}

.us-margin-horizontal_edge {margin-left: var(--spacing-edge-normal, 5vw); margin-right: var(--spacing-edge-normal, 5vw);}
.us-margin-horizontal_edge_wide {margin-left: var(--spacing-edge-wide, 128px); margin-right: var(--spacing-edge-wide, 128px);}
.us-margin-horizontal_edge_narrow {margin-left: var(--spacing-edge-narrow, 7vw); margin-right: var(--spacing-edge-narrow, 7vw);}

.us-margin-horizontal_medium {
    --margin-spacing-scaler: var(--scaler-medium, 1); 
    margin-left: calc(var(--spacing-m, 16px) * var(--margin-spacing-scaler)); 
    margin-right: calc(var(--spacing-m, 16px) * var(--margin-spacing-scaler));
}
.us-margin-horizontal_medium-to-big {
    --margin-spacing-scaler: var(--scaler-medium, 1); 
    margin-left: calc(var(--spacing-m-l, 24px) * var(--margin-spacing-scaler)); 
    margin-right: calc(var(--spacing-m-l, 24px) * var(--margin-spacing-scaler));
}
.us-margin-horizontal_big {
    --margin-spacing-scaler: var(--scaler-medium, 1); 
    margin-left: calc(var(--spacing-l, 32px) * var(--margin-spacing-scaler)); 
    margin-right: calc(var(--spacing-l, 32px) * var(--margin-spacing-scaler));
}
.us-margin-horizontal_big-to-large {
    --margin-spacing-scaler: var(--scaler-medium, 1); 
    margin-left: calc(var(--spacing-l-xl, 48px) * var(--margin-spacing-scaler)); 
    margin-right: calc(var(--spacing-l-xl, 48px) * var(--margin-spacing-scaler));
}
.us-margin-horizontal_large {
    --margin-spacing-scaler: var(--scaler-medium, 1); 
    margin-left: calc(var(--spacing-xl, 64px) * var(--margin-spacing-scaler)); 
    margin-right: calc(var(--spacing-xl, 64px) * var(--margin-spacing-scaler));
}


/* Margin Sides */ 

.us-margin-left__auto {margin-left: auto !important;}
.us-margin-right__auto {margin-right: auto !important;}



/* Padding */

.us-padding__tiny {--padding-spacing-scaler: var(--scaler-medium, 1); padding: calc(var(--spacing-xs, 4px) * var(--padding-spacing-scaler));}
.us-padding__small {--padding-spacing-scaler: var(--scaler-medium, 1); padding: calc(var(--spacing-s, 8px) * var(--padding-spacing-scaler));}
.us-padding__medium {--padding-spacing-scaler: var(--scaler-medium, 1); padding: calc(var(--spacing-m, 16px) * var(--padding-spacing-scaler));}
.us-padding__big {--padding-spacing-scaler: var(--scaler-medium, 1); padding: calc(var(--spacing-l, 32px) * var(--padding-spacing-scaler));}
.us-padding__big-to-large {--padding-spacing-scaler: var(--scaler-medium, 1); padding: calc(var(--spacing-l-xl, 48px) * var(--padding-spacing-scaler));}
.us-padding__large {--padding-spacing-scaler: var(--scaler-medium, 1); padding: calc(var(--spacing-xl, 64px) * var(--padding-spacing-scaler));}


/* Padding-top */

.us-padding-top__small {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-s, 8px) * var(--padding-spacing-scaler));}
.us-padding-top__medium {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-m, 16px) * var(--padding-spacing-scaler));}
.us-padding-top__medium-to-big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-m-l, 24px) * var(--padding-spacing-scaler));}
.us-padding-top__big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-l, 32px) * var(--padding-spacing-scaler));}


/* Padding-bottom */

.us-padding-bottom__small {--padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--spacing-s, 8px) * var(--padding-spacing-scaler));}
.us-padding-bottom__medium {--padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--spacing-m, 16px) * var(--padding-spacing-scaler));}
.us-padding-bottom__medium-to-big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--spacing-m-l, 24px) * var(--padding-spacing-scaler));}
.us-padding-bottom__big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-bottom: calc(var(--spacing-l, 32px) * var(--padding-spacing-scaler));}


/* Padding-vertical */

.us-padding-vertical__small {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-s, 8px) * var(--padding-spacing-scaler)); padding-bottom: calc(var(--spacing-s, 8px) * var(--padding-spacing-scaler));}
.us-padding-vertical__medium {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-m, 16px) * var(--padding-spacing-scaler)); padding-bottom: calc(var(--spacing-m, 16px) * var(--padding-spacing-scaler));}
.us-padding-vertical__medium-to-big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-m-l, 24px) * var(--padding-spacing-scaler)); padding-bottom: calc(var(--spacing-m-l, 24px) * var(--padding-spacing-scaler));}
.us-padding-vertical__big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-l, 32px) * var(--padding-spacing-scaler)); padding-bottom: calc(var(--spacing-l, 32px) * var(--padding-spacing-scaler));}
.us-padding-vertical__big-to-large {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-l-xl, 48px) * var(--padding-spacing-scaler)); padding-bottom: calc(var(--spacing-l-xl, 48px) * var(--padding-spacing-scaler));}
.us-padding-vertical__large {--padding-spacing-scaler: var(--scaler-medium, 1); padding-top: calc(var(--spacing-xl, 64px) * var(--padding-spacing-scaler)); padding-bottom: calc(var(--spacing-xl, 64px) * var(--padding-spacing-scaler));}


/* Padding-horizontal */

.us-padding-horizontal__small {--padding-spacing-scaler: var(--scaler-medium, 1); padding-left: calc(var(--spacing-s, 8px) * var(--padding-spacing-scaler)); padding-right: calc(var(--spacing-s, 8px) * var(--padding-spacing-scaler));}
.us-padding-horizontal__medium {--padding-spacing-scaler: var(--scaler-medium, 1); padding-left: calc(var(--spacing-m, 16px) * var(--padding-spacing-scaler)); padding-right: calc(var(--spacing-m, 16px) * var(--padding-spacing-scaler));}
.us-padding-horizontal__medium-to-big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-left: calc(var(--spacing-m-l, 24px) * var(--padding-spacing-scaler)); padding-right: calc(var(--spacing-m-l, 24px) * var(--padding-spacing-scaler));}
.us-padding-horizontal__big {--padding-spacing-scaler: var(--scaler-medium, 1); padding-left: calc(var(--spacing-l, 32px) * var(--padding-spacing-scaler)); padding-right: calc(var(--spacing-l, 32px) * var(--padding-spacing-scaler));}
.us-padding-horizontal__big-to-large {--padding-spacing-scaler: var(--scaler-medium, 1); padding-left: calc(var(--spacing-l-xl, 48px) * var(--padding-spacing-scaler)); padding-right: calc(var(--spacing-l-xl, 48px) * var(--padding-spacing-scaler));}
.us-padding-horizontal__large {--padding-spacing-scaler: var(--scaler-medium, 1); padding-left: calc(var(--spacing-xl, 64px) * var(--padding-spacing-scaler)); padding-right: calc(var(--spacing-xl, 64px) * var(--padding-spacing-scaler));}



/* Display */


.us-inline {display: inline}

.us-block {display: block;}
.us-inline-block {display: inline-block;}

.us-flex {display: flex;}
.us-inline-flex {display: inline-flex;}

.us-grid {display: grid;}

.us-overflow-hidden {overflow: hidden;}
.us-overflow-visible {overflow: visible;}
.us-overflow-scroll {overflow: scroll;}
.us-overflow-auto {overflow: auto;}

/* Flex */

:is(.us-flex-column, .us-flex-row, .us-flex-column__reverse, .us-flex-row__reverse, .us-flex-column__centered, .us-flex-row__centered), 
:is(.us-group--flex-column, .us-group--flex-row, .us-group--flex-column__centered) > :is(div, span, a) {
    display: flex;
}

.us-flex-column {flex-direction: column;}
.us-flex-row {flex-direction: row;}
.us-flex-column__reverse {flex-direction: column-reverse;}
.us-flex-row__reverse {flex-direction: row-reverse;}

.us-flex-column__centered {flex-direction: column; align-items: center; align-content: center; justify-content: center;}
.us-flex-row__centered {flex-direction: row; align-items: center; align-content: center; justify-content: center;}

.us-group--flex-column > :is(div, span, a) {flex-direction: column;}
.us-group--flex-row > :is(div, span, a) {flex-direction: row;}
.us-group--flex-column__centered > :is(div, span, a) {flex-direction: column; align-items: center; align-content: center; justify-content: center;}

.us-align-items__start {align-items: start;}
.us-align-items__end {align-items: end;}
.us-align-items__center {align-items: center; align-content: center;}
.us-align-items__stretch {align-items: stretch;}

.us-group--align-items__start {align-items: start;}
.us-group--align-items__end {align-items: end;}
.us-group--align-items__center {align-items: center; align-content: center;}
.us-group--align-items__stretch {align-items: stretch;}

.us-justify-content__start {justify-content: flex-start;}
.us-justify-content__end {justify-content: flex-end;}
.us-justify-content__center {justify-content: center;}
.us-justify-content__between {justify-content: space-between;}

.us-align-content__start {align-content: start;}
.us-align-content__end {align-content: end;}
.us-align-content__center {align-content: center;}
.us-align-content__space-between {align-content: space-between;}

.us-align-self__start {align-self: start;}
.us-align-self__end {align-self: end;}
.us-align-self__center {align-self: center;}
.us-align-self__stretch {align-self: stretch;}



/* Gap */

:is(.us-flex, .us-flex-column, .us-flex-row, .us-flex-column__reverse, .us-flex-row__reverse, .us-flex-column__centered, .us-flex-row__centered, :is(.us-group--flex-column, .us-group--flex-row, .us-group--flex-column__centered) > :is(div, span, a)):not(.us-gap__none, .us-gap__tiny, .us-gap__small, .us-gap__medium, .us-gap__big, .us-gap__large, .us-gap__huge, .us-gap__gigantic, .us-row-gap__small, .us-row-gap__medium, .us-row-gap__big, .us-row-gap__large, .us-row-gap__huge, .us-row-gap__gigantic, .us-column-gap__small, .us-column-gap__medium, .us-column-gap__big, .us-column-gap__large, .us-column-gap__huge, .us-column-gap__gigantic, :is(.us-group--gap__none, .us-group--gap__tiny, .us-group--gap__small, .us-group--gap__medium, .us-group--gap__big, .us-group--gap__large) > :is(div, span, a)) {
    gap: var(--gap-base, 16px);
}

.us-gap__none {gap: 0;}
.us-gap__tiny {--gap-base: var(--gap-xs, 4px); gap: var(--gap-base, 4px);}
.us-gap__small {--gap-base: var(--gap-s, 8px); gap: var(--gap-base, 8px);}
.us-gap__medium {--gap-base: var(--gap-m, 16px); gap: var(--gap-base, 16px);}
.us-gap__big {--gap-base: var(--gap-l, 24px); gap: var(--gap-base, 24px);}
.us-gap__large {--gap-base: var(--gap-xl, 32px); gap: var(--gap-base, 32px);}
.us-gap__huge {--gap-base: var(--gap-xxl, 48px); gap: var(--gap-base, 48px);}
.us-gap__gigantic {--gap-base: var(--gap-g, 64px); gap: var(--gap-base, 64px);}

.us-group--gap__none > :is(div, span, a) {gap: 0;}
.us-group--gap__tiny > :is(div, span, a) {--gap-base: var(--gap-xs, 4px); gap: var(--gap-base, 4px);}
.us-group--gap__small > :is(div, span, a) {--gap-base: var(--gap-s, 8px); gap: var(--gap-base, 8px);}
.us-group--gap__medium > :is(div, span, a) {--gap-base: var(--gap-m, 16px); gap: var(--gap-base, 16px);}
.us-group--gap__big > :is(div, span, a) {--gap-base: var(--gap-l, 24px); gap: var(--gap-base, 24px);}
.us-group--gap__large > :is(div, span, a) {--gap-base: var(--gap-xl, 32px); gap: var(--gap-base, 32px);}


/* Row Gap */

.us-row-gap__small {row-gap: var(--gap-s, 8px);}
.us-row-gap__medium {row-gap: var(--gap-m, 16px);}
.us-row-gap__big {row-gap: var(--gap-l, 24px);}
.us-row-gap__large {row-gap: var(--gap-xl, 32px);}
.us-row-gap__huge {row-gap: var(--gap-xxl, 48px);}
.us-row-gap__gigantic {row-gap: var(--gap-g, 64px);}

/* Column Gap */

.us-column-gap__small {column-gap: var(--gap-s, 8px);}
.us-column-gap__medium {column-gap: var(--gap-m, 16px);}
.us-column-gap__big {column-gap: var(--gap-l, 24px);}
.us-column-gap__large {column-gap: var(--gap-xl, 32px);}
.us-column-gap__huge {column-gap: var(--gap-xxl, 48px);}
.us-column-gap__gigantic {column-gap: var(--gap-g, 64px);}

/* Flex Wrap */

:is(.us-flex, .us-flex-column, .us-flex-row, .us-flex-column__reverse, .us-flex-row__reverse, .us-flex-column__centered, .us-flex-row__centered):not(.us-flex__wrap, .us-flex__nowrap, .us-flex__wrap_tablet, .us-flex__nowrap_tablet, .us-flex__wrap_mobile, .us-flex__nowrap_mobile, .us-flex__wrap_landscape-mobile, .us-flex__nowrap_landscape-mobile) {
    flex-wrap: var(--auto-wrap, unset);
}

.us-flex__wrap {flex-wrap: wrap;}
.us-flex__nowrap {flex-wrap: nowrap;}

.us-flex__wrap_important {flex-wrap: wrap !important;}
.us-flex__nowrap_important {flex-wrap: nowrap !important;}

/* Flex Responsive Options */


:is(.us-flex__wrap_tablet, .us-flex__nowrap_tablet, .us-flex__wrap_mobile, .us-flex__nowrap_mobile, .us-flex__wrap_landscape-mobile, .us-flex__nowrap_landscape-mobile) {flex-wrap: inherit;}

:is(.us-flex__wrap_important_tablet, .us-flex__nowrap_important_tablet, .us-flex__wrap_important_mobile, .us-flex__nowrap_important_mobile, .us-flex__wrap_important_landscape-mobile, .us-flex__nowrap_important_landscape-mobile) {flex-wrap: inherit !important;}

:is(.us-align-items__start_mobile, .us-align-items__center_mobile, .us-align-items__center_mobile, .us-align-items__stretch_mobile, .us-align-items__start_landscape-mobile, .us-align-items__center_landscape-mobile, .us-align-items__end_landscape-mobile), 
:is(.us-group--align-items__start_mobile,  .us-group--align-items__center_mobile, .us-group--align-items__end_mobile, .us-group--align-items__stretch_mobile) > :is(div, span, a) {align-items: inherit; align-content: inherit; }


/* Grid */

:is(.us-grid__auto-fit_tiny, .us-grid__auto-fit_small, .us-grid__auto-fit_medium, .us-grid__auto-fit_big, .us-grid__auto-fit_large, .us-grid__auto-fit_huge, .us-grid__auto-fit_two, .us-grid__auto-fit_three, .us-grid__auto-fit_four, .us-grid__columns_four, .us-grid__columns_three, .us-grid__columns_two, .us-grid__columns_one) {
    display: grid;
}

.us-grid__auto-fit_tiny {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-min-size-xs, 128px), var(--grid-item-max-size-m, 1fr)));
}

.us-grid__auto-fit_small {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-min-size-s, 192px), var(--grid-item-max-size-m, 1fr)));
}

.us-grid__auto-fit_medium {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-min-size-m, 256px), var(--grid-item-max-size-m, 1fr)));
}

.us-grid__auto-fit_big {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-min-size-l, 384px), var(--grid-item-max-size-m, 1fr)));
}

.us-grid__auto-fit_large    {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-min-size-xl, 512px), var(--grid-item-max-size-m, 1fr)));
}

.us-grid__auto-fit_huge {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-min-size-xxl, 640px), var(--grid-item-max-size-m, 1fr)));
}

.us-grid__auto-fit_two {
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - (var(--grid-gap-base, 32px) * 0.5)), var(--grid-item-max-size-m, 1fr)));
}

.us-grid__auto-fit_three {
    grid-template-columns: repeat(auto-fit, minmax(calc(33% - var(--grid-gap-base, 32px) * 1), var(--grid-item-max-size-m, 1fr)));

}

.us-grid__auto-fit_four {
    grid-template-columns: repeat(auto-fit, minmax(calc(25% - (var(--grid-gap-base, 32px) * 1.5)), var(--grid-item-max-size-m, 1fr)));

}


.us-grid__columns_four {grid-template-columns: repeat(4, 1fr);}
.us-grid__columns_three {grid-template-columns: repeat(3, 1fr);}
.us-grid__columns_two {grid-template-columns: repeat(2, 1fr);}
.us-grid__columns_one {grid-template-columns: repeat(1, 1fr);}

.us-grid__column-span_four {grid-column: span 4;}
.us-grid__column-span_three {grid-column: span 3;}
.us-grid__column-span_two {grid-column: span 2;}
.us-grid__column-span_one {grid-column: span 1;}


/* Grid Gap */

:is(.us-grid, .us-grid__auto-fit_tiny, .us-grid__auto-fit_small, .us-grid__auto-fit_medium, .us-grid__auto-fit_big, .us-grid__auto-fit_large, .us-grid__auto-fit_huge, .us-grid__auto-fit_two, .us-grid__auto-fit_three, .us-grid__auto-fit_four, .us-grid__columns_four, .us-grid__columns_three, .us-grid__columns_two, .us-grid__columns_one):not(.us-grid__gap_small, .us-grid__gap_medium, .us-grid__gap_big, .us-grid__gap_large, .us-grid__gap_huge, .us-grid__gap_gigantic, .us-gap__none, .us-gap__tiny, .us-gap__small, .us-gap__medium, .us-gap__big, .us-gap__large, .us-gap__huge, .us-gap__gigantic, .us-row-gap__small, .us-row-gap__medium, .us-row-gap__big, .us-row-gap__large, .us-row-gap__huge, .us-row-gap__gigantic, .us-column-gap__small, .us-column-gap__medium, .us-column-gap__big, .us-column-gap__large, .us-column-gap__huge, .us-column-gap__gigantic, .us-group--gap__none, .us-group--gap__tiny, .us-group--gap__small,  .us-group--gap__medium > :is(div, span, a), .us-group--gap__big > :is(div, span, a), .us-group--gap__large > :is(div, span, a)) {
    gap: var(--grid-gap-base, 32px);
}

.us-grid__gap_small {--grid-gap-base: var(--grid-gap-s); gap: var(--grid-gap-base, 24px);}
.us-grid__gap_medium {--grid-gap-base: var(--grid-gap-m); gap: var(--grid-gap-base, 32px);}
.us-grid__gap_big {--grid-gap-base: var(--grid-gap-l); gap: var(--grid-gap-base, 48px);}
.us-grid__gap_large {--grid-gap-base: var(--grid-gap-xl); gap: var(--grid-gap-base, 64px);}
.us-grid__gap_huge {--grid-gap-base: var(--grid-gap-xxl); gap: var(--grid-gap-base, 96px);}

/* Device-Specific Grids */

:is(.us-grid__columns_six_desktop, .us-grid__columns_five_desktop, .us-grid__columns_four_desktop, .us-grid__columns_three_desktop, .us-grid__columns_two_desktop, .us-grid__columns_one_desktop, .us-grid__columns_four_tablet, .us-grid__columns_three_tablet, .us-grid__columns_two_tablet, .us-grid__columns_one_tablet, .us-grid__columns_four_mobile, .us-grid__columns_three_mobile, .us-grid__columns_two_mobile, .us-grid__columns_one_mobile, .us-grid__columns_four_landscape-mobile, .us-grid__columns_three_landscape-mobile, .us-grid__columns_two_landscape-mobile, .us-grid__columns_one_landscape-mobile) {display: grid; grid-template-columns: inherit; overflow-wrap: anywhere;}

:is(.us-grid__column-span_six_desktop, .us-grid__column-span_five_desktop, .us-grid__column-span_four_desktop, .us-grid__column-span_three_desktop, .us-grid__column-span_two_desktop, .us-grid__column-span_one_desktop, .us-grid__column-span_four_tablet, .us-grid__column-span_three_tablet, .us-grid__column-span_two_tablet, .us-grid__column-span_one_tablet, .us-grid__column-span_four_mobile, .us-grid__column-span_three_mobile, .us-grid__column-span_two_mobile, .us-grid__column-span_one_mobile, .us-grid__column-span_four_landscape-mobile, .us-grid__column-span_three_landscape-mobile, .us-grid__column-span_two_landscape-mobile, .us-grid__column-span_one_landscape-mobile) {grid-column: inherit;}

:is(.us-grid__row-span_six_desktop, .us-grid__row-span_five_desktop, .us-grid__row-span_four_desktop, .us-grid__row-span_three_desktop, .us-grid__row-span_two_desktop, .us-grid__row-span_one_desktop, .us-grid__row-span_four_tablet, .us-grid__row-span_three_tablet, .us-grid__row-span_two_tablet, .us-grid__row-span_one_tablet, .us-grid__row-span_four_mobile, .us-grid__row-span_three_mobile, .us-grid__row-span_two_mobile, .us-grid__row-span_one_mobile, .us-grid__row-span_four_landscape-mobile, .us-grid__row-span_three_landscape-mobile, .us-grid__row-span_two_landscape-mobile, .us-grid__row-span_one_landscape-mobile) {grid-row: inherit;}


/* Order */

.us-order__first {order: -1;}
.us-order__base {order: 0;}
.us-order__one {order: 1;}
.us-order__two {order: 2;}
.us-order__three {order: 3;}
.us-order__four {order: 4;}
.us-order__five {order: 5;}
.us-order__six {order: 6;}
.us-order__seven {order: 7;}
.us-order__eight {order: 8;}
.us-order__nine {order: 9;}
.us-order__ten {order: 10;}
.us-order__last {order: 99;}


/* Placement */

.us-top-0 {top: 0;}
.us-right-0 {right: 0;}
.us-bottom-0 {bottom: 0;}
.us-left-0 {left: 0;}

.us-top-auto {top: auto;}
.us-right-auto {right: auto;}
.us-bottom-auto {bottom: auto;}
.us-left-auto {left: auto;}

/* Position */

.us-position__relative {position: relative;}
.us-position__absolute {position: absolute;}
.us-position__fixed {position: fixed;}
.us-position__sticky {position: sticky;}

/* Absolute Align*/

:is(.us-position__absolute_horizontal-center, .us-position__absolute_sized_horizontal-center, .us-position__absolute_vertical-center, .us-position__absolute_sized_vertical-center, .us-position__absolute_center, .us-position__absolute_sized_center) {
    position: absolute;
}

:is(section, div, span, article, header, footer, nav, main):has(.us-position__absolute_horizontal-center, .us-position__absolute_sized_horizontal-center, .us-position__absolute_vertical-center, .us-position__absolute_sized_vertical-center) {
    position: relative;
}

.us-position__absolute_center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.us-position__absolute_sized_center {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.us-position__absolute_horizontal-center {
    left: 50%;
    transform: translateX(-50%);
}

.us-position__absolute_sized_horizontal-center {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.us-position__absolute_vertical-center {
    top: 50%;
    transform: translateY(-50%);
}

.us-position__absolute_sized_vertical-center {
    top: 0;
    bottom: 0;
    margin: auto 0;
}


/* Size */

.us-size__full {width: 100%; height: 100%;}


/* Height */

.us-height__full {height: var(--full-size) !important;}
.us-height__fit-content {height: fit-content;}
.us-height__auto {height: auto;}

.us-min-height__full-screen {min-height: 100dvh;}
.us-min-height__half-screen {min-height: 50dvh;}

.us-min-height__384 {min-height: 384px;}
.us-min-height__512 {min-height: 512px; height:100%;}
.us-min-height__768 {min-height: 768px; height:100%;}

.us-max-height__32 {max-height: 32px;}
.us-max-height__48 {max-height: 48px; height:100%;}
.us-max-height__64 {max-height: 64px; height:100%;}
.us-max-height__96 {max-height: 96px; height:100%;}



/* Width */

.us-width__full {width: var(--full-size) !important;}
.us-width__fit-content {width: fit-content;}
.us-width__auto {width: auto;}

.us-min-width__full-size {width:auto; min-width: 100%;}
.us-max-width__full-screen {width:100%; max-width: 100vw;}

.us-max-width__384 {width: 100%; max-width: 384px;}
.us-max-width__512 {width: 100%; max-width: 512px;}
.us-max-width__768 {width: 100%; max-width: 768px;}
.us-max-width__1024 {width: 100%; max-width: 1024px;}

.us-max-width-25 {width: 100%; max-width: 25%;}
.us-max-width-33 {width: 100%; max-width: 33%;}
.us-max-width-50 {width: 100%; max-width: 50%;}
.us-max-width-66 {width: 100%; max-width: 66%;}
.us-max-width-75 {width: 100%; max-width: 75%;}




/* Aspect Ratio */

.us-aspect-ratio__16-9 {aspect-ratio: 16 / 9;}
.us-aspect-ratio__16-10 {aspect-ratio: 16 / 10;}
.us-aspect-ratio__4-3 {aspect-ratio: 4 / 3;}
.us-aspect-ratio__3-2 {aspect-ratio: 3 / 2;}
.us-aspect-ratio__2-1 {aspect-ratio: 2 / 1;}
.us-aspect-ratio__1-1 {aspect-ratio: 1 / 1;}
.us-aspect-ratio__1-2 {aspect-ratio: 1 / 2;}
.us-aspect-ratio__2-3 {aspect-ratio: 2 / 3;}
.us-aspect-ratio__3-4 {aspect-ratio: 3 / 4;}
.us-aspect-ratio__9-16 {aspect-ratio: 9 / 16;}


/* Scaling font size + Don't forget to add {CURRENT} dynamic class selector */

.us-magnify__up {
    --magnifier: 2; 
}
.us-magnify__half_up {
    --magnifier: 1.5;   
}
.us-magnify__quarter_up {
    --magnifier: 1.25; 
}


.us-magnify__half_down {
    --magnifier: 0.5; 
}
.us-magnify__quarter_down {
    --magnifier: 0.75; 
}





/* Responsive Styles Start */

/* Laptop */


@media only screen and (min-width: 999.99px) and (max-width: 1499.99px) {
    body {
        --spacing-edge-wide: var(--spacing-edge-wide-mobile, 3vw);
    }

    .us-grid__auto-fit_two {
        grid-template-columns: repeat(auto-fit, minmax(calc(512px - (var(--grid-gap-base, 32px) * 0.5)), var(--grid-item-max-size-m, 1fr)));
    }   
    .us-grid__auto-fit_three {
        grid-template-columns: repeat(auto-fit, minmax(calc(416px - var(--grid-gap-base, 32px)), var(--grid-item-max-size-m, 1fr)));
    }
    .us-grid__auto-fit_four {
        grid-template-columns: repeat(auto-fit, minmax(calc(320px - (var(--grid-gap-base, 32px) * 1.5)), var(--grid-item-max-size-m, 1fr)));
    }
}


/* Desktop */


@media only screen and (min-width: 999.99px) {


    .us-grid__columns_six_desktop {grid-template-columns: repeat(6, 1fr);}
    .us-grid__columns_five_desktop {grid-template-columns: repeat(5, 1fr);}
    .us-grid__columns_four_desktop {grid-template-columns: repeat(4, 1fr);}
    .us-grid__columns_three_desktop {grid-template-columns: repeat(3, 1fr);}
    .us-grid__columns_two_desktop {grid-template-columns: repeat(2, 1fr);}
    .us-grid__columns_one_desktop {grid-template-columns: repeat(1, 1fr);}

    .us-grid__column-span_six_desktop {grid-column: span 6;}
    .us-grid__column-span_five_desktop {grid-column: span 5;}
    .us-grid__column-span_four_desktop {grid-column: span 4;}
    .us-grid__column-span_three_desktop {grid-column: span 3;}
    .us-grid__column-span_two_desktop {grid-column: span 2;}
    .us-grid__column-span_one_desktop {grid-column: span 1;}

    .us-grid__row-span_three_desktop {grid-row: span 3;}
    .us-grid__row-span_two_desktop {grid-row: span 2;}

    /* Order */

    .us-order__first_desktop {order: -1;}
    .us-order__base_desktop {order: 0;}
    .us-order__one_desktop {order: 1;}
    .us-order__two_desktop {order: 2;}
    .us-order__three_desktop {order: 3;}
    .us-order__four_desktop {order: 4;}
    .us-order__five_desktop {order: 5;}
    .us-order__six_desktop {order: 6;}
    .us-order__seven_desktop {order: 7;}
    .us-order__eight_desktop {order: 8;}
    .us-order__nine_desktop {order: 9;}
    .us-order__ten_desktop {order: 10;}
    .us-order__last_desktop {order: 99;}
    

}


/* Tablet */


@media only screen and (max-width: 999.99px) {


    body {


        --scaler-lighter:1; 
        --scaler-light:0.96875;
        --scaler-medium:0.9375; 
        --scaler-heavy:0.875; 
        --scaler-heavier:0.75; 


        --container-width-narrow: var(--container-width-mobile-narrow, 86vw);
        --container-width-wide: var(--container-width-mobile-wide, 94vw);
        --container-width-medium: var(--container-width-mobile-normal, 90vw);
        --container-width-normal: var(--container-width-mobile-normal, 90vw);

        --spacing-edge-normal: var(--spacing-edge-normal-mobile, 5vw);
        --spacing-edge-wide: var(--spacing-edge-wide-mobile, 3vw);
        --spacing-edge-narrow: var(--spacing-edge-narrow-mobile, 7vw);

    }
    
    .us-section__edges_normal {--spacing-edge-normal: var(--spacing-edge-normal-mobile, 5vw)}
    .us-section__edges_wide {--spacing-edge-wide: var(--spacing-edge-wide-mobile, 3vw)}
    .us-section__edges_narrow {--spacing-edge-narrow: var(--spacing-edge-narrow-mobile, 7vw)}

    .us-flex__wrap_tablet {flex-wrap: wrap;}
    .us-flex__nowrap_tablet {flex-wrap: nowrap;}

    .us-flex__wrap_important_tablet {flex-wrap: wrap !important;}
    .us-flex__nowrap_important_tablet {flex-wrap: nowrap !important;}

    .us-text-align__center_tablet {text-align: center;}
    .us-text-align__center_important_tablet {text-align: center !important;}

    .us-text-align__left_tablet {text-align: left;}
    .us-text-align__left_important_tablet {text-align: left !important;}

    .us-text-align__right_tablet {text-align: right;}
    .us-text-align__right_important_tablet {text-align: right !important;}

    .us-grid__columns_four_tablet {grid-template-columns: repeat(4, 1fr);}
    .us-grid__columns_three_tablet {grid-template-columns: repeat(3, 1fr);}
    .us-grid__columns_two_tablet {grid-template-columns: repeat(2, 1fr);}
    .us-grid__columns_one_tablet {grid-template-columns: repeat(1, 1fr);}

    .us-grid__column-span_four_tablet {grid-column: span 4;}
    .us-grid__column-span_three_tablet {grid-column: span 3;}
    .us-grid__column-span_two_tablet {grid-column: span 2;}
    .us-grid__column-span_one_tablet {grid-column: span 1;}

    .us-grid__row-span_three_tablet {grid-row: span 3;}
    .us-grid__row-span_two_tablet {grid-row: span 2;}

    .us-grid__auto-fit_two {
        grid-template-columns: repeat(auto-fit, minmax(calc(416px - (var(--grid-gap-base, 32px) * 0.5)), var(--grid-item-max-size-m, 1fr)));
    }   
    .us-grid__auto-fit_three {
        grid-template-columns: repeat(auto-fit, minmax(calc(320px - var(--grid-gap-base, 32px)), var(--grid-item-max-size-m, 1fr)));
    }
    .us-grid__auto-fit_four {
        grid-template-columns: repeat(auto-fit, minmax(calc(416px - (var(--grid-gap-base, 32px) * 1.5)), var(--grid-item-max-size-m, 1fr)));
    }

    /* Order */

    .us-order__first_tablet {order: -1;}
    .us-order__base_tablet {order: 0;}
    .us-order__one_tablet {order: 1;}
    .us-order__two_tablet {order: 2;}
    .us-order__three_tablet {order: 3;}
    .us-order__four_tablet {order: 4;}
    .us-order__five_tablet {order: 5;}
    .us-order__six_tablet {order: 6;}
    .us-order__seven_tablet {order: 7;}
    .us-order__eight_tablet {order: 8;}
    .us-order__nine_tablet {order: 9;}
    .us-order__ten_tablet {order: 10;}
    .us-order__last_tablet {order: 99;}

}


/* Landscape */

@media only screen and (max-width: 899.99px) and (orientation: landscape) {

    body {

        --scaler-lighter:0.96875;
        --scaler-light:0.9375; 
        --scaler-medium:0.875; 
        --scaler-heavy:0.75; 
        --scaler-heavier:0.66; 

        --auto-wrap: wrap;

    }

    .us-flex__wrap_landscape-mobile {flex-wrap: wrap;}
    .us-flex__nowrap_landscape-mobile {flex-wrap: nowrap;}

    .us-flex__wrap_important_landscape-mobile {flex-wrap: wrap !important;}
    .us-flex__nowrap_important_landscape-mobile {flex-wrap: nowrap !important;}
    
    .us-align-items__start_landscape-mobile {align-items: start;}
    .us-align-items__end_landscape-mobile {align-items: end;}
    .us-align-items__center_landscape-mobile {align-items: center; align-content: center;}
    .us-align-items__stretch_landscape-mobile {align-items: stretch;}

    .us-text-align__center_landscape-mobile {text-align: center;}
    .us-text-align__center_important_landscape-mobile {text-align: center !important;}

    .us-text-align__left_landscape-mobile {text-align: left;}
    .us-text-align__left_important_landscape-mobile {text-align: left !important;}

    .us-text-align__right_landscape-mobile {text-align: right;}
    .us-text-align__right_important_landscape-mobile {text-align: right !important;}


    :is(.us-grid__columns_four, .us-grid__columns_three, 
    .us-grid__columns_six_desktop, .us-grid__columns_five_desktop, .us-grid__columns_four_desktop, .us-grid__columns_three_desktop, .us-grid__columns_four_tablet, .us-grid__columns_three_tablet) {
        grid-template-columns: repeat(1, 1fr);
    }

    .us-grid__columns_four_landscape-mobile {grid-template-columns: repeat(4, 1fr);}
    .us-grid__columns_three_landscape-mobile {grid-template-columns: repeat(3, 1fr);}
    .us-grid__columns_two_landscape-mobile {grid-template-columns: repeat(2, 1fr);}
    .us-grid__columns_one_landscape-mobile {grid-template-columns: repeat(1, 1fr);}

    .us-grid__column-span_four_landscape-mobile {grid-column: span 4;}
    .us-grid__column-span_three_landscape-mobile {grid-column: span 3;}
    .us-grid__column-span_two_landscape-mobile {grid-column: span 2;}
    .us-grid__column-span_one_landscape-mobile {grid-column: span 1;}

    .us-grid__row-span_three_landscape-mobile {grid-row: span 3;}
    .us-grid__row-span_two_landscape-mobile {grid-row: span 2;}

}


/* Mobile */

@media only screen and (max-width: 669.99px) {

    body {


        --scaler-lighter:0.96875;
        --scaler-light:0.9375;
        --scaler-medium:0.875; 
        --scaler-heavy:0.75; 
        --scaler-heavier:0.66; 

        --auto-wrap: wrap;

    }


    .us-flex__wrap_mobile {flex-wrap: wrap;}
    .us-flex__nowrap_mobile {flex-wrap: nowrap;}

    .us-flex__wrap_important_mobile {flex-wrap: wrap !important;}
    .us-flex__nowrap_important_mobile {flex-wrap: nowrap !important;}

    .us-align-items__start_mobile {align-items: start;}
    .us-align-items__end_mobile {align-items: end;}
    .us-align-items__center_mobile {align-items: center; align-content: center;}
    .us-align-items__stretch_mobile {align-items: stretch;}
    
    .us-group--align-items__start_mobile {align-items: start;}
    .us-group--align-items__end_mobile {align-items: end;}
    .us-group--align-items__center_mobile {align-items: center; align-content: center;}
    .us-group--align-items__stretch_mobile {align-items: stretch;}

    .us-text-align__center_mobile {text-align: center;}
    .us-text-align__center_important_mobile {text-align: center !important;}

    .us-text-align__left_mobile {text-align: left;}
    .us-text-align__left_important_mobile {text-align: left !important;}

    .us-text-align__right_mobile {text-align: right;}
    .us-text-align__right_important_mobile {text-align: right !important;}

    :is(.us-grid__columns_four, .us-grid__columns_three, .us-grid__columns_two, 
    .us-grid__columns_six_desktop, .us-grid__columns_five_desktop, .us-grid__columns_four_desktop, .us-grid__columns_three_desktop, .us-grid__columns_two_desktop, .us-grid__columns_four_tablet, .us-grid__columns_three_tablet, .us-grid__columns_two_tablet) {
        grid-template-columns: repeat(1, 1fr);
    }

    :is(.us-grid__auto-fit_big, .us-grid__auto-fit_large, .us-grid__auto-fit_huge) {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .us-grid__columns_four_mobile {grid-template-columns: repeat(4, 1fr);}
    .us-grid__columns_three_mobile {grid-template-columns: repeat(3, 1fr);}
    .us-grid__columns_two_mobile {grid-template-columns: repeat(2, 1fr);}
    .us-grid__columns_one_mobile {grid-template-columns: repeat(1, 1fr);}

    .us-grid__column-span_four_mobile {grid-column: span 4;}
    .us-grid__column-span_three_mobile {grid-column: span 3;}
    .us-grid__column-span_two_mobile {grid-column: span 2;}
    .us-grid__column-span_one_mobile {grid-column: span 1;}

    .us-grid__row-span_three_mobile {grid-row: span 3;}
    .us-grid__row-span_two_mobile {grid-row: span 2;}

    .us-grid__auto-fit_two {
        grid-template-columns: repeat(auto-fit, minmax(100%, var(--grid-item-max-size-m, 1fr)));
    }
    .us-grid__auto-fit_three {
        grid-template-columns: repeat(auto-fit, minmax(100%, var(--grid-item-max-size-m, 1fr)));
    }
    .us-grid__auto-fit_four {
        grid-template-columns: repeat(auto-fit, minmax(100%, var(--grid-item-max-size-m, 1fr)));
    }


    /* Order */

    .us-order__first_mobile {order: -1;}
    .us-order__base_mobile {order: 0;}
    .us-order__one_mobile {order: 1;}
    .us-order__two_mobile {order: 2;}
    .us-order__three_mobile {order: 3;}
    .us-order__four_mobile {order: 4;}
    .us-order__five_mobile  {order: 5;}
    .us-order__six_mobile {order: 6;}
    .us-order__seven_mobile {order: 7;}
    .us-order__eight_mobile {order: 8;}
    .us-order__nine_mobile {order: 9;}
    .us-order__ten_mobile {order: 10;}
    .us-order__last_mobile {order: 99;}

}

@media only screen and (max-width: 369.99px) {



    .us-grid__columns_four_mobile {grid-template-columns: repeat(1, 1fr);}
    .us-grid__columns_three_mobile {grid-template-columns: repeat(1, 1fr);}
    .us-grid__columns_two_mobile {grid-template-columns: repeat(1, 1fr);}
    .us-grid__columns_one_mobile {grid-template-columns: repeat(1, 1fr);}


    :is(.us-grid__auto-fit_medium, .us-grid__auto-fit_big, .us-grid__auto-fit_large, .us-grid__auto-fit_huge) {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

}


/* Responsive Styles End */