html {
    font-size: 62.5%;
}
html.cf-theme-dark {
    color-scheme: dark;
}
:root, :root.cf-theme-dark .theme-inverted {
    --primary: hsl(185, 100%, 40%);
    --primary-5: hsla(185, 100%, 40%, 0.05);
    --primary-10: hsla(185, 100%, 40%, 0.1);
    --primary-20: hsla(185, 100%, 40%, 0.2);
    --primary-30: hsla(185, 100%, 40%, 0.3);
    --primary-40: hsla(185, 100%, 40%, 0.4);
    --primary-50: hsla(185, 100%, 40%, 0.5);
    --primary-60: hsla(185, 100%, 40%, 0.6);
    --primary-70: hsla(185, 100%, 40%, 0.7);
    --primary-80: hsla(185, 100%, 40%, 0.8);
    --primary-90: hsla(185, 100%, 40%, 0.9);
    --primary-d-1: hsl(186, 81%, 39%);
    --primary-d-2: hsl(186, 71%, 35%);
    --primary-d-3: hsl(186, 63%, 31%);
    --primary-d-4: hsl(186, 57%, 27%);
    --primary-d-5: hsl(187, 50%, 22%);
    --primary-d-6: hsl(187, 44%, 18%);
    --primary-d-7: hsl(187, 36%, 13%);
    --primary-d-8: hsl(186, 26%, 8%);
    --primary-l-1: hsl(186, 61%, 55%);
    --primary-l-2: hsl(187, 59%, 62%);
    --primary-l-3: hsl(187, 57%, 68%);
    --primary-l-4: hsl(187, 57%, 74%);
    --primary-l-5: hsl(187, 56%, 80%);
    --primary-l-6: hsl(187, 56%, 85%);
    --primary-l-7: hsl(187, 55%, 90%);
    --primary-l-8: hsl(187, 55%, 95%);
    --secondary: hsl(26, 100%, 66%);
    --secondary-d-1: hsl(26, 68%, 57%);
    --secondary-d-2: hsl(26, 50%, 49%);
    --secondary-d-3: hsl(26, 48%, 40%);
    --secondary-d-4: hsl(26, 47%, 32%);
    --secondary-d-5: hsl(25, 44%, 24%);
    --secondary-d-6: hsl(25, 40%, 17%);
    --secondary-d-7: hsl(26, 35%, 10%);
    --secondary-l-1: hsl(26, 100%, 70%);
    --secondary-l-2: hsl(26, 100%, 74%);
    --secondary-l-3: hsl(26, 100%, 77%);
    --secondary-l-4: hsl(26, 100%, 81%);
    --secondary-l-5: hsl(27, 100%, 85%);
    --secondary-l-6: hsl(27, 100%, 88%);
    --secondary-l-7: hsl(27, 100%, 92%);
    --secondary-l-8: hsl(27, 100%, 96%);
    --bg-body: hsla(0, 0%, 100%, 1);
    --bg-surface: hsla(0, 0%, 97%, 1);
    --text-body: hsla(27, 2%, 25%, 1);
    --text-title: hsla(27, 1%,12%, 1);
    --border-primary: hsla(0, 0%, 50%, 0.25);
    --shadow-primary: hsla(0, 0%, 0%, 0.15);
    --light: hsla(0, 0%, 100%, 1);
    --light-5: hsla(0, 0%, 100%, 0.05);
    --light-10: hsla(0, 0%, 100%, 0.1);
    --light-20: hsla(0, 0%, 100%, 0.2);
    --light-30: hsla(0, 0%, 100%, 0.3);
    --light-40: hsla(0, 0%, 100%, 0.4);
    --light-50: hsla(0, 0%, 100%, 0.5);
    --light-60: hsla(0, 0%, 100%, 0.6);
    --light-70: hsla(0, 0%, 100%, 0.7);
    --light-80: hsla(0, 0%, 100%, 0.8);
    --light-90: hsla(0, 0%, 100%, 0.9);
    --dark: hsla(0, 0%, 0%, 1);
    --dark-5: hsla(0, 0%, 0%, 0.05);
    --dark-10: hsla(0, 0%, 0%, 0.1);
    --dark-20: hsla(0, 0%, 0%, 0.2);
    --dark-30: hsla(0, 0%, 0%, 0.3);
    --dark-40: hsla(0, 0%, 0%, 0.4);
    --dark-50: hsla(0, 0%, 0%, 0.5);
    --dark-60: hsla(0, 0%, 0%, 0.6);
    --dark-70: hsla(0, 0%, 0%, 0.7);
    --dark-80: hsla(0, 0%, 0%, 0.8);
    --dark-90: hsla(0, 0%, 0%, 0.9);
    --space-4xs: clamp(0.27rem, calc(-0.02vw + 0.29rem), 0.28rem);
    --space-3xs: clamp(0.4rem, calc(0.03vw + 0.39rem), 0.43rem);
    --space-2xs: clamp(0.57rem, calc(0.14vw + 0.5rem), 0.68rem);
    --space-xs: clamp(0.8rem, calc(0.34vw + 0.64rem), 1.09rem);
    --space-s: clamp(1.13rem, calc(0.72vw + 0.79rem), 1.75rem);
    --space-m: clamp(1.6rem, calc(1.4vw + 0.93rem), 2.8rem);
    --space-l: clamp(2.26rem, calc(2.58vw + 1.03rem), 4.48rem);
    --space-xl: clamp(3.2rem, calc(4.63vw + 0.99rem), 7.17rem);
    --space-2xl: clamp(4.52rem, calc(8.09vw + 0.65rem), 11.47rem);
    --space-3xl: clamp(6.4rem, calc(13.93vw + -0.26rem), 18.35rem);
    --space-4xl: clamp(9.04rem, calc(23.68vw + -2.27rem), 29.36rem);
    --text-xs: clamp(0.9rem, calc(-0.24vw + 1.22rem), 1.11rem);
    --text-s: clamp(1.24rem, calc(0.03vw + 1.23rem), 1.27rem);
    --text-m: clamp(1.4rem, calc(0.47vw + 1.18rem), 1.8rem);
    --text-l: clamp(1.57rem, calc(1.13vw + 1.03rem), 2.54rem);
    --text-xl: clamp(1.77rem, calc(2.13vw + 0.75rem), 3.6rem);
    --text-2xl: clamp(1.99rem, calc(3.61vw + 0.27rem), 5.09rem);
    --text-3xl: clamp(2.24rem, calc(5.77vw + -0.52rem), 7.2rem);
    --text-4xl: clamp(2.52rem, calc(8.92vw + -1.74rem), 10.18rem);
    --h1: var(--text-3xl);
    --h2: var(--text-2xl);
    --h3: var(--text-xl);
    --h4: var(--text-l);
    --h5: var(--text-m);
    --h6: var(--text-s);
    --container-gap: var(--space-xl);
    --content-gap: var(--space-m);
    --block-gap: var(--space-s);
    --grid-gap: var(--space-m);
    --container-s: 94rem;
    --container-m: 136.6rem;
    --container-l: 158rem;
    --grid-1: repeat(1,minmax(0,1fr));
    --grid-2: repeat(2,minmax(0,1fr));
    --grid-3: repeat(3,minmax(0,1fr));
    --grid-4: repeat(4,minmax(0,1fr));
    --grid-5: repeat(5,minmax(0,1fr));
    --grid-6: repeat(6,minmax(0,1fr));
    --grid-7: repeat(7,minmax(0,1fr));
    --grid-8: repeat(8,minmax(0,1fr));
    --grid-2_1: minmax(0,2fr) minmax(0,1fr);
    --grid-1_2: minmax(0,1fr) minmax(0,2fr);
    --grid-min-5: repeat(auto-fit, minmax(5rem, 1fr));
    --grid-min-10: repeat(auto-fit, minmax(10rem, 1fr));
    --grid-min-20: repeat(auto-fit, minmax(20rem, 1fr));
    --grid-min-30: repeat(auto-fit, minmax(30rem, 1fr));
    --grid-min-40: repeat(auto-fit, minmax(40rem, 1fr));
    --grid-min-50: repeat(auto-fit, minmax(50rem, 1fr));
    --grid-min-60: repeat(auto-fit, minmax(60rem, 1fr));
    --grid-min-70: repeat(auto-fit, minmax(70rem, 1fr));
    --radius: 0.7rem;
    --radius-xs: 0.25rem;
    --radius-s: clamp(0.8rem, calc(-0.23vw + 0.91rem), 0.6rem);
    --radius-m: clamp(1.2rem, calc(-0.23vw + 1.31rem), 1rem);
    --radius-l: clamp(2rem, calc(-0.47vw + 2.22rem), 1.6rem);
    --radius-xl: clamp(3.2rem, calc(-0.7vw + 3.53rem), 2.6rem);
    --radius-full: 999rem;
    --shadow-xs: 0 1px 2px var(--shadow-primary);
    --shadow-s: 0 1.5px 3px var(--shadow-primary);
    --shadow-m: 0 2px 6px var(--shadow-primary);
    --shadow-l: 0 3px 12px var(--shadow-primary);
    --shadow-xl: 0 6px 48px var(--shadow-primary);
}
:root.cf-theme-dark, :root.cf-theme-light .theme-inverted {
    --bg-body: hsla(0, 0%, 10%, 1);
    --bg-surface: hsla(0, 0%, 15%, 1);
    --text-body: hsla(0, 0%, 95%, 1);
    --text-title: hsla(0, 0%, 100%, 1);
    --border-primary: hsla(0, 0%, 75%, 0.1);
    --shadow-primary: hsla(0, 0%, 0%, 0.4);
    --light: hsla(0, 0%, 0%, 1);
    --light-5: hsla(0, 0%, 0%, 0.05);
    --light-10: hsla(0, 0%, 0%, 0.1);
    --light-20: hsla(0, 0%, 0%, 0.2);
    --light-30: hsla(0, 0%, 0%, 0.3);
    --light-40: hsla(0, 0%, 0%, 0.4);
    --light-50: hsla(0, 0%, 0%, 0.5);
    --light-60: hsla(0, 0%, 0%, 0.6);
    --light-70: hsla(0, 0%, 0%, 0.7);
    --light-80: hsla(0, 0%, 0%, 0.8);
    --light-90: hsla(0, 0%, 0%, 0.9);
    --dark: hsla(0, 0%, 100%, 1);
    --dark-5: hsla(0, 0%, 100%, 0.05);
    --dark-10: hsla(0, 0%, 100%, 0.1);
    --dark-20: hsla(0, 0%, 100%, 0.2);
    --dark-30: hsla(0, 0%, 100%, 0.3);
    --dark-40: hsla(0, 0%, 100%, 0.4);
    --dark-50: hsla(0, 0%, 100%, 0.5);
    --dark-60: hsla(0, 0%, 100%, 0.6);
    --dark-70: hsla(0, 0%, 100%, 0.7);
    --dark-80: hsla(0, 0%, 100%, 0.8);
    --dark-90: hsla(0, 0%, 100%, 0.9);
}
.bg-primary {
    background-color: var(--primary);
}
.bg-primary-5 {
    background-color: var(--primary-5);
}
.bg-primary-10 {
    background-color: var(--primary-10);
}
.bg-primary-20 {
    background-color: var(--primary-20);
}
.bg-primary-30 {
    background-color: var(--primary-30);
}
.bg-primary-40 {
    background-color: var(--primary-40);
}
.bg-primary-50 {
    background-color: var(--primary-50);
}
.bg-primary-60 {
    background-color: var(--primary-60);
}
.bg-primary-70 {
    background-color: var(--primary-70);
}
.bg-primary-80 {
    background-color: var(--primary-80);
}
.bg-primary-90 {
    background-color: var(--primary-90);
}
.bg-primary-d-1 {
    background-color: var(--primary-d-1);
}
.bg-primary-d-2 {
    background-color: var(--primary-d-2);
}
.bg-primary-d-3 {
    background-color: var(--primary-d-3);
}
.bg-primary-d-4 {
    background-color: var(--primary-d-4);
}
.bg-primary-d-5 {
    background-color: var(--primary-d-5);
}
.bg-primary-d-6 {
    background-color: var(--primary-d-6);
}
.bg-primary-d-7 {
    background-color: var(--primary-d-7);
}
.bg-primary-d-8 {
    background-color: var(--primary-d-8);
}
.bg-primary-l-1 {
    background-color: var(--primary-l-1);
}
.bg-primary-l-2 {
    background-color: var(--primary-l-2);
}
.bg-primary-l-3 {
    background-color: var(--primary-l-3);
}
.bg-primary-l-4 {
    background-color: var(--primary-l-4);
}
.bg-primary-l-5 {
    background-color: var(--primary-l-5);
}
.bg-primary-l-6 {
    background-color: var(--primary-l-6);
}
.bg-primary-l-7 {
    background-color: var(--primary-l-7);
}
.bg-primary-l-8 {
    background-color: var(--primary-l-8);
}
.text-primary {
    color: var(--primary);
}
.text-primary-5 {
    color: var(--primary-5);
}
.text-primary-10 {
    color: var(--primary-10);
}
.text-primary-20 {
    color: var(--primary-20);
}
.text-primary-30 {
    color: var(--primary-30);
}
.text-primary-40 {
    color: var(--primary-40);
}
.text-primary-50 {
    color: var(--primary-50);
}
.text-primary-60 {
    color: var(--primary-60);
}
.text-primary-70 {
    color: var(--primary-70);
}
.text-primary-80 {
    color: var(--primary-80);
}
.text-primary-90 {
    color: var(--primary-90);
}
.text-primary-d-1 {
    color: var(--primary-d-1);
}
.text-primary-d-2 {
    color: var(--primary-d-2);
}
.text-primary-d-3 {
    color: var(--primary-d-3);
}
.text-primary-d-4 {
    color: var(--primary-d-4);
}
.text-primary-d-5 {
    color: var(--primary-d-5);
}
.text-primary-d-6 {
    color: var(--primary-d-6);
}
.text-primary-d-7 {
    color: var(--primary-d-7);
}
.text-primary-d-8 {
    color: var(--primary-d-8);
}
.text-primary-l-1 {
    color: var(--primary-l-1);
}
.text-primary-l-2 {
    color: var(--primary-l-2);
}
.text-primary-l-3 {
    color: var(--primary-l-3);
}
.text-primary-l-4 {
    color: var(--primary-l-4);
}
.text-primary-l-5 {
    color: var(--primary-l-5);
}
.text-primary-l-6 {
    color: var(--primary-l-6);
}
.text-primary-l-7 {
    color: var(--primary-l-7);
}
.text-primary-l-8 {
    color: var(--primary-l-8);
}
.bg-secondary {
    background-color: var(--secondary);
}
.bg-secondary-d-1 {
    background-color: var(--secondary-d-1);
}
.bg-secondary-d-2 {
    background-color: var(--secondary-d-2);
}
.bg-secondary-d-3 {
    background-color: var(--secondary-d-3);
}
.bg-secondary-d-4 {
    background-color: var(--secondary-d-4);
}
.bg-secondary-d-5 {
    background-color: var(--secondary-d-5);
}
.bg-secondary-d-6 {
    background-color: var(--secondary-d-6);
}
.bg-secondary-d-7 {
    background-color: var(--secondary-d-7);
}
.bg-secondary-l-1 {
    background-color: var(--secondary-l-1);
}
.bg-secondary-l-2 {
    background-color: var(--secondary-l-2);
}
.bg-secondary-l-3 {
    background-color: var(--secondary-l-3);
}
.bg-secondary-l-4 {
    background-color: var(--secondary-l-4);
}
.bg-secondary-l-5 {
    background-color: var(--secondary-l-5);
}
.bg-secondary-l-6 {
    background-color: var(--secondary-l-6);
}
.bg-secondary-l-7 {
    background-color: var(--secondary-l-7);
}
.bg-secondary-l-8 {
    background-color: var(--secondary-l-8);
}
.text-secondary {
    color: var(--secondary);
}
.text-secondary-d-1 {
    color: var(--secondary-d-1);
}
.text-secondary-d-2 {
    color: var(--secondary-d-2);
}
.text-secondary-d-3 {
    color: var(--secondary-d-3);
}
.text-secondary-d-4 {
    color: var(--secondary-d-4);
}
.text-secondary-d-5 {
    color: var(--secondary-d-5);
}
.text-secondary-d-6 {
    color: var(--secondary-d-6);
}
.text-secondary-d-7 {
    color: var(--secondary-d-7);
}
.text-secondary-l-1 {
    color: var(--secondary-l-1);
}
.text-secondary-l-2 {
    color: var(--secondary-l-2);
}
.text-secondary-l-3 {
    color: var(--secondary-l-3);
}
.text-secondary-l-4 {
    color: var(--secondary-l-4);
}
.text-secondary-l-5 {
    color: var(--secondary-l-5);
}
.text-secondary-l-6 {
    color: var(--secondary-l-6);
}
.text-secondary-l-7 {
    color: var(--secondary-l-7);
}
.text-secondary-l-8 {
    color: var(--secondary-l-8);
}
.bg-body {
    background-color: var(--bg-body);
}
.bg-surface {
    background-color: var(--bg-surface);
}
.text-body {
    color: var(--text-body);
}
.text-title {
    color: var(--text-title);
}
.bg-light {
    background-color: var(--light);
}
.bg-light-5 {
    background-color: var(--light-5);
}
.bg-light-10 {
    background-color: var(--light-10);
}
.bg-light-20 {
    background-color: var(--light-20);
}
.bg-light-30 {
    background-color: var(--light-30);
}
.bg-light-40 {
    background-color: var(--light-40);
}
.bg-light-50 {
    background-color: var(--light-50);
}
.bg-light-60 {
    background-color: var(--light-60);
}
.bg-light-70 {
    background-color: var(--light-70);
}
.bg-light-80 {
    background-color: var(--light-80);
}
.bg-light-90 {
    background-color: var(--light-90);
}
.text-light {
    color: var(--light);
}
.text-light-5 {
    color: var(--light-5);
}
.text-light-10 {
    color: var(--light-10);
}
.text-light-20 {
    color: var(--light-20);
}
.text-light-30 {
    color: var(--light-30);
}
.text-light-40 {
    color: var(--light-40);
}
.text-light-50 {
    color: var(--light-50);
}
.text-light-60 {
    color: var(--light-60);
}
.text-light-70 {
    color: var(--light-70);
}
.text-light-80 {
    color: var(--light-80);
}
.text-light-90 {
    color: var(--light-90);
}
.border-light {
    border-color: var(--light);
}
.border-light-5 {
    border-color: var(--light-5);
}
.border-light-10 {
    border-color: var(--light-10);
}
.border-light-20 {
    border-color: var(--light-20);
}
.border-light-30 {
    border-color: var(--light-30);
}
.border-light-40 {
    border-color: var(--light-40);
}
.border-light-50 {
    border-color: var(--light-50);
}
.border-light-60 {
    border-color: var(--light-60);
}
.border-light-70 {
    border-color: var(--light-70);
}
.border-light-80 {
    border-color: var(--light-80);
}
.border-light-90 {
    border-color: var(--light-90);
}
.bg-dark {
    background-color: var(--dark);
}
.bg-dark-5 {
    background-color: var(--dark-5);
}
.bg-dark-10 {
    background-color: var(--dark-10);
}
.bg-dark-20 {
    background-color: var(--dark-20);
}
.bg-dark-30 {
    background-color: var(--dark-30);
}
.bg-dark-40 {
    background-color: var(--dark-40);
}
.bg-dark-50 {
    background-color: var(--dark-50);
}
.bg-dark-60 {
    background-color: var(--dark-60);
}
.bg-dark-70 {
    background-color: var(--dark-70);
}
.bg-dark-80 {
    background-color: var(--dark-80);
}
.bg-dark-90 {
    background-color: var(--dark-90);
}
.text-dark {
    color: var(--dark);
}
.text-dark-5 {
    color: var(--dark-5);
}
.text-dark-10 {
    color: var(--dark-10);
}
.text-dark-20 {
    color: var(--dark-20);
}
.text-dark-30 {
    color: var(--dark-30);
}
.text-dark-40 {
    color: var(--dark-40);
}
.text-dark-50 {
    color: var(--dark-50);
}
.text-dark-60 {
    color: var(--dark-60);
}
.text-dark-70 {
    color: var(--dark-70);
}
.text-dark-80 {
    color: var(--dark-80);
}
.text-dark-90 {
    color: var(--dark-90);
}
.border-dark {
    border-color: var(--dark);
}
.border-dark-5 {
    border-color: var(--dark-5);
}
.border-dark-10 {
    border-color: var(--dark-10);
}
.border-dark-20 {
    border-color: var(--dark-20);
}
.border-dark-30 {
    border-color: var(--dark-30);
}
.border-dark-40 {
    border-color: var(--dark-40);
}
.border-dark-50 {
    border-color: var(--dark-50);
}
.border-dark-60 {
    border-color: var(--dark-60);
}
.border-dark-70 {
    border-color: var(--dark-70);
}
.border-dark-80 {
    border-color: var(--dark-80);
}
.border-dark-90 {
    border-color: var(--dark-90);
}
.padding-4xs {
    padding: 0.27rem;
    padding: var(--space-4xs);
}
.padding-3xs {
    padding: 0.4rem;
    padding: var(--space-3xs);
}
.padding-2xs {
    padding: 0.57rem;
    padding: var(--space-2xs);
}
.padding-xs {
    padding: 0.8rem;
    padding: var(--space-xs);
}
.padding-s {
    padding: 1.13rem;
    padding: var(--space-s);
}
.padding-m {
    padding: 1.6rem;
    padding: var(--space-m);
}
.padding-l {
    padding: 2.26rem;
    padding: var(--space-l);
}
.padding-xl {
    padding: 3.2rem;
    padding: var(--space-xl);
}
.padding-2xl {
    padding: 4.52rem;
    padding: var(--space-2xl);
}
.padding-3xl {
    padding: 6.4rem;
    padding: var(--space-3xl);
}
.padding-4xl {
    padding: 9.04rem;
    padding: var(--space-4xl);
}
.padding-horizontal-4xs {
    padding-left: 0.27rem;
    padding-left: var(--space-4xs);
    padding-right: 0.27rem;
    padding-right: var(--space-4xs);
}
.padding-horizontal-3xs {
    padding-left: 0.4rem;
    padding-left: var(--space-3xs);
    padding-right: 0.4rem;
    padding-right: var(--space-3xs);
}
.padding-horizontal-2xs {
    padding-left: 0.57rem;
    padding-left: var(--space-2xs);
    padding-right: 0.57rem;
    padding-right: var(--space-2xs);
}
.padding-horizontal-xs {
    padding-left: 0.8rem;
    padding-left: var(--space-xs);
    padding-right: 0.8rem;
    padding-right: var(--space-xs);
}
.padding-horizontal-s {
    padding-left: 1.13rem;
    padding-left: var(--space-s);
    padding-right: 1.13rem;
    padding-right: var(--space-s);
}
.padding-horizontal-m {
    padding-left: 1.6rem;
    padding-left: var(--space-m);
    padding-right: 1.6rem;
    padding-right: var(--space-m);
}
.padding-horizontal-l {
    padding-left: 2.26rem;
    padding-left: var(--space-l);
    padding-right: 2.26rem;
    padding-right: var(--space-l);
}
.padding-horizontal-xl {
    padding-left: 3.2rem;
    padding-left: var(--space-xl);
    padding-right: 3.2rem;
    padding-right: var(--space-xl);
}
.padding-horizontal-2xl {
    padding-left: 4.52rem;
    padding-left: var(--space-2xl);
    padding-right: 4.52rem;
    padding-right: var(--space-2xl);
}
.padding-horizontal-3xl {
    padding-left: 6.4rem;
    padding-left: var(--space-3xl);
    padding-right: 6.4rem;
    padding-right: var(--space-3xl);
}
.padding-horizontal-4xl {
    padding-left: 9.04rem;
    padding-left: var(--space-4xl);
    padding-right: 9.04rem;
    padding-right: var(--space-4xl);
}
.padding-vertical-4xs {
    padding-top: 0.27rem;
    padding-top: var(--space-4xs);
    padding-bottom: 0.27rem;
    padding-bottom: var(--space-4xs);
}
.padding-vertical-3xs {
    padding-top: 0.4rem;
    padding-top: var(--space-3xs);
    padding-bottom: 0.4rem;
    padding-bottom: var(--space-3xs);
}
.padding-vertical-2xs {
    padding-top: 0.57rem;
    padding-top: var(--space-2xs);
    padding-bottom: 0.57rem;
    padding-bottom: var(--space-2xs);
}
.padding-vertical-xs {
    padding-top: 0.8rem;
    padding-top: var(--space-xs);
    padding-bottom: 0.8rem;
    padding-bottom: var(--space-xs);
}
.padding-vertical-s {
    padding-top: 1.13rem;
    padding-top: var(--space-s);
    padding-bottom: 1.13rem;
    padding-bottom: var(--space-s);
}
.padding-vertical-m {
    padding-top: 1.6rem;
    padding-top: var(--space-m);
    padding-bottom: 1.6rem;
    padding-bottom: var(--space-m);
}
.padding-vertical-l {
    padding-top: 2.26rem;
    padding-top: var(--space-l);
    padding-bottom: 2.26rem;
    padding-bottom: var(--space-l);
}
.padding-vertical-xl {
    padding-top: 3.2rem;
    padding-top: var(--space-xl);
    padding-bottom: 3.2rem;
    padding-bottom: var(--space-xl);
}
.padding-vertical-2xl {
    padding-top: 4.52rem;
    padding-top: var(--space-2xl);
    padding-bottom: 4.52rem;
    padding-bottom: var(--space-2xl);
}
.padding-vertical-3xl {
    padding-top: 6.4rem;
    padding-top: var(--space-3xl);
    padding-bottom: 6.4rem;
    padding-bottom: var(--space-3xl);
}
.padding-vertical-4xl {
    padding-top: 9.04rem;
    padding-top: var(--space-4xl);
    padding-bottom: 9.04rem;
    padding-bottom: var(--space-4xl);
}
.padding-top-4xs {
    padding-top: 0.27rem;
    padding-top: var(--space-4xs);
}
.padding-top-3xs {
    padding-top: 0.4rem;
    padding-top: var(--space-3xs);
}
.padding-top-2xs {
    padding-top: 0.57rem;
    padding-top: var(--space-2xs);
}
.padding-top-xs {
    padding-top: 0.8rem;
    padding-top: var(--space-xs);
}
.padding-top-s {
    padding-top: 1.13rem;
    padding-top: var(--space-s);
}
.padding-top-m {
    padding-top: 1.6rem;
    padding-top: var(--space-m);
}
.padding-top-l {
    padding-top: 2.26rem;
    padding-top: var(--space-l);
}
.padding-top-xl {
    padding-top: 3.2rem;
    padding-top: var(--space-xl);
}
.padding-top-2xl {
    padding-top: 4.52rem;
    padding-top: var(--space-2xl);
}
.padding-top-3xl {
    padding-top: 6.4rem;
    padding-top: var(--space-3xl);
}
.padding-top-4xl {
    padding-top: 9.04rem;
    padding-top: var(--space-4xl);
}
.padding-right-4xs {
    padding-right: 0.27rem;
    padding-right: var(--space-4xs);
}
.padding-right-3xs {
    padding-right: 0.4rem;
    padding-right: var(--space-3xs);
}
.padding-right-2xs {
    padding-right: 0.57rem;
    padding-right: var(--space-2xs);
}
.padding-right-xs {
    padding-right: 0.8rem;
    padding-right: var(--space-xs);
}
.padding-right-s {
    padding-right: 1.13rem;
    padding-right: var(--space-s);
}
.padding-right-m {
    padding-right: 1.6rem;
    padding-right: var(--space-m);
}
.padding-right-l {
    padding-right: 2.26rem;
    padding-right: var(--space-l);
}
.padding-right-xl {
    padding-right: 3.2rem;
    padding-right: var(--space-xl);
}
.padding-right-2xl {
    padding-right: 4.52rem;
    padding-right: var(--space-2xl);
}
.padding-right-3xl {
    padding-right: 6.4rem;
    padding-right: var(--space-3xl);
}
.padding-right-4xl {
    padding-right: 9.04rem;
    padding-right: var(--space-4xl);
}
.padding-bottom-4xs {
    padding-bottom: 0.27rem;
    padding-bottom: var(--space-4xs);
}
.padding-bottom-3xs {
    padding-bottom: 0.4rem;
    padding-bottom: var(--space-3xs);
}
.padding-bottom-2xs {
    padding-bottom: 0.57rem;
    padding-bottom: var(--space-2xs);
}
.padding-bottom-xs {
    padding-bottom: 0.8rem;
    padding-bottom: var(--space-xs);
}
.padding-bottom-s {
    padding-bottom: 1.13rem;
    padding-bottom: var(--space-s);
}
.padding-bottom-m {
    padding-bottom: 1.6rem;
    padding-bottom: var(--space-m);
}
.padding-bottom-l {
    padding-bottom: 2.26rem;
    padding-bottom: var(--space-l);
}
.padding-bottom-xl {
    padding-bottom: 3.2rem;
    padding-bottom: var(--space-xl);
}
.padding-bottom-2xl {
    padding-bottom: 4.52rem;
    padding-bottom: var(--space-2xl);
}
.padding-bottom-3xl {
    padding-bottom: 6.4rem;
    padding-bottom: var(--space-3xl);
}
.padding-bottom-4xl {
    padding-bottom: 9.04rem;
    padding-bottom: var(--space-4xl);
}
.padding-left-4xs {
    padding-left: 0.27rem;
    padding-left: var(--space-4xs);
}
.padding-left-3xs {
    padding-left: 0.4rem;
    padding-left: var(--space-3xs);
}
.padding-left-2xs {
    padding-left: 0.57rem;
    padding-left: var(--space-2xs);
}
.padding-left-xs {
    padding-left: 0.8rem;
    padding-left: var(--space-xs);
}
.padding-left-s {
    padding-left: 1.13rem;
    padding-left: var(--space-s);
}
.padding-left-m {
    padding-left: 1.6rem;
    padding-left: var(--space-m);
}
.padding-left-l {
    padding-left: 2.26rem;
    padding-left: var(--space-l);
}
.padding-left-xl {
    padding-left: 3.2rem;
    padding-left: var(--space-xl);
}
.padding-left-2xl {
    padding-left: 4.52rem;
    padding-left: var(--space-2xl);
}
.padding-left-3xl {
    padding-left: 6.4rem;
    padding-left: var(--space-3xl);
}
.padding-left-4xl {
    padding-left: 9.04rem;
    padding-left: var(--space-4xl);
}
.margin-4xs {
    margin: 0.27rem;
    margin: var(--space-4xs);
}
.margin-3xs {
    margin: 0.4rem;
    margin: var(--space-3xs);
}
.margin-2xs {
    margin: 0.57rem;
    margin: var(--space-2xs);
}
.margin-xs {
    margin: 0.8rem;
    margin: var(--space-xs);
}
.margin-s {
    margin: 1.13rem;
    margin: var(--space-s);
}
.margin-m {
    margin: 1.6rem;
    margin: var(--space-m);
}
.margin-l {
    margin: 2.26rem;
    margin: var(--space-l);
}
.margin-xl {
    margin: 3.2rem;
    margin: var(--space-xl);
}
.margin-2xl {
    margin: 4.52rem;
    margin: var(--space-2xl);
}
.margin-3xl {
    margin: 6.4rem;
    margin: var(--space-3xl);
}
.margin-4xl {
    margin: 9.04rem;
    margin: var(--space-4xl);
}
.margin-horizontal-4xs {
    margin-left: 0.27rem;
    margin-left: var(--space-4xs);
    margin-right: 0.27rem;
    margin-right: var(--space-4xs);
}
.margin-horizontal-3xs {
    margin-left: 0.4rem;
    margin-left: var(--space-3xs);
    margin-right: 0.4rem;
    margin-right: var(--space-3xs);
}
.margin-horizontal-2xs {
    margin-left: 0.57rem;
    margin-left: var(--space-2xs);
    margin-right: 0.57rem;
    margin-right: var(--space-2xs);
}
.margin-horizontal-xs {
    margin-left: 0.8rem;
    margin-left: var(--space-xs);
    margin-right: 0.8rem;
    margin-right: var(--space-xs);
}
.margin-horizontal-s {
    margin-left: 1.13rem;
    margin-left: var(--space-s);
    margin-right: 1.13rem;
    margin-right: var(--space-s);
}
.margin-horizontal-m {
    margin-left: 1.6rem;
    margin-left: var(--space-m);
    margin-right: 1.6rem;
    margin-right: var(--space-m);
}
.margin-horizontal-l {
    margin-left: 2.26rem;
    margin-left: var(--space-l);
    margin-right: 2.26rem;
    margin-right: var(--space-l);
}
.margin-horizontal-xl {
    margin-left: 3.2rem;
    margin-left: var(--space-xl);
    margin-right: 3.2rem;
    margin-right: var(--space-xl);
}
.margin-horizontal-2xl {
    margin-left: 4.52rem;
    margin-left: var(--space-2xl);
    margin-right: 4.52rem;
    margin-right: var(--space-2xl);
}
.margin-horizontal-3xl {
    margin-left: 6.4rem;
    margin-left: var(--space-3xl);
    margin-right: 6.4rem;
    margin-right: var(--space-3xl);
}
.margin-horizontal-4xl {
    margin-left: 9.04rem;
    margin-left: var(--space-4xl);
    margin-right: 9.04rem;
    margin-right: var(--space-4xl);
}
.margin-vertical-4xs {
    margin-top: 0.27rem;
    margin-top: var(--space-4xs);
    margin-bottom: 0.27rem;
    margin-bottom: var(--space-4xs);
}
.margin-vertical-3xs {
    margin-top: 0.4rem;
    margin-top: var(--space-3xs);
    margin-bottom: 0.4rem;
    margin-bottom: var(--space-3xs);
}
.margin-vertical-2xs {
    margin-top: 0.57rem;
    margin-top: var(--space-2xs);
    margin-bottom: 0.57rem;
    margin-bottom: var(--space-2xs);
}
.margin-vertical-xs {
    margin-top: 0.8rem;
    margin-top: var(--space-xs);
    margin-bottom: 0.8rem;
    margin-bottom: var(--space-xs);
}
.margin-vertical-s {
    margin-top: 1.13rem;
    margin-top: var(--space-s);
    margin-bottom: 1.13rem;
    margin-bottom: var(--space-s);
}
.margin-vertical-m {
    margin-top: 1.6rem;
    margin-top: var(--space-m);
    margin-bottom: 1.6rem;
    margin-bottom: var(--space-m);
}
.margin-vertical-l {
    margin-top: 2.26rem;
    margin-top: var(--space-l);
    margin-bottom: 2.26rem;
    margin-bottom: var(--space-l);
}
.margin-vertical-xl {
    margin-top: 3.2rem;
    margin-top: var(--space-xl);
    margin-bottom: 3.2rem;
    margin-bottom: var(--space-xl);
}
.margin-vertical-2xl {
    margin-top: 4.52rem;
    margin-top: var(--space-2xl);
    margin-bottom: 4.52rem;
    margin-bottom: var(--space-2xl);
}
.margin-vertical-3xl {
    margin-top: 6.4rem;
    margin-top: var(--space-3xl);
    margin-bottom: 6.4rem;
    margin-bottom: var(--space-3xl);
}
.margin-vertical-4xl {
    margin-top: 9.04rem;
    margin-top: var(--space-4xl);
    margin-bottom: 9.04rem;
    margin-bottom: var(--space-4xl);
}
.margin-top-4xs {
    margin-top: 0.27rem;
    margin-top: var(--space-4xs);
}
.margin-top-3xs {
    margin-top: 0.4rem;
    margin-top: var(--space-3xs);
}
.margin-top-2xs {
    margin-top: 0.57rem;
    margin-top: var(--space-2xs);
}
.margin-top-xs {
    margin-top: 0.8rem;
    margin-top: var(--space-xs);
}
.margin-top-s {
    margin-top: 1.13rem;
    margin-top: var(--space-s);
}
.margin-top-m {
    margin-top: 1.6rem;
    margin-top: var(--space-m);
}
.margin-top-l {
    margin-top: 2.26rem;
    margin-top: var(--space-l);
}
.margin-top-xl {
    margin-top: 3.2rem;
    margin-top: var(--space-xl);
}
.margin-top-2xl {
    margin-top: 4.52rem;
    margin-top: var(--space-2xl);
}
.margin-top-3xl {
    margin-top: 6.4rem;
    margin-top: var(--space-3xl);
}
.margin-top-4xl {
    margin-top: 9.04rem;
    margin-top: var(--space-4xl);
}
.margin-right-4xs {
    margin-right: 0.27rem;
    margin-right: var(--space-4xs);
}
.margin-right-3xs {
    margin-right: 0.4rem;
    margin-right: var(--space-3xs);
}
.margin-right-2xs {
    margin-right: 0.57rem;
    margin-right: var(--space-2xs);
}
.margin-right-xs {
    margin-right: 0.8rem;
    margin-right: var(--space-xs);
}
.margin-right-s {
    margin-right: 1.13rem;
    margin-right: var(--space-s);
}
.margin-right-m {
    margin-right: 1.6rem;
    margin-right: var(--space-m);
}
.margin-right-l {
    margin-right: 2.26rem;
    margin-right: var(--space-l);
}
.margin-right-xl {
    margin-right: 3.2rem;
    margin-right: var(--space-xl);
}
.margin-right-2xl {
    margin-right: 4.52rem;
    margin-right: var(--space-2xl);
}
.margin-right-3xl {
    margin-right: 6.4rem;
    margin-right: var(--space-3xl);
}
.margin-right-4xl {
    margin-right: 9.04rem;
    margin-right: var(--space-4xl);
}
.margin-bottom-4xs {
    margin-bottom: 0.27rem;
    margin-bottom: var(--space-4xs);
}
.margin-bottom-3xs {
    margin-bottom: 0.4rem;
    margin-bottom: var(--space-3xs);
}
.margin-bottom-2xs {
    margin-bottom: 0.57rem;
    margin-bottom: var(--space-2xs);
}
.margin-bottom-xs {
    margin-bottom: 0.8rem;
    margin-bottom: var(--space-xs);
}
.margin-bottom-s {
    margin-bottom: 1.13rem;
    margin-bottom: var(--space-s);
}
.margin-bottom-m {
    margin-bottom: 1.6rem;
    margin-bottom: var(--space-m);
}
.margin-bottom-l {
    margin-bottom: 2.26rem;
    margin-bottom: var(--space-l);
}
.margin-bottom-xl {
    margin-bottom: 3.2rem;
    margin-bottom: var(--space-xl);
}
.margin-bottom-2xl {
    margin-bottom: 4.52rem;
    margin-bottom: var(--space-2xl);
}
.margin-bottom-3xl {
    margin-bottom: 6.4rem;
    margin-bottom: var(--space-3xl);
}
.margin-bottom-4xl {
    margin-bottom: 9.04rem;
    margin-bottom: var(--space-4xl);
}
.margin-left-4xs {
    margin-left: 0.27rem;
    margin-left: var(--space-4xs);
}
.margin-left-3xs {
    margin-left: 0.4rem;
    margin-left: var(--space-3xs);
}
.margin-left-2xs {
    margin-left: 0.57rem;
    margin-left: var(--space-2xs);
}
.margin-left-xs {
    margin-left: 0.8rem;
    margin-left: var(--space-xs);
}
.margin-left-s {
    margin-left: 1.13rem;
    margin-left: var(--space-s);
}
.margin-left-m {
    margin-left: 1.6rem;
    margin-left: var(--space-m);
}
.margin-left-l {
    margin-left: 2.26rem;
    margin-left: var(--space-l);
}
.margin-left-xl {
    margin-left: 3.2rem;
    margin-left: var(--space-xl);
}
.margin-left-2xl {
    margin-left: 4.52rem;
    margin-left: var(--space-2xl);
}
.margin-left-3xl {
    margin-left: 6.4rem;
    margin-left: var(--space-3xl);
}
.margin-left-4xl {
    margin-left: 9.04rem;
    margin-left: var(--space-4xl);
}
.gap-4xs {
    gap: 0.27rem;
    gap: var(--space-4xs);
}
.gap-3xs {
    gap: 0.4rem;
    gap: var(--space-3xs);
}
.gap-2xs {
    gap: 0.57rem;
    gap: var(--space-2xs);
}
.gap-xs {
    gap: 0.8rem;
    gap: var(--space-xs);
}
.gap-s {
    gap: 1.13rem;
    gap: var(--space-s);
}
.gap-m {
    gap: 1.6rem;
    gap: var(--space-m);
}
.gap-l {
    gap: 2.26rem;
    gap: var(--space-l);
}
.gap-xl {
    gap: 3.2rem;
    gap: var(--space-xl);
}
.gap-2xl {
    gap: 4.52rem;
    gap: var(--space-2xl);
}
.gap-3xl {
    gap: 6.4rem;
    gap: var(--space-3xl);
}
.gap-4xl {
    gap: 9.04rem;
    gap: var(--space-4xl);
}
.gap-horizontal-4xs {
    column-gap: 0.27rem;
    column-gap: var(--space-4xs);
}
.gap-horizontal-3xs {
    column-gap: 0.4rem;
    column-gap: var(--space-3xs);
}
.gap-horizontal-2xs {
    column-gap: 0.57rem;
    column-gap: var(--space-2xs);
}
.gap-horizontal-xs {
    column-gap: 0.8rem;
    column-gap: var(--space-xs);
}
.gap-horizontal-s {
    column-gap: 1.13rem;
    column-gap: var(--space-s);
}
.gap-horizontal-m {
    column-gap: 1.6rem;
    column-gap: var(--space-m);
}
.gap-horizontal-l {
    column-gap: 2.26rem;
    column-gap: var(--space-l);
}
.gap-horizontal-xl {
    column-gap: 3.2rem;
    column-gap: var(--space-xl);
}
.gap-horizontal-2xl {
    column-gap: 4.52rem;
    column-gap: var(--space-2xl);
}
.gap-horizontal-3xl {
    column-gap: 6.4rem;
    column-gap: var(--space-3xl);
}
.gap-horizontal-4xl {
    column-gap: 9.04rem;
    column-gap: var(--space-4xl);
}
.gap-vertical-4xs {
    row-gap: 0.27rem;
    row-gap: var(--space-4xs);
}
.gap-vertical-3xs {
    row-gap: 0.4rem;
    row-gap: var(--space-3xs);
}
.gap-vertical-2xs {
    row-gap: 0.57rem;
    row-gap: var(--space-2xs);
}
.gap-vertical-xs {
    row-gap: 0.8rem;
    row-gap: var(--space-xs);
}
.gap-vertical-s {
    row-gap: 1.13rem;
    row-gap: var(--space-s);
}
.gap-vertical-m {
    row-gap: 1.6rem;
    row-gap: var(--space-m);
}
.gap-vertical-l {
    row-gap: 2.26rem;
    row-gap: var(--space-l);
}
.gap-vertical-xl {
    row-gap: 3.2rem;
    row-gap: var(--space-xl);
}
.gap-vertical-2xl {
    row-gap: 4.52rem;
    row-gap: var(--space-2xl);
}
.gap-vertical-3xl {
    row-gap: 6.4rem;
    row-gap: var(--space-3xl);
}
.gap-vertical-4xl {
    row-gap: 9.04rem;
    row-gap: var(--space-4xl);
}
.margin-top-auto {
    margin-top: auto;
}
.margin-right-auto {
    margin-right: auto;
}
.margin-bottom-auto {
    margin-bottom: auto;
}
.margin-left-auto {
    margin-left: auto;
}
.margin-auto {
    margin: auto;
}
.padding-vertical-auto {
    padding-top: auto;
    padding-bottom: auto;
}
.padding-horizontal-auto {
    padding-left: auto;
    padding-right: auto;
}
.text-xs {
    font-size: 0.9rem;
    font-size: var(--text-xs);
}
.text-s {
    font-size: 1.24rem;
    font-size: var(--text-s);
}
.text-m {
    font-size: 1.4rem;
    font-size: var(--text-m);
}
.text-l {
    font-size: 1.57rem;
    font-size: var(--text-l);
}
.text-xl {
    font-size: 1.77rem;
    font-size: var(--text-xl);
}
.text-2xl {
    font-size: 1.99rem;
    font-size: var(--text-2xl);
}
.text-3xl {
    font-size: 2.24rem;
    font-size: var(--text-3xl);
}
.text-4xl {
    font-size: 2.52rem;
    font-size: var(--text-4xl);
}
.line-height-xs {
    line-height: 1;
}
.line-height-s {
    line-height: 1.2;
}
.line-height-m {
    line-height: 1.3;
}
.line-height-l {
    line-height: 1.4;
}
.line-height-xl {
    line-height: 1.5;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.font-100 {
    font-weight: 100;
}
.font-200 {
    font-weight: 200;
}
.font-300 {
    font-weight: 300;
}
.font-400 {
    font-weight: 400;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.font-800 {
    font-weight: 800;
}
.font-900 {
    font-weight: 900;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-center--s {
    text-align: left;
}
.text-center--m {
    text-align: left;
}
.text-center--l {
    text-align: left;
}
.text-center--xl {
    text-align: center;
}
.margin-vertical-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.margin-horizontal-0 {
    margin-left: 0;
    margin-right: 0;
}
.margin-horizontal-auto {
    margin-left: auto;
    margin-right: auto;
}
.padding-vertical-0 {
    padding-top: 0;
    padding-right: 0;
}
.padding-horizontal-0 {
    padding-bottom: 0;
    padding-right: 0;
}
.container-gap {
    gap: var(--container-gap);
}
.content-gap {
    gap: var(--content-gap);
}
.block-gap {
    gap: var(--block-gap);
}
.grid-gap {
    gap: var(--grid-gap);
}
.row {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
}
.grid {
    display: grid;
    grid-auto-flow: row;
    justify-items: start;
    align-content: start;
}
.grid-2 {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: initial;
}
.grid-3 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: initial;
}
.grid-4 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    align-items: initial;
}
.grid-5 {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    align-items: initial;
}
.grid-6 {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    align-items: initial;
}
.grid-7 {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    align-items: initial;
}
.grid-8 {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    align-items: initial;
}
.grid-2-1 {
    display: grid;
    grid-template-columns: minmax(0,2fr) minmax(0,1fr);
    align-items: initial;
}
.grid-1-2 {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,2fr);
    align-items: initial;
}
.grid-min-5 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr));
}
.grid-min-10 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}
.grid-min-20 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}
.grid-min-30 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr));
}
.grid-min-40 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(40rem, 1fr));
}
.grid-min-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50rem, 1fr));
}
.grid-min-60 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(60rem, 1fr));
}
.grid-min-70 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(70rem, 1fr));
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.container-s {
    width: var(--container-s)!important;
}
.container-m {
    width: var(--container-m)!important;
}
.container-l {
    width: var(--container-l)!important;
}
.radius {
    border-radius: var(--radius);
}
.radius-xs {
    border-radius: var(--radius-xs);
}
.radius-s {
    border-radius: var(--radius-s);
}
.radius-m {
    border-radius: var(--radius-m);
}
.radius-l {
    border-radius: var(--radius-l);
}
.radius-xl {
    border-radius: var(--radius-xl);
}
.radius-full {
    border-radius: var(--radius-full);
}
.radius-0 {
    border-radius: 0;
}
.border {
    border-width: 1px;
    border-style: solid;
}
.border-left {
    border-left-width: 1px;
    border-left-style: solid;
}
.border-right {
    border-right-width: 1px;
    border-right-style: solid;
}
.border-top {
    border-top-width: 1px;
    border-top-style: solid;
}
.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.shadow-xs {
    box-shadow: var(--shadow-xs);
}
.shadow-s {
    box-shadow: var(--shadow-s);
}
.shadow-m {
    box-shadow: var(--shadow-m);
}
.shadow-l {
    box-shadow: var(--shadow-l);
}
.shadow-xl {
    box-shadow: var(--shadow-xl);
}
.aspect-1 {
    aspect-ratio: 1;
}
.aspect-4-3 {
    aspect-ratio: 4 / 3;
}
.aspect-3-4 {
    aspect-ratio: 3 / 4;
}
.aspect-3-2 {
    aspect-ratio: 3 / 2;
}
.aspect-2-3 {
    aspect-ratio: 2 / 3;
}
.aspect-16-9 {
    aspect-ratio: 16 / 9;
}
.aspect-9-16 {
    aspect-ratio: 9 / 16;
}
.aspect-21-9 {
    aspect-ratio: 21 / 9;
}
.aspect-9-21 {
    aspect-ratio: 9 / 21;
}
[class*="aspect-"] {
    object-fit: cover;
}
.fit-contain {
    object-fit: contain;
}
.fit-cover {
    object-fit: cover;
}
.fit-fill {
    object-fit: fill;
}
.bg-blur-xs {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.bg-blur-s {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}
.bg-blur-m {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.bg-blur-l {
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
}
.bg-blur-xl {
    -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
}
.rotate-90 {
    transform: rotate(90deg);
}
.rotate-180 {
    transform: rotate(180deg);
}
.rotate-270 {
    transform: rotate(270deg);
}
.display-none {
    display: none;
}
.visible {
    visibility: visible;
}
.hidden {
    visibility: hidden;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-auto {
    overflow: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.list-none {
    list-style-type: none;
}
.white-space-nowrap {
    white-space: nowrap;
}
.transition-global {
    transition: all 0.4s;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.sticky {
    position: sticky;
}
.fixed {
    position: fixed;
}
.inset-0 {
    inset: 0;
}
.bottom-0 {
    bottom: 0;
}
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.pointer {
    cursor: pointer;
}
.not-allowed {
    cursor: not-allowed;
}
.cursor-auto {
    cursor: auto;
}
.no-pointer-events {
    pointer-events: none;
}
@media (max-width: 991px) {
    .text-center--s {
        text-align: left;
    }
    .text-center--m {
        text-align: left;
    }
    .text-center--l {
        text-align: center;
    }
    .text-center--xl {
        text-align: left;
    }
    .grid-1--on-l {
        grid-template-columns: minmax(0,1fr);
        grid-auto-flow: row;
    }
    .row--on-l {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .grid-2--on-l {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .grid-3--on-l {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
    .grid-4--on-l {
        grid-template-columns: repeat(4, minmax(0,1fr));
    }
    .grid-5--on-l {
        grid-template-columns: repeat(5, minmax(0,1fr));
    }
    .grid-6--on-l {
        grid-template-columns: repeat(6, minmax(0,1fr));
    }
}
@media (max-width: 767px) {
    .text-center--s {
        text-align: left;
    }
    .text-center--m {
        text-align: center;
    }
    .text-center--l {
        text-align: left;
    }
    .text-center--xl {
        text-align: left;
    }
    .grid-1--on-m {
        grid-template-columns: minmax(0,1fr);
        grid-auto-flow: row;
    }
    .row--on-m {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .grid-2--on-m {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .grid-3--on-m {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
    .grid-4--on-m {
        grid-template-columns: repeat(4, minmax(0,1fr));
    }
    .grid-5--on-m {
        grid-template-columns: repeat(5, minmax(0,1fr));
    }
    .grid-6--on-m {
        grid-template-columns: repeat(6, minmax(0,1fr));
    }
}
@media (max-width: 478px) {
    .text-center--s {
        text-align: center;
    }
    .text-center--m {
        text-align: left;
    }
    .text-center--l {
        text-align: left;
    }
    .text-center--xl {
        text-align: left;
    }
    .grid-1--on-s {
        grid-template-columns: minmax(0,1fr);
        grid-auto-flow: row;
    }
    .row--on-s {
        grid-template-columns: minmax(0,1fr);
        grid-auto-flow: column;
    }
    .grid-2--on-s {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
    .grid-3--on-s {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
    .grid-4--on-s {
        grid-template-columns: repeat(4, minmax(0,1fr));
    }
    .grid-5--on-s {
        grid-template-columns: repeat(5, minmax(0,1fr));
    }
    .grid-6--on-s {
        grid-template-columns: repeat(6, minmax(0,1fr));
    }
}
::selection {
  color:white;
  background-color: var(--primary, black);
}

.brx-body {
  min-height: calc(100vh - var(--wp-admin--admin-bar--height));
}

.link-extension {
  position:relative;
}

.link-extension a[href]::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
}

.link-extension:focus-within {
  outline: 2px solid var(--primary-50);
  outline-offset:0.5rem;
}


/* bild als absolute hintergrundbild einstellen */
.img-bg {
  height:100%;
  width:100%;
  position:absolute;
  object-fit: cover;
}
/* parent relativ machen */
*:has(>.img-bg) {
  position:relative;
}
img.img-bg ~ div {
  z-index:1;
}

/* wenn wir sauberes HTML machen, dann verwenden wir den container als ul und die grid-elemente als li => Styles resetten */
ul.brx-grid, ul.brxe-container, ul.brxe-block {
  list-style:none;
  padding-left:0;
}

/* Für Formular Checkboxen Ausrichtung */
form .options-wrapper>li {
  display: flex;
  align-items: baseline;
}

.input, input:not([type=submit]), select, textarea {
  border-radius: var(--radius);
}

:where(.brxe-text, .brxe-text-basic, .brxe-woocommerce-account-page) a {
  border-bottom:1px solid var(--primary-20);
}
:where(.brxe-text, .brxe-text-basic, .brxe-woocommerce-account-page) a:hover {
  border-bottom-color: var(--primary);
}

/* aspect ratio - cover fit */
[class*="aspect-"], [class*="aspect-"] img {
  object-fit:cover
}


/* Focus für Accessibility */
body.bricks-is-frontend :focus,
.link-extension:focus-within
{
  outline-offset:0.2em;
  outline: 2px dashed var(--primary-30);
}
.link-extension *:focus {
  outline:none !important;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: var(--primary) #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 10px;
    border: 3px solid #ffffff;
  }