@font-face {font-family: 'Questrial';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: auto;src: url(//www.maaduk.com/wp-content/uploads/yabe-webfont/fonts/google-fonts-questrial-v18-latin-400-normal-1744809685.woff2) format("woff2");}@font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 200 1000;font-stretch: 75% 125%;font-display: auto;src: url(//www.maaduk.com/wp-content/uploads/yabe-webfont/fonts/google-fonts-nunito-sans-v15-latin-var-khlzq-1744809741.woff2) format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 200 1000;font-stretch: 75% 125%;font-display: auto;src: url(//www.maaduk.com/wp-content/uploads/yabe-webfont/fonts/google-fonts-nunito-sans-v15-latin-var-_o_k9-1744809741.woff2) format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}:root {--ywf--family-questrial: 'Questrial';--ywf--family-nunito-sans: 'Nunito Sans';}.has-nunito-sans-font-family {font-family: var(--ywf--family-nunito-sans) !important;}.has-questrial-font-family {font-family: var(--ywf--family-questrial) !important;}.wp-block, .editor-styles-wrapper { }.overflow-detection *:not(#wpadminbar, #wpadminbar *), .overflow-detection *:not(#wpadminbar, #wpadminbar *)::before, .overflow-detection *:not(#wpadminbar, #wpadminbar *)::after {
outline: 2px solid crimson !important;
background: color-mix(in oklab, crimson, transparent 97%) !important;
}
:root, .color-scheme--main {
--primary-hex: #c74d31;
--primary-hsl: 11 60% 49%;
--primary-rgb: 199 77 49;
--primary-r: 199;
--primary-g: 77;
--primary-b: 49;
--primary-h: 11;
--primary-s: 60%;
--primary-l: 49%;
--primary-hover-h: 11;
--primary-hover-s: 60%;
--primary-hover-l: 56%;
--primary-ultra-light-h: 11;
--primary-ultra-light-s: 60%;
--primary-ultra-light-l: 95%;
--primary-light-h: 11;
--primary-light-s: 60%;
--primary-light-l: 85%;
--primary-semi-light-h: 11;
--primary-semi-light-s: 60%;
--primary-semi-light-l: 65%;
--primary-semi-dark-h: 11;
--primary-semi-dark-s: 60%;
--primary-semi-dark-l: 35%;
--primary-dark-h: 11;
--primary-dark-s: 60%;
--primary-dark-l: 25%;
--primary-ultra-dark-h: 11;
--primary-ultra-dark-s: 60%;
--primary-ultra-dark-l: 10%;
--secondary-hex: #eddc5a;
--secondary-hsl: 53 80% 64%;
--secondary-rgb: 237 220 90;
--secondary-r: 237;
--secondary-g: 220;
--secondary-b: 90;
--secondary-h: 53;
--secondary-s: 80%;
--secondary-l: 64%;
--secondary-hover-h: 53;
--secondary-hover-s: 80%;
--secondary-hover-l: 74%;
--secondary-ultra-light-h: 53;
--secondary-ultra-light-s: 80%;
--secondary-ultra-light-l: 95%;
--secondary-light-h: 53;
--secondary-light-s: 80%;
--secondary-light-l: 85%;
--secondary-semi-light-h: 53;
--secondary-semi-light-s: 80%;
--secondary-semi-light-l: 65%;
--secondary-semi-dark-h: 53;
--secondary-semi-dark-s: 80%;
--secondary-semi-dark-l: 35%;
--secondary-dark-h: 53;
--secondary-dark-s: 80%;
--secondary-dark-l: 25%;
--secondary-ultra-dark-h: 53;
--secondary-ultra-dark-s: 80%;
--secondary-ultra-dark-l: 10%;
--base-hex: #0a2434;
--base-hsl: 203 68% 12%;
--base-rgb: 10 36 52;
--base-r: 10;
--base-g: 36;
--base-b: 52;
--base-h: 203;
--base-s: 68%;
--base-l: 12%;
--base-hover-h: 203;
--base-hover-s: 68%;
--base-hover-l: 13.8%;
--base-ultra-light-h: 203;
--base-ultra-light-s: 68%;
--base-ultra-light-l: 95%;
--base-light-h: 203;
--base-light-s: 68%;
--base-light-l: 85%;
--base-semi-light-h: 203;
--base-semi-light-s: 68%;
--base-semi-light-l: 65%;
--base-semi-dark-h: 203;
--base-semi-dark-s: 68%;
--base-semi-dark-l: 35%;
--base-dark-h: 203;
--base-dark-s: 68%;
--base-dark-l: 25%;
--base-ultra-dark-h: 203;
--base-ultra-dark-s: 68%;
--base-ultra-dark-l: 10%;
--neutral-hex: #000000;
--neutral-hsl: 0 0% 0%;
--neutral-rgb: 0 0 0;
--neutral-r: 0;
--neutral-g: 0;
--neutral-b: 0;
--neutral-h: 0;
--neutral-s: 0%;
--neutral-l: 0%;
--neutral-hover-h: 0;
--neutral-hover-s: 0%;
--neutral-hover-l: 0%;
--neutral-ultra-light-h: 0;
--neutral-ultra-light-s: 0%;
--neutral-ultra-light-l: 95%;
--neutral-light-h: 0;
--neutral-light-s: 0%;
--neutral-light-l: 85%;
--neutral-semi-light-h: 0;
--neutral-semi-light-s: 0%;
--neutral-semi-light-l: 65%;
--neutral-semi-dark-h: 0;
--neutral-semi-dark-s: 0%;
--neutral-semi-dark-l: 35%;
--neutral-dark-h: 0;
--neutral-dark-s: 0%;
--neutral-dark-l: 25%;
--neutral-ultra-dark-h: 0;
--neutral-ultra-dark-s: 0%;
--neutral-ultra-dark-l: 10%;
--primary: #c74d31;
--primary-hover: #d2644b;
--primary-ultra-light: #faedeb;
--primary-light: #f0cac2;
--primary-semi-light: #db8470;
--primary-semi-dark: #8f3724;
--primary-dark: #66281a;
--primary-ultra-dark: #29100a;
--secondary: #eddc5a;
--secondary-hover: #f2e588;
--secondary-ultra-light: #fcfae8;
--secondary-light: #f7f0ba;
--secondary-semi-light: #eddc5e;
--secondary-semi-dark: #a19012;
--secondary-dark: #73670d;
--secondary-ultra-dark: #2e2905;
--base: #0a2434;
--base-hover: #0b293b;
--base-ultra-light: #eaf4fb;
--base-light: #bfdff3;
--base-semi-light: #69b4e2;
--base-semi-dark: #1d6796;
--base-dark: #144a6b;
--base-ultra-dark: #081e2b;
--neutral: #000000;
--neutral-hover: black;
--neutral-ultra-light: #f2f2f2;
--neutral-light: #d9d9d9;
--neutral-semi-light: #a6a6a6;
--neutral-semi-dark: #595959;
--neutral-dark: #404040;
--neutral-ultra-dark: #1a1a1a;
--white: #fff;
--black: #000;
--primary-trans-10: rgba(199, 77, 49, 0.1);
--primary-trans-20: rgba(199, 77, 49, 0.2);
--primary-trans-30: rgba(199, 77, 49, 0.3);
--primary-trans-40: rgba(199, 77, 49, 0.4);
--primary-trans-50: rgba(199, 77, 49, 0.5);
--primary-trans-60: rgba(199, 77, 49, 0.6);
--primary-trans-70: rgba(199, 77, 49, 0.7);
--primary-trans-80: rgba(199, 77, 49, 0.8);
--primary-trans-90: rgba(199, 77, 49, 0.9);
--primary-light-trans-10: rgba(240, 202, 194, 0.1);
--primary-light-trans-20: rgba(240, 202, 194, 0.2);
--primary-light-trans-30: rgba(240, 202, 194, 0.3);
--primary-light-trans-40: rgba(240, 202, 194, 0.4);
--primary-light-trans-50: rgba(240, 202, 194, 0.5);
--primary-light-trans-60: rgba(240, 202, 194, 0.6);
--primary-light-trans-70: rgba(240, 202, 194, 0.7);
--primary-light-trans-80: rgba(240, 202, 194, 0.8);
--primary-light-trans-90: rgba(240, 202, 194, 0.9);
--primary-dark-trans-10: rgba(102, 40, 26, 0.1);
--primary-dark-trans-20: rgba(102, 40, 26, 0.2);
--primary-dark-trans-30: rgba(102, 40, 26, 0.3);
--primary-dark-trans-40: rgba(102, 40, 26, 0.4);
--primary-dark-trans-50: rgba(102, 40, 26, 0.5);
--primary-dark-trans-60: rgba(102, 40, 26, 0.6);
--primary-dark-trans-70: rgba(102, 40, 26, 0.7);
--primary-dark-trans-80: rgba(102, 40, 26, 0.8);
--primary-dark-trans-90: rgba(102, 40, 26, 0.9);
--primary-ultra-dark-trans-10: rgba(41, 16, 10, 0.1);
--primary-ultra-dark-trans-20: rgba(41, 16, 10, 0.2);
--primary-ultra-dark-trans-30: rgba(41, 16, 10, 0.3);
--primary-ultra-dark-trans-40: rgba(41, 16, 10, 0.4);
--primary-ultra-dark-trans-50: rgba(41, 16, 10, 0.5);
--primary-ultra-dark-trans-60: rgba(41, 16, 10, 0.6);
--primary-ultra-dark-trans-70: rgba(41, 16, 10, 0.7);
--primary-ultra-dark-trans-80: rgba(41, 16, 10, 0.8);
--primary-ultra-dark-trans-90: rgba(41, 16, 10, 0.9);
--secondary-trans-10: rgba(237, 220, 90, 0.1);
--secondary-trans-20: rgba(237, 220, 90, 0.2);
--secondary-trans-30: rgba(237, 220, 90, 0.3);
--secondary-trans-40: rgba(237, 220, 90, 0.4);
--secondary-trans-50: rgba(237, 220, 90, 0.5);
--secondary-trans-60: rgba(237, 220, 90, 0.6);
--secondary-trans-70: rgba(237, 220, 90, 0.7);
--secondary-trans-80: rgba(237, 220, 90, 0.8);
--secondary-trans-90: rgba(237, 220, 90, 0.9);
--secondary-light-trans-10: rgba(247, 240, 186, 0.1);
--secondary-light-trans-20: rgba(247, 240, 186, 0.2);
--secondary-light-trans-30: rgba(247, 240, 186, 0.3);
--secondary-light-trans-40: rgba(247, 240, 186, 0.4);
--secondary-light-trans-50: rgba(247, 240, 186, 0.5);
--secondary-light-trans-60: rgba(247, 240, 186, 0.6);
--secondary-light-trans-70: rgba(247, 240, 186, 0.7);
--secondary-light-trans-80: rgba(247, 240, 186, 0.8);
--secondary-light-trans-90: rgba(247, 240, 186, 0.9);
--secondary-dark-trans-10: rgba(115, 103, 13, 0.1);
--secondary-dark-trans-20: rgba(115, 103, 13, 0.2);
--secondary-dark-trans-30: rgba(115, 103, 13, 0.3);
--secondary-dark-trans-40: rgba(115, 103, 13, 0.4);
--secondary-dark-trans-50: rgba(115, 103, 13, 0.5);
--secondary-dark-trans-60: rgba(115, 103, 13, 0.6);
--secondary-dark-trans-70: rgba(115, 103, 13, 0.7);
--secondary-dark-trans-80: rgba(115, 103, 13, 0.8);
--secondary-dark-trans-90: rgba(115, 103, 13, 0.9);
--secondary-ultra-dark-trans-10: rgba(46, 41, 5, 0.1);
--secondary-ultra-dark-trans-20: rgba(46, 41, 5, 0.2);
--secondary-ultra-dark-trans-30: rgba(46, 41, 5, 0.3);
--secondary-ultra-dark-trans-40: rgba(46, 41, 5, 0.4);
--secondary-ultra-dark-trans-50: rgba(46, 41, 5, 0.5);
--secondary-ultra-dark-trans-60: rgba(46, 41, 5, 0.6);
--secondary-ultra-dark-trans-70: rgba(46, 41, 5, 0.7);
--secondary-ultra-dark-trans-80: rgba(46, 41, 5, 0.8);
--secondary-ultra-dark-trans-90: rgba(46, 41, 5, 0.9);
--base-trans-10: rgba(10, 36, 52, 0.1);
--base-trans-20: rgba(10, 36, 52, 0.2);
--base-trans-30: rgba(10, 36, 52, 0.3);
--base-trans-40: rgba(10, 36, 52, 0.4);
--base-trans-50: rgba(10, 36, 52, 0.5);
--base-trans-60: rgba(10, 36, 52, 0.6);
--base-trans-70: rgba(10, 36, 52, 0.7);
--base-trans-80: rgba(10, 36, 52, 0.8);
--base-trans-90: rgba(10, 36, 52, 0.9);
--base-light-trans-10: rgba(191, 223, 243, 0.1);
--base-light-trans-20: rgba(191, 223, 243, 0.2);
--base-light-trans-30: rgba(191, 223, 243, 0.3);
--base-light-trans-40: rgba(191, 223, 243, 0.4);
--base-light-trans-50: rgba(191, 223, 243, 0.5);
--base-light-trans-60: rgba(191, 223, 243, 0.6);
--base-light-trans-70: rgba(191, 223, 243, 0.7);
--base-light-trans-80: rgba(191, 223, 243, 0.8);
--base-light-trans-90: rgba(191, 223, 243, 0.9);
--base-dark-trans-10: rgba(20, 74, 107, 0.1);
--base-dark-trans-20: rgba(20, 74, 107, 0.2);
--base-dark-trans-30: rgba(20, 74, 107, 0.3);
--base-dark-trans-40: rgba(20, 74, 107, 0.4);
--base-dark-trans-50: rgba(20, 74, 107, 0.5);
--base-dark-trans-60: rgba(20, 74, 107, 0.6);
--base-dark-trans-70: rgba(20, 74, 107, 0.7);
--base-dark-trans-80: rgba(20, 74, 107, 0.8);
--base-dark-trans-90: rgba(20, 74, 107, 0.9);
--base-ultra-dark-trans-10: rgba(8, 30, 43, 0.1);
--base-ultra-dark-trans-20: rgba(8, 30, 43, 0.2);
--base-ultra-dark-trans-30: rgba(8, 30, 43, 0.3);
--base-ultra-dark-trans-40: rgba(8, 30, 43, 0.4);
--base-ultra-dark-trans-50: rgba(8, 30, 43, 0.5);
--base-ultra-dark-trans-60: rgba(8, 30, 43, 0.6);
--base-ultra-dark-trans-70: rgba(8, 30, 43, 0.7);
--base-ultra-dark-trans-80: rgba(8, 30, 43, 0.8);
--base-ultra-dark-trans-90: rgba(8, 30, 43, 0.9);
--neutral-trans-10: rgba(0, 0, 0, 0.1);
--neutral-trans-20: rgba(0, 0, 0, 0.2);
--neutral-trans-30: rgba(0, 0, 0, 0.3);
--neutral-trans-40: rgba(0, 0, 0, 0.4);
--neutral-trans-50: rgba(0, 0, 0, 0.5);
--neutral-trans-60: rgba(0, 0, 0, 0.6);
--neutral-trans-70: rgba(0, 0, 0, 0.7);
--neutral-trans-80: rgba(0, 0, 0, 0.8);
--neutral-trans-90: rgba(0, 0, 0, 0.9);
--neutral-light-trans-10: rgba(217, 217, 217, 0.1);
--neutral-light-trans-20: rgba(217, 217, 217, 0.2);
--neutral-light-trans-30: rgba(217, 217, 217, 0.3);
--neutral-light-trans-40: rgba(217, 217, 217, 0.4);
--neutral-light-trans-50: rgba(217, 217, 217, 0.5);
--neutral-light-trans-60: rgba(217, 217, 217, 0.6);
--neutral-light-trans-70: rgba(217, 217, 217, 0.7);
--neutral-light-trans-80: rgba(217, 217, 217, 0.8);
--neutral-light-trans-90: rgba(217, 217, 217, 0.9);
--neutral-dark-trans-10: rgba(64, 64, 64, 0.1);
--neutral-dark-trans-20: rgba(64, 64, 64, 0.2);
--neutral-dark-trans-30: rgba(64, 64, 64, 0.3);
--neutral-dark-trans-40: rgba(64, 64, 64, 0.4);
--neutral-dark-trans-50: rgba(64, 64, 64, 0.5);
--neutral-dark-trans-60: rgba(64, 64, 64, 0.6);
--neutral-dark-trans-70: rgba(64, 64, 64, 0.7);
--neutral-dark-trans-80: rgba(64, 64, 64, 0.8);
--neutral-dark-trans-90: rgba(64, 64, 64, 0.9);
--neutral-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
--neutral-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
--neutral-ultra-dark-trans-30: rgba(26, 26, 26, 0.3);
--neutral-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
--neutral-ultra-dark-trans-50: rgba(26, 26, 26, 0.5);
--neutral-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
--neutral-ultra-dark-trans-70: rgba(26, 26, 26, 0.7);
--neutral-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
--neutral-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
--white-trans-10: rgba(255, 255, 255, 0.1);
--white-trans-20: rgba(255, 255, 255, 0.2);
--white-trans-30: rgba(255, 255, 255, 0.3);
--white-trans-40: rgba(255, 255, 255, 0.4);
--white-trans-50: rgba(255, 255, 255, 0.5);
--white-trans-60: rgba(255, 255, 255, 0.6);
--white-trans-70: rgba(255, 255, 255, 0.7);
--white-trans-80: rgba(255, 255, 255, 0.8);
--white-trans-90: rgba(255, 255, 255, 0.9);
--black-trans-10: rgba(0, 0, 0, 0.1);
--black-trans-20: rgba(0, 0, 0, 0.2);
--black-trans-30: rgba(0, 0, 0, 0.3);
--black-trans-40: rgba(0, 0, 0, 0.4);
--black-trans-50: rgba(0, 0, 0, 0.5);
--black-trans-60: rgba(0, 0, 0, 0.6);
--black-trans-70: rgba(0, 0, 0, 0.7);
--black-trans-80: rgba(0, 0, 0, 0.8);
--black-trans-90: rgba(0, 0, 0, 0.9);
--shade-white: #fff;
--shade-black: #000;
--bg-ultra-light: var(--neutral-ultra-light);
--bg-light: var(--neutral-light);
--bg-dark: var(--neutral-dark);
--bg-ultra-dark: var(--neutral-ultra-dark);
--text-light: var(--white);
--text-light-muted: var(--white-trans-80);
--text-dark: var(--black);
--text-dark-muted: var(--black-trans-80);
--body-bg-color: var(--white);
--body-color: var(--text-dark);
}
:root {
--on: initial;
--off: ;
--section-padding-x: 0.625rem;
--section-padding-block: var(--section-space-m);
--section-gutter: 0.625rem;
--gutter: 0.625rem;
--text-xs: 1.26rem;
--text-s: 1.42rem;
--text-m: 1.8rem;
--text-l: 2.025rem;
--text-xl: 2.28rem;
--text-xxl: 2.565rem;
--root-font-size: 100%;
--h6: 1.26rem;
--h5: 1.42rem;
--h4: 1.8rem;
--h3: 2.025rem;
--h2: 2.28rem;
--h1: 2.565rem;
--space-xs: 1.896rem;
--space-s: 2.133rem;
--space-m: 2.4rem;
--space-l: 2.7rem;
--space-xl: 3.038rem;
--space-xxl: 3.42rem;
--section-space-xs: 3.84rem;
--section-space-s: 4.8rem;
--section-space-m: 6rem;
--section-space-l: 7.5rem;
--section-space-xl: 9.375rem;
--section-space-xxl: 11.719rem;
--content-width: 85.375rem;
--content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2));
--width-xs: calc(var(--content-width) * 0.1);
--width-s: calc(var(--content-width) * 0.2);
--width-m: calc(var(--content-width) * 0.4);
--width-l: calc(var(--content-width) * 0.6);
--width-xl: calc(var(--content-width) * 0.8);
--width-xxl: calc(var(--content-width) * 0.9);
--width-vp-max: calc(var(--content-width) * 1);
--width-content: calc(var(--content-width) * 1);
--width-full: calc(var(--content-width) * 100%);
--width-10: calc(var(--content-width) * 0.1);
--width-20: calc(var(--content-width) * 0.2);
--width-30: calc(var(--content-width) * 0.3);
--width-40: calc(var(--content-width) * 0.4);
--width-50: calc(var(--content-width) * 0.5);
--width-60: calc(var(--content-width) * 0.6);
--width-70: calc(var(--content-width) * 0.7);
--width-80: calc(var(--content-width) * 0.8);
--width-90: calc(var(--content-width) * 0.9);
--focus-color: var(--primary);
--focus-width: 2px;
--focus-offset: 2px;
--box-shadow-m: 0 0 40px var(--black-trans-10);
--box-shadow-l: 0 0 60px var(--black-trans-20);
--box-shadow-xl: 0 0 80px var(--black-trans-30);
--box-shadow-1: 0 0 40px var(--black-trans-10);
--box-shadow-2: 0 0 60px var(--black-trans-20);
--box-shadow-3: 0 0 80px var(--black-trans-30);
--admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
--text-xxl-max-width: 100%;
--text-xl-max-width: 100%;
--text-l-max-width: 100%;
--text-m-line-height: calc(6px + 2ex);
--text-m-max-width: 100%;
--text-s-max-width: 100%;
--text-xs-max-width: 100%;
--base-text-lh: calc(6px + 2ex);
--heading-line-height: calc(4px + 2ex);
--heading-font-weight: 500;
--heading-text-wrap: pretty;
--base-heading-lh: calc(4px + 2ex);
--h1-max-width: 100%;
--h2-max-width: 100%;
--h3-max-width: 100%;
--h4-line-height: calc(4px + 2ex);
--h4-max-width: 100%;
--h5-max-width: 100%;
--h6-max-width: 100%;
--text-color: var(--text-dark);
--text-line-height: calc(6px + 2ex);
--text-text-wrap: pretty;
}
:root {
--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-9: repeat(9, minmax(0, 1fr));
--grid-10: repeat(10, minmax(0, 1fr));
--grid-11: repeat(11, minmax(0, 1fr));
--grid-12: repeat(12, minmax(0, 1fr));
--grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
--grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
--grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
--grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
--grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
--grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
}
:root {
--grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((2 - 1) * var(--grid-gap))) / 2) * 0.7, (100% - (2 - 1) * var(--grid-gap)) / 2)), 1fr));
--grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((3 - 1) * var(--grid-gap))) / 3) * 0.7, (100% - (3 - 1) * var(--grid-gap)) / 3)), 1fr));
--grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((4 - 1) * var(--grid-gap))) / 4) * 0.7, (100% - (4 - 1) * var(--grid-gap)) / 4)), 1fr));
--grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((5 - 1) * var(--grid-gap))) / 5) * 0.7, (100% - (5 - 1) * var(--grid-gap)) / 5)), 1fr));
--grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((6 - 1) * var(--grid-gap))) / 6) * 0.7, (100% - (6 - 1) * var(--grid-gap)) / 6)), 1fr));
--grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((7 - 1) * var(--grid-gap))) / 7) * 0.7, (100% - (7 - 1) * var(--grid-gap)) / 7)), 1fr));
--grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((8 - 1) * var(--grid-gap))) / 8) * 0.7, (100% - (8 - 1) * var(--grid-gap)) / 8)), 1fr));
--grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((9 - 1) * var(--grid-gap))) / 9) * 0.7, (100% - (9 - 1) * var(--grid-gap)) / 9)), 1fr));
--grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((10 - 1) * var(--grid-gap))) / 10) * 0.7, (100% - (10 - 1) * var(--grid-gap)) / 10)), 1fr));
--grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((11 - 1) * var(--grid-gap))) / 11) * 0.7, (100% - (11 - 1) * var(--grid-gap)) / 11)), 1fr));
--grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - ((12 - 1) * var(--grid-gap))) / 12) * 0.7, (100% - (12 - 1) * var(--grid-gap)) / 12)), 1fr));
--auto-grid-aggressiveness: 0.7;
}
:root {
--header-height: 0rem;
--header-height-xl: 0rem;
--header-height-l: 0rem;
--header-height-m: 0rem;
--header-height-s: 0rem;
}
@media (max-width: 1366px) {
:root {
--header-height: var(--header-height-xl);
}
}
@media (max-width: 992px) {
:root {
--header-height: var(--header-height-l);
}
}
@media (max-width: 768px) {
:root {
--header-height: var(--header-height-m);
}
}
@media (max-width: 480px) {
:root {
--header-height: var(--header-height-s);
}
}
:root {
--paragraph-spacing: 1em;
--heading-spacing: 1.2em;
--list-spacing: var(--paragraph-spacing);
--list-indent-spacing: 2em;
--list-item-spacing: 0.5em;
--nested-list-indent-spacing: 1em;
--flow-spacing: var(--paragraph-spacing);
--figure-spacing: var(--paragraph-spacing);
--figcaption-spacing: 0.5em;
--blockquote-spacing: var(--paragraph-spacing);
}
:root {
--option-primary-btn-outline: on;
--option-secondary-btn-outline: on;
--btn-padding-block: 0.5em;
--btn-padding-inline: 1.25em;
--btn-min-width: 8.75rem;
--btn-line-height: 1;
--btn-font-weight: 400;
--btn-font-style: normal;
--btn-text-decoration: none;
--btn-text-decoration-hover: none;
--btn-letter-spacing: 0;
--btn-text-transform: none;
--btn-border-width: 2px;
--btn-outline-border-width: 2px;
--btn-border-style: solid;
--btn-border-radius: var(--radius);
--btn-justify-content: center;
--btn-text-align: center;
} :root {
--btn-border-size: 2px;
--btn-radius: var(--radius);
--outline-btn-border-size: 2px;
--btn-pad-x: 1.25em;
--btn-pad-y: 0.5em;
--btn-text-style: normal;
--btn-weight: 400;
--btn-width: 8.75;
}
:root {
--link-color: var(--primary);
--link-color-hover: var(--primary-hover);
--link-transition: var(--transition);
--link-decoration: inherit;
--link-decoration-hover: inherit;
--link-underline-offset: auto;
--link-weight: inherit;
}
:root {
--col-width-s: 13rem;
--col-width-m: 25rem;
--col-width-l: 38rem;
--col-rule-width-s: 0.5px;
--col-rule-width-m: 1px;
--col-rule-width-l: 3px;
}
:root {
--sticky-s: 2.5%;
--sticky-m: 5%;
--sticky-l: 10%;
}
:root {
--content-gap: var(--space-m);
--fr-content-gap: var(--space-m);
--container-gap: var(--space-xl);
--fr-container-gap: var(--space-xl);
--grid-gap: var(--space-m);
--fr-grid-gap: var(--space-m);
--bg-ultra-light-text: var(--text-dark);
--bg-light-text: var(--text-dark);
--bg-dark-text: var(--text-light);
--bg-ultra-dark-text: var(--text-light);
--bg-ultra-light-heading: var(--text-dark);
--bg-light-heading: var(--text-dark);
--bg-dark-heading: var(--text-light);
--bg-ultra-dark-heading: var(--text-light);
--bg-ultra-light-button: primary;
--bg-light-button: primary;
--bg-dark-button: primary;
--bg-ultra-dark-button: primary;
}
:root {
--radius: 0px;
--radius-50: 50%;
--radius-circle: 50vw;
--radius-none: 0;
--radius-xs: 0px;
--radius-s: 0px;
--radius-m: 0px;
--radius-l: 0px;
--radius-xl: 0px;
--radius-xxl: 0px;
--border-size: 1px;
--border-width: 1px;
--border-style: solid;
--border-color-dark: var(--black-trans-20);
--border-color-light: var(--white-trans-20);
--border: var(--border-size) var(--border-style) var(--border-color-dark);
--border-light: var(--border-size) var(--border-style) var(--border-color-light);
--border-dark: var(--border-size) var(--border-style) var(--border-color-dark);
}
:root {
--divider-size: 1px;
--divider-style: solid;
--divider-inline-size: 100%;
--divider-gap: var(--content-gap);
--divider-color-dark: var(--black-trans-20);
--divider-color-light: var(--white-trans-20);
--divider: var(--divider-size) var(--divider-style) var(--divider-color-dark);
--divider-light: var(--divider-size) var(--divider-style) var(--divider-color-light);
--divider-dark: var(--divider-size) var(--divider-style) var(--divider-color-dark);
}
:root {
--transition-duration: 0.3s;
--transition-timing: ease-in-out;
--transition-delay: 0s;
--transition: background var(--transition-duration) var(--transition-timing) var(--transition-delay), color var(--transition-duration) var(--transition-timing) var(--transition-delay), border var(--transition-duration) var(--transition-timing) var(--transition-delay), translate var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
:root {
--icon-size: 32px;
--icon-padding: 0.35em;
--icon-radius: var(--radius);
--icon-background: var(--primary-light);
--icon-background-hover: var(--primary-ultra-light);
--icon-border-color: var(--primary-dark-trans-10);
--icon-border-color-hover: var(--primary-dark-trans-10);
--icon-border-width: var(--border-width);
--icon-border-style: var(--border-style);
--icon-color: var(--primary-dark);
--icon-color-hover: var(--primary-semi-dark);
--icon-list-icon-size: 1em;
--icon-list-gap: 1em;
--icon-light-color: var(--primary-light);
--icon-light-color-hover: var(--primary-ultra-light);
--icon-light-background: var(--primary-dark);
--icon-light-background-hover: var(--primary-ultra-dark);
--icon-light-border-color: var(--primary-dark-trans-10);
--icon-light-border-color-hover: var(--primary-dark-trans-10);
--icon-dark-color: var(--primary-dark);
--icon-dark-color-hover: var(--primary-semi-dark);
--icon-dark-background: var(--primary-light);
--icon-dark-background-hover: var(--primary-ultra-light);
--icon-dark-border-color: var(--primary-dark-trans-10);
--icon-dark-border-color-hover: var(--primary-dark-trans-10);
--icon-size-s: 16px;
--icon-size-m: 32px;
--icon-size-l: 64px;
--icon-padding-s: var(--icon-padding);
--icon-padding-m: var(--icon-padding);
--icon-padding-l: var(--icon-padding);
--icon-border-color: var(--icon-light-border-color);
--icon-border-color-hover: var(--icon-light-border-color-hover);
}
body.boxed-layout {
inline-size: 100%;
max-inline-size: var(--body-max-width, 1920px);
box-shadow: var(--body-box-shadow, 0 0 80px 0 var(--neutral-trans-20));
border-color: var(--body-border-color, transparent);
border-style: var(--body-border-style, none);
border-width: var(--body-border-width, 0);
border-radius: var(--body-border-radius, 0);
margin-block-start: var(--body-margin-top, 0) !important;
margin-inline: auto !important;
}
body.boxed-layout header.sticky > *, body.boxed-layout #brx-header.sticky.sticky > * {
width: var(--boxed-width);
margin-inline: auto;
}
[id] {
scroll-margin-top: var(--offset, 0);
}
html {
font-size: var(--root-font-size) !important;
}
:root {
interpolate-size: allow-keywords;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
min-block-size: 100vh;
}
input, button, textarea, select {
font: inherit;
}
:where(dd) {
margin-inline-start: 0;
}
.clickable-parent:not(a) {
position: static;
}
.clickable-parent:not(a) a {
position: static;
}
.clickable-parent:not(a) > a::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
}
a.clickable-parent {
position: static;
}
a.clickable-parent::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
}
.focus-parent:focus-within:not(:has(:focus-visible)) {
outline: none;
outline-offset: 0;
}
.focus-parent:focus-within {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: var(--focus-offset);
}
.focus-parent :focus {
outline: none !important;
box-shadow: none !important;
}
.focus-parent--shadow:focus-within:not(:has(:focus-visible)) {
box-shadow: none;
}
.focus-parent--shadow:focus-within {
box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}
.focus-parent--shadow :focus {
outline: none !important;
box-shadow: none !important;
}
.focus-parent--outline:focus-within:not(:has(:focus-visible)) {
outline: none;
outline-offset: 0;
}
.focus-parent--outline:focus-within {
outline: var(--focus-width) solid var(--focus-color);
outline-offset: var(--focus-offset);
}
.focus-parent--outline :focus {
outline: none !important;
box-shadow: none !important;
}
:focus {
outline: none;
box-shadow: none;
}
:focus-visible {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
}
*:focus.focus--primary {
--focus-color: var(--primary);
}
.focus--primary *:focus, .focus--primary:focus-within {
--focus-color: var(--primary);
}
*:focus.focus--primary-hover {
--focus-color: var(--primary-hover);
}
.focus--primary-hover *:focus, .focus--primary-hover:focus-within {
--focus-color: var(--primary-hover);
}
*:focus.focus--primary-ultra-light {
--focus-color: var(--primary-ultra-light);
}
.focus--primary-ultra-light *:focus, .focus--primary-ultra-light:focus-within {
--focus-color: var(--primary-ultra-light);
}
*:focus.focus--primary-light {
--focus-color: var(--primary-light);
}
.focus--primary-light *:focus, .focus--primary-light:focus-within {
--focus-color: var(--primary-light);
}
*:focus.focus--primary-semi-light {
--focus-color: var(--primary-semi-light);
}
.focus--primary-semi-light *:focus, .focus--primary-semi-light:focus-within {
--focus-color: var(--primary-semi-light);
}
*:focus.focus--primary-semi-dark {
--focus-color: var(--primary-semi-dark);
}
.focus--primary-semi-dark *:focus, .focus--primary-semi-dark:focus-within {
--focus-color: var(--primary-semi-dark);
}
*:focus.focus--primary-dark {
--focus-color: var(--primary-dark);
}
.focus--primary-dark *:focus, .focus--primary-dark:focus-within {
--focus-color: var(--primary-dark);
}
*:focus.focus--primary-ultra-dark {
--focus-color: var(--primary-ultra-dark);
}
.focus--primary-ultra-dark *:focus, .focus--primary-ultra-dark:focus-within {
--focus-color: var(--primary-ultra-dark);
}
*:focus.focus--secondary {
--focus-color: var(--secondary);
}
.focus--secondary *:focus, .focus--secondary:focus-within {
--focus-color: var(--secondary);
}
*:focus.focus--secondary-hover {
--focus-color: var(--secondary-hover);
}
.focus--secondary-hover *:focus, .focus--secondary-hover:focus-within {
--focus-color: var(--secondary-hover);
}
*:focus.focus--secondary-ultra-light {
--focus-color: var(--secondary-ultra-light);
}
.focus--secondary-ultra-light *:focus, .focus--secondary-ultra-light:focus-within {
--focus-color: var(--secondary-ultra-light);
}
*:focus.focus--secondary-light {
--focus-color: var(--secondary-light);
}
.focus--secondary-light *:focus, .focus--secondary-light:focus-within {
--focus-color: var(--secondary-light);
}
*:focus.focus--secondary-semi-light {
--focus-color: var(--secondary-semi-light);
}
.focus--secondary-semi-light *:focus, .focus--secondary-semi-light:focus-within {
--focus-color: var(--secondary-semi-light);
}
*:focus.focus--secondary-semi-dark {
--focus-color: var(--secondary-semi-dark);
}
.focus--secondary-semi-dark *:focus, .focus--secondary-semi-dark:focus-within {
--focus-color: var(--secondary-semi-dark);
}
*:focus.focus--secondary-dark {
--focus-color: var(--secondary-dark);
}
.focus--secondary-dark *:focus, .focus--secondary-dark:focus-within {
--focus-color: var(--secondary-dark);
}
*:focus.focus--secondary-ultra-dark {
--focus-color: var(--secondary-ultra-dark);
}
.focus--secondary-ultra-dark *:focus, .focus--secondary-ultra-dark:focus-within {
--focus-color: var(--secondary-ultra-dark);
}
*:focus.focus--base {
--focus-color: var(--base);
}
.focus--base *:focus, .focus--base:focus-within {
--focus-color: var(--base);
}
*:focus.focus--base-hover {
--focus-color: var(--base-hover);
}
.focus--base-hover *:focus, .focus--base-hover:focus-within {
--focus-color: var(--base-hover);
}
*:focus.focus--base-ultra-light {
--focus-color: var(--base-ultra-light);
}
.focus--base-ultra-light *:focus, .focus--base-ultra-light:focus-within {
--focus-color: var(--base-ultra-light);
}
*:focus.focus--base-light {
--focus-color: var(--base-light);
}
.focus--base-light *:focus, .focus--base-light:focus-within {
--focus-color: var(--base-light);
}
*:focus.focus--base-semi-light {
--focus-color: var(--base-semi-light);
}
.focus--base-semi-light *:focus, .focus--base-semi-light:focus-within {
--focus-color: var(--base-semi-light);
}
*:focus.focus--base-semi-dark {
--focus-color: var(--base-semi-dark);
}
.focus--base-semi-dark *:focus, .focus--base-semi-dark:focus-within {
--focus-color: var(--base-semi-dark);
}
*:focus.focus--base-dark {
--focus-color: var(--base-dark);
}
.focus--base-dark *:focus, .focus--base-dark:focus-within {
--focus-color: var(--base-dark);
}
*:focus.focus--base-ultra-dark {
--focus-color: var(--base-ultra-dark);
}
.focus--base-ultra-dark *:focus, .focus--base-ultra-dark:focus-within {
--focus-color: var(--base-ultra-dark);
}
*:focus.focus--neutral {
--focus-color: var(--neutral);
}
.focus--neutral *:focus, .focus--neutral:focus-within {
--focus-color: var(--neutral);
}
*:focus.focus--neutral-hover {
--focus-color: var(--neutral-hover);
}
.focus--neutral-hover *:focus, .focus--neutral-hover:focus-within {
--focus-color: var(--neutral-hover);
}
*:focus.focus--neutral-ultra-light {
--focus-color: var(--neutral-ultra-light);
}
.focus--neutral-ultra-light *:focus, .focus--neutral-ultra-light:focus-within {
--focus-color: var(--neutral-ultra-light);
}
*:focus.focus--neutral-light {
--focus-color: var(--neutral-light);
}
.focus--neutral-light *:focus, .focus--neutral-light:focus-within {
--focus-color: var(--neutral-light);
}
*:focus.focus--neutral-semi-light {
--focus-color: var(--neutral-semi-light);
}
.focus--neutral-semi-light *:focus, .focus--neutral-semi-light:focus-within {
--focus-color: var(--neutral-semi-light);
}
*:focus.focus--neutral-semi-dark {
--focus-color: var(--neutral-semi-dark);
}
.focus--neutral-semi-dark *:focus, .focus--neutral-semi-dark:focus-within {
--focus-color: var(--neutral-semi-dark);
}
*:focus.focus--neutral-dark {
--focus-color: var(--neutral-dark);
}
.focus--neutral-dark *:focus, .focus--neutral-dark:focus-within {
--focus-color: var(--neutral-dark);
}
*:focus.focus--neutral-ultra-dark {
--focus-color: var(--neutral-ultra-dark);
}
.focus--neutral-ultra-dark *:focus, .focus--neutral-ultra-dark:focus-within {
--focus-color: var(--neutral-ultra-dark);
}
*:focus.focus--white {
--focus-color: var(--white);
}
.focus--white *:focus, .focus--white:focus-within {
--focus-color: var(--white);
}
*:focus.focus--black {
--focus-color: var(--black);
}
.focus--black *:focus, .focus--black:focus-within {
--focus-color: var(--black);
}
.hidden-accessible {
position: absolute !important;
inline-size: 1px !important;
block-size: 1px !important;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*, *::before, *::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.link--skip {
position: absolute;
inset-block-start: 1rem;
inset-inline-start: 1rem;
transform: translateY(-250%);
--btn-min-width: fit-content;
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
@media (hover: hover) and (pointer: fine) {
.link--skip:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.link--skip:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.link--skip:focus {
transform: translateY(0);
}
body:not(:has([data-sticky-header="0"]), .content-offset--off) .acss-offset-content:not(.panel-content) > *:first-child > *:first-child:not(.bricks-shape-divider) {
margin-block-start: var(--header-height);
}
:where(section:not(section section)) {
padding-block: var(--section-padding-block);
padding-inline: var(--gutter);
}
body:where(:not(.block-editor-writing-flow, .editor-styles-wrapper)) :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
margin-block: 0;
}
.smart-spacing-normalize :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
margin-block: 0;
}
.smart-spacing-preview > * + *, .smart-spacing.smart-spacing > * + * {
margin-block-start: var(--flow-spacing, initial);
margin-block-end: 0;
}
.smart-spacing-preview > * + :where(h1, h2, h3, h4, h5, h6), .smart-spacing.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) {
margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h2), .smart-spacing.smart-spacing > :where(* + h2) {
margin-block-start: var(--h2-spacing, var(--heading-spacing));
margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h3), .smart-spacing.smart-spacing > :where(* + h3) {
margin-block-start: var(--h3-spacing, var(--heading-spacing));
margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h4), .smart-spacing.smart-spacing > :where(* + h4) {
margin-block-start: var(--h4-spacing, var(--heading-spacing));
margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h5), .smart-spacing.smart-spacing > :where(* + h5) {
margin-block-start: var(--h5-spacing, var(--heading-spacing));
margin-block-end: 0;
}
.smart-spacing-preview > :where(* + h6), .smart-spacing.smart-spacing > :where(* + h6) {
margin-block-start: var(--h6-spacing, var(--heading-spacing));
margin-block-end: 0;
}
.smart-spacing-preview > * + p, .smart-spacing.smart-spacing > * + p {
margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
.smart-spacing-preview > :is(* + ul, * + ol), .smart-spacing.smart-spacing > :is(* + ul, * + ol) {
margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > :is(ul, ol), .smart-spacing.smart-spacing > :is(ul, ol) {
padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > ul * + li, .smart-spacing-preview > ol * + li, .smart-spacing.smart-spacing > ul * + li, .smart-spacing.smart-spacing > ol * + li {
margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
.smart-spacing-preview > ul ul, .smart-spacing-preview > ol ol, .smart-spacing-preview > ul ol, .smart-spacing-preview > ol ul, .smart-spacing.smart-spacing > ul ul, .smart-spacing.smart-spacing > ol ol, .smart-spacing.smart-spacing > ul ol, .smart-spacing.smart-spacing > ol ul {
margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.smart-spacing-preview > :is(ul, ol) :is(ul, ol) li, .smart-spacing.smart-spacing > :is(ul, ol) :is(ul, ol) li {
margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.smart-spacing-preview > * + figure, .smart-spacing-preview > * + picture, .smart-spacing.smart-spacing > * + figure, .smart-spacing.smart-spacing > * + picture {
margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview figcaption, .smart-spacing.smart-spacing figcaption {
margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > * + blockquote:where(:not(figure > blockquote)), .smart-spacing.smart-spacing > * + blockquote:where(:not(figure > blockquote)) {
margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.smart-spacing-preview > blockquote * + *, .smart-spacing.smart-spacing > blockquote * + * {
margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
.smart-spacing-preview > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + *, .smart-spacing.smart-spacing > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
--paragraph-spacing: 0;
--flow-spacing: 0;
}
.smart-spacing--off.smart-spacing--off :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
margin-block: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + * {
margin-block-start: var(--flow-spacing, initial);
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + :where(h1, h2, h3, h4, h5, h6) {
margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h2) {
margin-block-start: var(--h2-spacing, var(--heading-spacing));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h3) {
margin-block-start: var(--h3-spacing, var(--heading-spacing));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h4) {
margin-block-start: var(--h4-spacing, var(--heading-spacing));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h5) {
margin-block-start: var(--h5-spacing, var(--heading-spacing));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h6) {
margin-block-start: var(--h6-spacing, var(--heading-spacing));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + p {
margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(* + ul, * + ol) {
margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) {
padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul * + li, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol * + li {
margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ul, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ul {
margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
padding-inline-start: var(--nested-list-indent-spacing, initial);
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) :is(ul, ol) li {
margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + figure, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + picture {
margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p figcaption {
margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + blockquote:where(:not(figure > blockquote)) {
margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > blockquote * + * {
margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
--paragraph-spacing: 0;
--flow-spacing: 0;
}
.bg--primary {
background-color: var(--primary);
}
.bg--primary-hover {
background-color: var(--primary-hover);
}
.bg--primary-ultra-light {
background-color: var(--primary-ultra-light);
}
.bg--primary-light {
background-color: var(--primary-light);
}
.bg--primary-semi-light {
background-color: var(--primary-semi-light);
}
.bg--primary-semi-dark {
background-color: var(--primary-semi-dark);
}
.bg--primary-dark {
background-color: var(--primary-dark);
}
.bg--primary-ultra-dark {
background-color: var(--primary-ultra-dark);
}
.bg--primary-trans-10 {
background-color: var(--primary-trans-10);
}
.bg--primary-trans-20 {
background-color: var(--primary-trans-20);
}
.bg--primary-trans-30 {
background-color: var(--primary-trans-30);
}
.bg--primary-trans-40 {
background-color: var(--primary-trans-40);
}
.bg--primary-trans-50 {
background-color: var(--primary-trans-50);
}
.bg--primary-trans-60 {
background-color: var(--primary-trans-60);
}
.bg--primary-trans-70 {
background-color: var(--primary-trans-70);
}
.bg--primary-trans-80 {
background-color: var(--primary-trans-80);
}
.bg--primary-trans-90 {
background-color: var(--primary-trans-90);
}
.bg--primary-light-trans-10 {
background-color: var(--primary-light-trans-10);
}
.bg--primary-light-trans-20 {
background-color: var(--primary-light-trans-20);
}
.bg--primary-light-trans-30 {
background-color: var(--primary-light-trans-30);
}
.bg--primary-light-trans-40 {
background-color: var(--primary-light-trans-40);
}
.bg--primary-light-trans-50 {
background-color: var(--primary-light-trans-50);
}
.bg--primary-light-trans-60 {
background-color: var(--primary-light-trans-60);
}
.bg--primary-light-trans-70 {
background-color: var(--primary-light-trans-70);
}
.bg--primary-light-trans-80 {
background-color: var(--primary-light-trans-80);
}
.bg--primary-light-trans-90 {
background-color: var(--primary-light-trans-90);
}
.bg--primary-dark-trans-10 {
background-color: var(--primary-dark-trans-10);
}
.bg--primary-dark-trans-20 {
background-color: var(--primary-dark-trans-20);
}
.bg--primary-dark-trans-30 {
background-color: var(--primary-dark-trans-30);
}
.bg--primary-dark-trans-40 {
background-color: var(--primary-dark-trans-40);
}
.bg--primary-dark-trans-50 {
background-color: var(--primary-dark-trans-50);
}
.bg--primary-dark-trans-60 {
background-color: var(--primary-dark-trans-60);
}
.bg--primary-dark-trans-70 {
background-color: var(--primary-dark-trans-70);
}
.bg--primary-dark-trans-80 {
background-color: var(--primary-dark-trans-80);
}
.bg--primary-dark-trans-90 {
background-color: var(--primary-dark-trans-90);
}
.bg--primary-ultra-dark-trans-10 {
background-color: var(--primary-ultra-dark-trans-10);
}
.bg--primary-ultra-dark-trans-20 {
background-color: var(--primary-ultra-dark-trans-20);
}
.bg--primary-ultra-dark-trans-30 {
background-color: var(--primary-ultra-dark-trans-30);
}
.bg--primary-ultra-dark-trans-40 {
background-color: var(--primary-ultra-dark-trans-40);
}
.bg--primary-ultra-dark-trans-50 {
background-color: var(--primary-ultra-dark-trans-50);
}
.bg--primary-ultra-dark-trans-60 {
background-color: var(--primary-ultra-dark-trans-60);
}
.bg--primary-ultra-dark-trans-70 {
background-color: var(--primary-ultra-dark-trans-70);
}
.bg--primary-ultra-dark-trans-80 {
background-color: var(--primary-ultra-dark-trans-80);
}
.bg--primary-ultra-dark-trans-90 {
background-color: var(--primary-ultra-dark-trans-90);
}
.bg--secondary {
background-color: var(--secondary);
}
.bg--secondary-hover {
background-color: var(--secondary-hover);
}
.bg--secondary-ultra-light {
background-color: var(--secondary-ultra-light);
}
.bg--secondary-light {
background-color: var(--secondary-light);
}
.bg--secondary-semi-light {
background-color: var(--secondary-semi-light);
}
.bg--secondary-semi-dark {
background-color: var(--secondary-semi-dark);
}
.bg--secondary-dark {
background-color: var(--secondary-dark);
}
.bg--secondary-ultra-dark {
background-color: var(--secondary-ultra-dark);
}
.bg--secondary-trans-10 {
background-color: var(--secondary-trans-10);
}
.bg--secondary-trans-20 {
background-color: var(--secondary-trans-20);
}
.bg--secondary-trans-30 {
background-color: var(--secondary-trans-30);
}
.bg--secondary-trans-40 {
background-color: var(--secondary-trans-40);
}
.bg--secondary-trans-50 {
background-color: var(--secondary-trans-50);
}
.bg--secondary-trans-60 {
background-color: var(--secondary-trans-60);
}
.bg--secondary-trans-70 {
background-color: var(--secondary-trans-70);
}
.bg--secondary-trans-80 {
background-color: var(--secondary-trans-80);
}
.bg--secondary-trans-90 {
background-color: var(--secondary-trans-90);
}
.bg--secondary-light-trans-10 {
background-color: var(--secondary-light-trans-10);
}
.bg--secondary-light-trans-20 {
background-color: var(--secondary-light-trans-20);
}
.bg--secondary-light-trans-30 {
background-color: var(--secondary-light-trans-30);
}
.bg--secondary-light-trans-40 {
background-color: var(--secondary-light-trans-40);
}
.bg--secondary-light-trans-50 {
background-color: var(--secondary-light-trans-50);
}
.bg--secondary-light-trans-60 {
background-color: var(--secondary-light-trans-60);
}
.bg--secondary-light-trans-70 {
background-color: var(--secondary-light-trans-70);
}
.bg--secondary-light-trans-80 {
background-color: var(--secondary-light-trans-80);
}
.bg--secondary-light-trans-90 {
background-color: var(--secondary-light-trans-90);
}
.bg--secondary-dark-trans-10 {
background-color: var(--secondary-dark-trans-10);
}
.bg--secondary-dark-trans-20 {
background-color: var(--secondary-dark-trans-20);
}
.bg--secondary-dark-trans-30 {
background-color: var(--secondary-dark-trans-30);
}
.bg--secondary-dark-trans-40 {
background-color: var(--secondary-dark-trans-40);
}
.bg--secondary-dark-trans-50 {
background-color: var(--secondary-dark-trans-50);
}
.bg--secondary-dark-trans-60 {
background-color: var(--secondary-dark-trans-60);
}
.bg--secondary-dark-trans-70 {
background-color: var(--secondary-dark-trans-70);
}
.bg--secondary-dark-trans-80 {
background-color: var(--secondary-dark-trans-80);
}
.bg--secondary-dark-trans-90 {
background-color: var(--secondary-dark-trans-90);
}
.bg--secondary-ultra-dark-trans-10 {
background-color: var(--secondary-ultra-dark-trans-10);
}
.bg--secondary-ultra-dark-trans-20 {
background-color: var(--secondary-ultra-dark-trans-20);
}
.bg--secondary-ultra-dark-trans-30 {
background-color: var(--secondary-ultra-dark-trans-30);
}
.bg--secondary-ultra-dark-trans-40 {
background-color: var(--secondary-ultra-dark-trans-40);
}
.bg--secondary-ultra-dark-trans-50 {
background-color: var(--secondary-ultra-dark-trans-50);
}
.bg--secondary-ultra-dark-trans-60 {
background-color: var(--secondary-ultra-dark-trans-60);
}
.bg--secondary-ultra-dark-trans-70 {
background-color: var(--secondary-ultra-dark-trans-70);
}
.bg--secondary-ultra-dark-trans-80 {
background-color: var(--secondary-ultra-dark-trans-80);
}
.bg--secondary-ultra-dark-trans-90 {
background-color: var(--secondary-ultra-dark-trans-90);
}
.bg--base {
background-color: var(--base);
}
.bg--base-hover {
background-color: var(--base-hover);
}
.bg--base-ultra-light {
background-color: var(--base-ultra-light);
}
.bg--base-light {
background-color: var(--base-light);
}
.bg--base-semi-light {
background-color: var(--base-semi-light);
}
.bg--base-semi-dark {
background-color: var(--base-semi-dark);
}
.bg--base-dark {
background-color: var(--base-dark);
}
.bg--base-ultra-dark {
background-color: var(--base-ultra-dark);
}
.bg--base-trans-10 {
background-color: var(--base-trans-10);
}
.bg--base-trans-20 {
background-color: var(--base-trans-20);
}
.bg--base-trans-30 {
background-color: var(--base-trans-30);
}
.bg--base-trans-40 {
background-color: var(--base-trans-40);
}
.bg--base-trans-50 {
background-color: var(--base-trans-50);
}
.bg--base-trans-60 {
background-color: var(--base-trans-60);
}
.bg--base-trans-70 {
background-color: var(--base-trans-70);
}
.bg--base-trans-80 {
background-color: var(--base-trans-80);
}
.bg--base-trans-90 {
background-color: var(--base-trans-90);
}
.bg--base-light-trans-10 {
background-color: var(--base-light-trans-10);
}
.bg--base-light-trans-20 {
background-color: var(--base-light-trans-20);
}
.bg--base-light-trans-30 {
background-color: var(--base-light-trans-30);
}
.bg--base-light-trans-40 {
background-color: var(--base-light-trans-40);
}
.bg--base-light-trans-50 {
background-color: var(--base-light-trans-50);
}
.bg--base-light-trans-60 {
background-color: var(--base-light-trans-60);
}
.bg--base-light-trans-70 {
background-color: var(--base-light-trans-70);
}
.bg--base-light-trans-80 {
background-color: var(--base-light-trans-80);
}
.bg--base-light-trans-90 {
background-color: var(--base-light-trans-90);
}
.bg--base-dark-trans-10 {
background-color: var(--base-dark-trans-10);
}
.bg--base-dark-trans-20 {
background-color: var(--base-dark-trans-20);
}
.bg--base-dark-trans-30 {
background-color: var(--base-dark-trans-30);
}
.bg--base-dark-trans-40 {
background-color: var(--base-dark-trans-40);
}
.bg--base-dark-trans-50 {
background-color: var(--base-dark-trans-50);
}
.bg--base-dark-trans-60 {
background-color: var(--base-dark-trans-60);
}
.bg--base-dark-trans-70 {
background-color: var(--base-dark-trans-70);
}
.bg--base-dark-trans-80 {
background-color: var(--base-dark-trans-80);
}
.bg--base-dark-trans-90 {
background-color: var(--base-dark-trans-90);
}
.bg--base-ultra-dark-trans-10 {
background-color: var(--base-ultra-dark-trans-10);
}
.bg--base-ultra-dark-trans-20 {
background-color: var(--base-ultra-dark-trans-20);
}
.bg--base-ultra-dark-trans-30 {
background-color: var(--base-ultra-dark-trans-30);
}
.bg--base-ultra-dark-trans-40 {
background-color: var(--base-ultra-dark-trans-40);
}
.bg--base-ultra-dark-trans-50 {
background-color: var(--base-ultra-dark-trans-50);
}
.bg--base-ultra-dark-trans-60 {
background-color: var(--base-ultra-dark-trans-60);
}
.bg--base-ultra-dark-trans-70 {
background-color: var(--base-ultra-dark-trans-70);
}
.bg--base-ultra-dark-trans-80 {
background-color: var(--base-ultra-dark-trans-80);
}
.bg--base-ultra-dark-trans-90 {
background-color: var(--base-ultra-dark-trans-90);
}
.bg--neutral {
background-color: var(--neutral);
}
.bg--neutral-hover {
background-color: var(--neutral-hover);
}
.bg--neutral-ultra-light {
background-color: var(--neutral-ultra-light);
}
.bg--neutral-light {
background-color: var(--neutral-light);
}
.bg--neutral-semi-light {
background-color: var(--neutral-semi-light);
}
.bg--neutral-semi-dark {
background-color: var(--neutral-semi-dark);
}
.bg--neutral-dark {
background-color: var(--neutral-dark);
}
.bg--neutral-ultra-dark {
background-color: var(--neutral-ultra-dark);
}
.bg--neutral-trans-10 {
background-color: var(--neutral-trans-10);
}
.bg--neutral-trans-20 {
background-color: var(--neutral-trans-20);
}
.bg--neutral-trans-30 {
background-color: var(--neutral-trans-30);
}
.bg--neutral-trans-40 {
background-color: var(--neutral-trans-40);
}
.bg--neutral-trans-50 {
background-color: var(--neutral-trans-50);
}
.bg--neutral-trans-60 {
background-color: var(--neutral-trans-60);
}
.bg--neutral-trans-70 {
background-color: var(--neutral-trans-70);
}
.bg--neutral-trans-80 {
background-color: var(--neutral-trans-80);
}
.bg--neutral-trans-90 {
background-color: var(--neutral-trans-90);
}
.bg--neutral-light-trans-10 {
background-color: var(--neutral-light-trans-10);
}
.bg--neutral-light-trans-20 {
background-color: var(--neutral-light-trans-20);
}
.bg--neutral-light-trans-30 {
background-color: var(--neutral-light-trans-30);
}
.bg--neutral-light-trans-40 {
background-color: var(--neutral-light-trans-40);
}
.bg--neutral-light-trans-50 {
background-color: var(--neutral-light-trans-50);
}
.bg--neutral-light-trans-60 {
background-color: var(--neutral-light-trans-60);
}
.bg--neutral-light-trans-70 {
background-color: var(--neutral-light-trans-70);
}
.bg--neutral-light-trans-80 {
background-color: var(--neutral-light-trans-80);
}
.bg--neutral-light-trans-90 {
background-color: var(--neutral-light-trans-90);
}
.bg--neutral-dark-trans-10 {
background-color: var(--neutral-dark-trans-10);
}
.bg--neutral-dark-trans-20 {
background-color: var(--neutral-dark-trans-20);
}
.bg--neutral-dark-trans-30 {
background-color: var(--neutral-dark-trans-30);
}
.bg--neutral-dark-trans-40 {
background-color: var(--neutral-dark-trans-40);
}
.bg--neutral-dark-trans-50 {
background-color: var(--neutral-dark-trans-50);
}
.bg--neutral-dark-trans-60 {
background-color: var(--neutral-dark-trans-60);
}
.bg--neutral-dark-trans-70 {
background-color: var(--neutral-dark-trans-70);
}
.bg--neutral-dark-trans-80 {
background-color: var(--neutral-dark-trans-80);
}
.bg--neutral-dark-trans-90 {
background-color: var(--neutral-dark-trans-90);
}
.bg--neutral-ultra-dark-trans-10 {
background-color: var(--neutral-ultra-dark-trans-10);
}
.bg--neutral-ultra-dark-trans-20 {
background-color: var(--neutral-ultra-dark-trans-20);
}
.bg--neutral-ultra-dark-trans-30 {
background-color: var(--neutral-ultra-dark-trans-30);
}
.bg--neutral-ultra-dark-trans-40 {
background-color: var(--neutral-ultra-dark-trans-40);
}
.bg--neutral-ultra-dark-trans-50 {
background-color: var(--neutral-ultra-dark-trans-50);
}
.bg--neutral-ultra-dark-trans-60 {
background-color: var(--neutral-ultra-dark-trans-60);
}
.bg--neutral-ultra-dark-trans-70 {
background-color: var(--neutral-ultra-dark-trans-70);
}
.bg--neutral-ultra-dark-trans-80 {
background-color: var(--neutral-ultra-dark-trans-80);
}
.bg--neutral-ultra-dark-trans-90 {
background-color: var(--neutral-ultra-dark-trans-90);
}
.bg--white {
background-color: var(--white);
}
.bg--black {
background-color: var(--black);
}
.bg--white-trans-10 {
background-color: var(--white-trans-10);
}
.bg--white-trans-20 {
background-color: var(--white-trans-20);
}
.bg--white-trans-30 {
background-color: var(--white-trans-30);
}
.bg--white-trans-40 {
background-color: var(--white-trans-40);
}
.bg--white-trans-50 {
background-color: var(--white-trans-50);
}
.bg--white-trans-60 {
background-color: var(--white-trans-60);
}
.bg--white-trans-70 {
background-color: var(--white-trans-70);
}
.bg--white-trans-80 {
background-color: var(--white-trans-80);
}
.bg--white-trans-90 {
background-color: var(--white-trans-90);
}
.bg--black-trans-10 {
background-color: var(--black-trans-10);
}
.bg--black-trans-20 {
background-color: var(--black-trans-20);
}
.bg--black-trans-30 {
background-color: var(--black-trans-30);
}
.bg--black-trans-40 {
background-color: var(--black-trans-40);
}
.bg--black-trans-50 {
background-color: var(--black-trans-50);
}
.bg--black-trans-60 {
background-color: var(--black-trans-60);
}
.bg--black-trans-70 {
background-color: var(--black-trans-70);
}
.bg--black-trans-80 {
background-color: var(--black-trans-80);
}
.bg--black-trans-90 {
background-color: var(--black-trans-90);
}
:has(> .is-bg) {
position: relative;
isolation: isolate;
}
:is(*, img, figure, picture).is-bg {
position: var(--bg-position, absolute);
inset: var(--bg-inset, 0);
inline-size: var(--bg-width, 100%);
block-size: var(--bg-height, 100%);
border-radius: var(--bg-radius, 0);
object-fit: var(--bg-object-fit, cover);
object-position: var(--bg-object-position, center);
z-index: var(--bg-z-index, -2);
border-radius: var(--bg-radius, 0);
}
:is(*, img, figure, picture).is-bg > img {
object-fit: var(--bg-object-fit, cover);
object-position: var(--bg-object-position, center);
}
.content-grid > :is(*, img, figure, picture).is-bg {
grid-column: full;
}
.bg--ultra-light {
background-color: var(--bg-ultra-light);
}
.bg--light {
background-color: var(--bg-light);
}
.bg--dark {
background-color: var(--bg-dark);
}
.bg--ultra-dark {
background-color: var(--bg-ultra-dark);
}
.text--light.text--light, .text--light.text--light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--text-light);
}
.text--light-muted.text--light-muted, .text--light-muted.text--light-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--text-light-muted);
}
.text--dark.text--dark, .text--dark.text--dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--text-dark);
}
.text--dark-muted.text--dark-muted, .text--dark-muted.text--dark-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--text-dark-muted);
}
.content-grid {
--full: minmax(var(--gutter), 1fr);
padding-inline: 0;
column-gap: 0 !important;
display: grid !important;
grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--content-width), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end];
}
.content-grid > :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
width: 100%;
}
.content-grid > :where(:not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
grid-column: content;
}
.content--feature {
grid-column: feature;
}
.content--feature-max {
grid-column: feature-max;
}
.content--full {
grid-column: full;
}
.content--full-safe {
grid-column: full;
padding-inline: var(--gutter);
}
.content-grid:where(.content--full-safe) {
padding-inline: var(--gutter);
}
:is(.content--feature, .content--feature-max, .content--full, .content--full-safe):not(.content-grid--off :is(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
width: 100% !important;
max-width: 100%;
}
.content-grid:is([class*="padding--"], [class*="section--"], [class*="header--"]) {
padding-inline: 0;
}
:root, .color-scheme--main {
--bg-ultra-light-text: var(--text-dark);
--bg-light-text: var(--text-dark);
--bg-dark-text: var(--text-light);
--bg-ultra-dark-text: var(--text-light);
--bg-ultra-light-heading: var(--text-dark);
--bg-light-heading: var(--text-dark);
--bg-dark-heading: var(--text-light);
--bg-ultra-dark-heading: var(--text-light);
}
.color-scheme--alt {
--bg-ultra-light-text: var(--text-dark);
--bg-light-text: var(--text-dark);
--bg-dark-text: var(--text-light);
--bg-ultra-dark-text: var(--text-light);
--bg-ultra-light-heading: var(--text-dark);
--bg-light-heading: var(--text-dark);
--bg-dark-heading: var(--text-light);
--bg-ultra-dark-heading: var(--text-light);
--bg-ultra-dark-text: var(--text-light);
}
:where(.bg--ultra-light), :where(.bg--ultra-light) :is(h1, h2, h3, h4, h5, h6) {
color: var(--bg-ultra-light-text);
}
:where(.bg--light), :where(.bg--light) :is(h1, h2, h3, h4, h5, h6) {
color: var(--bg-light-text);
}
:where(.bg--dark), :where(.bg--dark) :is(h1, h2, h3, h4, h5, h6) {
color: var(--bg-dark-text);
}
:where(.bg--ultra-dark), :where(.bg--ultra-dark) :is(h1, h2, h3, h4, h5, h6) {
color: var(--bg-ultra-dark-text);
}
.bg--ultra-light :where(h1, h2, h3, h4, h5, h6) {
--heading-color: var(--bg-ultra-light-heading);
--h1-color: var(--bg-ultra-light-heading);
--h2-color: var(--bg-ultra-light-heading);
--h3-color: var(--bg-ultra-light-heading);
--h4-color: var(--bg-ultra-light-heading);
--h5-color: var(--bg-ultra-light-heading);
--h6-color: var(--bg-ultra-light-heading);
color: var(--bg-ultra-light-heading);
}
.bg--light :where(h1, h2, h3, h4, h5, h6) {
--heading-color: var(--bg-light-heading);
--h1-color: var(--bg-light-heading);
--h2-color: var(--bg-light-heading);
--h3-color: var(--bg-light-heading);
--h4-color: var(--bg-light-heading);
--h5-color: var(--bg-light-heading);
--h6-color: var(--bg-light-heading);
color: var(--bg-light-heading);
}
.bg--dark :where(h1, h2, h3, h4, h5, h6) {
--heading-color: var(--bg-dark-heading);
--h1-color: var(--bg-dark-heading);
--h2-color: var(--bg-dark-heading);
--h3-color: var(--bg-dark-heading);
--h4-color: var(--bg-dark-heading);
--h5-color: var(--bg-dark-heading);
--h6-color: var(--bg-dark-heading);
color: var(--bg-dark-heading);
}
.bg--ultra-dark :where(h1, h2, h3, h4, h5, h6) {
--heading-color: var(--bg-ultra-dark-heading);
--h1-color: var(--bg-ultra-dark-heading);
--h2-color: var(--bg-ultra-dark-heading);
--h3-color: var(--bg-ultra-dark-heading);
--h4-color: var(--bg-ultra-dark-heading);
--h5-color: var(--bg-ultra-dark-heading);
--h6-color: var(--bg-ultra-dark-heading);
color: var(--bg-ultra-dark-heading);
}
.bg--ultra-light [class*="btn--"] {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.bg--ultra-light [class*="btn--"].btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.bg--light [class*="btn--"] {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.bg--light [class*="btn--"].btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.bg--dark [class*="btn--"] {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.bg--dark [class*="btn--"].btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.bg--ultra-dark [class*="btn--"] {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.bg--ultra-dark [class*="btn--"].btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.margin-top--xs {
margin-block-start: var(--space-xs);
}
.margin-top--s {
margin-block-start: var(--space-s);
}
.margin-top--m {
margin-block-start: var(--space-m);
}
.margin-top--l {
margin-block-start: var(--space-l);
}
.margin-top--xl {
margin-block-start: var(--space-xl);
}
.margin-top--xxl {
margin-block-start: var(--space-xxl);
}
.margin-right--xs {
margin-inline-end: var(--space-xs);
}
.margin-right--s {
margin-inline-end: var(--space-s);
}
.margin-right--m {
margin-inline-end: var(--space-m);
}
.margin-right--l {
margin-inline-end: var(--space-l);
}
.margin-right--xl {
margin-inline-end: var(--space-xl);
}
.margin-right--xxl {
margin-inline-end: var(--space-xxl);
}
.margin-bottom--xs {
margin-block-end: var(--space-xs);
}
.margin-bottom--s {
margin-block-end: var(--space-s);
}
.margin-bottom--m {
margin-block-end: var(--space-m);
}
.margin-bottom--l {
margin-block-end: var(--space-l);
}
.margin-bottom--xl {
margin-block-end: var(--space-xl);
}
.margin-bottom--xxl {
margin-block-end: var(--space-xxl);
}
.margin-left--xs {
margin-inline-start: var(--space-xs);
}
.margin-left--s {
margin-inline-start: var(--space-s);
}
.margin-left--m {
margin-inline-start: var(--space-m);
}
.margin-left--l {
margin-inline-start: var(--space-l);
}
.margin-left--xl {
margin-inline-start: var(--space-xl);
}
.margin-left--xxl {
margin-inline-start: var(--space-xxl);
}
.margin-block--xs {
margin-block: var(--space-xs);
}
.margin-block--s {
margin-block: var(--space-s);
}
.margin-block--m {
margin-block: var(--space-m);
}
.margin-block--l {
margin-block: var(--space-l);
}
.margin-block--xl {
margin-block: var(--space-xl);
}
.margin-block--xxl {
margin-block: var(--space-xxl);
}
.margin-inline--xs {
margin-inline: var(--space-xs);
}
.margin-inline--s {
margin-inline: var(--space-s);
}
.margin-inline--m {
margin-inline: var(--space-m);
}
.margin-inline--l {
margin-inline: var(--space-l);
}
.margin-inline--xl {
margin-inline: var(--space-xl);
}
.margin-inline--xxl {
margin-inline: var(--space-xxl);
}
.margin--none {
padding: 0;
}
@media (max-width: 1366px) {
.margin-top--xs-xl {
margin-block-start: var(--space-xs);
}
.margin-top--s-xl {
margin-block-start: var(--space-s);
}
.margin-top--m-xl {
margin-block-start: var(--space-m);
}
.margin-top--l-xl {
margin-block-start: var(--space-l);
}
.margin-top--xl-xl {
margin-block-start: var(--space-xl);
}
.margin-top--xxl-xl {
margin-block-start: var(--space-xxl);
}
.margin-right--xs-xl {
margin-inline-end: var(--space-xs);
}
.margin-right--s-xl {
margin-inline-end: var(--space-s);
}
.margin-right--m-xl {
margin-inline-end: var(--space-m);
}
.margin-right--l-xl {
margin-inline-end: var(--space-l);
}
.margin-right--xl-xl {
margin-inline-end: var(--space-xl);
}
.margin-right--xxl-xl {
margin-inline-end: var(--space-xxl);
}
.margin-bottom--xs-xl {
margin-block-end: var(--space-xs);
}
.margin-bottom--s-xl {
margin-block-end: var(--space-s);
}
.margin-bottom--m-xl {
margin-block-end: var(--space-m);
}
.margin-bottom--l-xl {
margin-block-end: var(--space-l);
}
.margin-bottom--xl-xl {
margin-block-end: var(--space-xl);
}
.margin-bottom--xxl-xl {
margin-block-end: var(--space-xxl);
}
.margin-left--xs-xl {
margin-inline-start: var(--space-xs);
}
.margin-left--s-xl {
margin-inline-start: var(--space-s);
}
.margin-left--m-xl {
margin-inline-start: var(--space-m);
}
.margin-left--l-xl {
margin-inline-start: var(--space-l);
}
.margin-left--xl-xl {
margin-inline-start: var(--space-xl);
}
.margin-left--xxl-xl {
margin-inline-start: var(--space-xxl);
}
.margin-block--xs-xl {
margin-block: var(--space-xs);
}
.margin-block--s-xl {
margin-block: var(--space-s);
}
.margin-block--m-xl {
margin-block: var(--space-m);
}
.margin-block--l-xl {
margin-block: var(--space-l);
}
.margin-block--xl-xl {
margin-block: var(--space-xl);
}
.margin-block--xxl-xl {
margin-block: var(--space-xxl);
}
.margin-inline--xs-xl {
margin-inline: var(--space-xs);
}
.margin-inline--s-xl {
margin-inline: var(--space-s);
}
.margin-inline--m-xl {
margin-inline: var(--space-m);
}
.margin-inline--l-xl {
margin-inline: var(--space-l);
}
.margin-inline--xl-xl {
margin-inline: var(--space-xl);
}
.margin-inline--xxl-xl {
margin-inline: var(--space-xxl);
}
.margin--xl-none {
padding: 0;
}
}
@media (max-width: 992px) {
.margin-top--xs-l {
margin-block-start: var(--space-xs);
}
.margin-top--s-l {
margin-block-start: var(--space-s);
}
.margin-top--m-l {
margin-block-start: var(--space-m);
}
.margin-top--l-l {
margin-block-start: var(--space-l);
}
.margin-top--xl-l {
margin-block-start: var(--space-xl);
}
.margin-top--xxl-l {
margin-block-start: var(--space-xxl);
}
.margin-right--xs-l {
margin-inline-end: var(--space-xs);
}
.margin-right--s-l {
margin-inline-end: var(--space-s);
}
.margin-right--m-l {
margin-inline-end: var(--space-m);
}
.margin-right--l-l {
margin-inline-end: var(--space-l);
}
.margin-right--xl-l {
margin-inline-end: var(--space-xl);
}
.margin-right--xxl-l {
margin-inline-end: var(--space-xxl);
}
.margin-bottom--xs-l {
margin-block-end: var(--space-xs);
}
.margin-bottom--s-l {
margin-block-end: var(--space-s);
}
.margin-bottom--m-l {
margin-block-end: var(--space-m);
}
.margin-bottom--l-l {
margin-block-end: var(--space-l);
}
.margin-bottom--xl-l {
margin-block-end: var(--space-xl);
}
.margin-bottom--xxl-l {
margin-block-end: var(--space-xxl);
}
.margin-left--xs-l {
margin-inline-start: var(--space-xs);
}
.margin-left--s-l {
margin-inline-start: var(--space-s);
}
.margin-left--m-l {
margin-inline-start: var(--space-m);
}
.margin-left--l-l {
margin-inline-start: var(--space-l);
}
.margin-left--xl-l {
margin-inline-start: var(--space-xl);
}
.margin-left--xxl-l {
margin-inline-start: var(--space-xxl);
}
.margin-block--xs-l {
margin-block: var(--space-xs);
}
.margin-block--s-l {
margin-block: var(--space-s);
}
.margin-block--m-l {
margin-block: var(--space-m);
}
.margin-block--l-l {
margin-block: var(--space-l);
}
.margin-block--xl-l {
margin-block: var(--space-xl);
}
.margin-block--xxl-l {
margin-block: var(--space-xxl);
}
.margin-inline--xs-l {
margin-inline: var(--space-xs);
}
.margin-inline--s-l {
margin-inline: var(--space-s);
}
.margin-inline--m-l {
margin-inline: var(--space-m);
}
.margin-inline--l-l {
margin-inline: var(--space-l);
}
.margin-inline--xl-l {
margin-inline: var(--space-xl);
}
.margin-inline--xxl-l {
margin-inline: var(--space-xxl);
}
.margin--l-none {
padding: 0;
}
}
@media (max-width: 768px) {
.margin-top--xs-m {
margin-block-start: var(--space-xs);
}
.margin-top--s-m {
margin-block-start: var(--space-s);
}
.margin-top--m-m {
margin-block-start: var(--space-m);
}
.margin-top--l-m {
margin-block-start: var(--space-l);
}
.margin-top--xl-m {
margin-block-start: var(--space-xl);
}
.margin-top--xxl-m {
margin-block-start: var(--space-xxl);
}
.margin-right--xs-m {
margin-inline-end: var(--space-xs);
}
.margin-right--s-m {
margin-inline-end: var(--space-s);
}
.margin-right--m-m {
margin-inline-end: var(--space-m);
}
.margin-right--l-m {
margin-inline-end: var(--space-l);
}
.margin-right--xl-m {
margin-inline-end: var(--space-xl);
}
.margin-right--xxl-m {
margin-inline-end: var(--space-xxl);
}
.margin-bottom--xs-m {
margin-block-end: var(--space-xs);
}
.margin-bottom--s-m {
margin-block-end: var(--space-s);
}
.margin-bottom--m-m {
margin-block-end: var(--space-m);
}
.margin-bottom--l-m {
margin-block-end: var(--space-l);
}
.margin-bottom--xl-m {
margin-block-end: var(--space-xl);
}
.margin-bottom--xxl-m {
margin-block-end: var(--space-xxl);
}
.margin-left--xs-m {
margin-inline-start: var(--space-xs);
}
.margin-left--s-m {
margin-inline-start: var(--space-s);
}
.margin-left--m-m {
margin-inline-start: var(--space-m);
}
.margin-left--l-m {
margin-inline-start: var(--space-l);
}
.margin-left--xl-m {
margin-inline-start: var(--space-xl);
}
.margin-left--xxl-m {
margin-inline-start: var(--space-xxl);
}
.margin-block--xs-m {
margin-block: var(--space-xs);
}
.margin-block--s-m {
margin-block: var(--space-s);
}
.margin-block--m-m {
margin-block: var(--space-m);
}
.margin-block--l-m {
margin-block: var(--space-l);
}
.margin-block--xl-m {
margin-block: var(--space-xl);
}
.margin-block--xxl-m {
margin-block: var(--space-xxl);
}
.margin-inline--xs-m {
margin-inline: var(--space-xs);
}
.margin-inline--s-m {
margin-inline: var(--space-s);
}
.margin-inline--m-m {
margin-inline: var(--space-m);
}
.margin-inline--l-m {
margin-inline: var(--space-l);
}
.margin-inline--xl-m {
margin-inline: var(--space-xl);
}
.margin-inline--xxl-m {
margin-inline: var(--space-xxl);
}
.margin--m-none {
padding: 0;
}
}
@media (max-width: 480px) {
.margin-top--xs-s {
margin-block-start: var(--space-xs);
}
.margin-top--s-s {
margin-block-start: var(--space-s);
}
.margin-top--m-s {
margin-block-start: var(--space-m);
}
.margin-top--l-s {
margin-block-start: var(--space-l);
}
.margin-top--xl-s {
margin-block-start: var(--space-xl);
}
.margin-top--xxl-s {
margin-block-start: var(--space-xxl);
}
.margin-right--xs-s {
margin-inline-end: var(--space-xs);
}
.margin-right--s-s {
margin-inline-end: var(--space-s);
}
.margin-right--m-s {
margin-inline-end: var(--space-m);
}
.margin-right--l-s {
margin-inline-end: var(--space-l);
}
.margin-right--xl-s {
margin-inline-end: var(--space-xl);
}
.margin-right--xxl-s {
margin-inline-end: var(--space-xxl);
}
.margin-bottom--xs-s {
margin-block-end: var(--space-xs);
}
.margin-bottom--s-s {
margin-block-end: var(--space-s);
}
.margin-bottom--m-s {
margin-block-end: var(--space-m);
}
.margin-bottom--l-s {
margin-block-end: var(--space-l);
}
.margin-bottom--xl-s {
margin-block-end: var(--space-xl);
}
.margin-bottom--xxl-s {
margin-block-end: var(--space-xxl);
}
.margin-left--xs-s {
margin-inline-start: var(--space-xs);
}
.margin-left--s-s {
margin-inline-start: var(--space-s);
}
.margin-left--m-s {
margin-inline-start: var(--space-m);
}
.margin-left--l-s {
margin-inline-start: var(--space-l);
}
.margin-left--xl-s {
margin-inline-start: var(--space-xl);
}
.margin-left--xxl-s {
margin-inline-start: var(--space-xxl);
}
.margin-block--xs-s {
margin-block: var(--space-xs);
}
.margin-block--s-s {
margin-block: var(--space-s);
}
.margin-block--m-s {
margin-block: var(--space-m);
}
.margin-block--l-s {
margin-block: var(--space-l);
}
.margin-block--xl-s {
margin-block: var(--space-xl);
}
.margin-block--xxl-s {
margin-block: var(--space-xxl);
}
.margin-inline--xs-s {
margin-inline: var(--space-xs);
}
.margin-inline--s-s {
margin-inline: var(--space-s);
}
.margin-inline--m-s {
margin-inline: var(--space-m);
}
.margin-inline--l-s {
margin-inline: var(--space-l);
}
.margin-inline--xl-s {
margin-inline: var(--space-xl);
}
.margin-inline--xxl-s {
margin-inline: var(--space-xxl);
}
.margin--s-none {
padding: 0;
}
}
.padding--xs {
padding: var(--space-xs);
}
.padding--s {
padding: var(--space-s);
}
.padding--m {
padding: var(--space-m);
}
.padding--l {
padding: var(--space-l);
}
.padding--xl {
padding: var(--space-xl);
}
.padding--xxl {
padding: var(--space-xxl);
}
.padding--none {
padding: 0;
}
@media (max-width: 1366px) {
.padding--xl-xs {
padding: var(--space-xs);
}
.padding--xl-s {
padding: var(--space-s);
}
.padding--xl-m {
padding: var(--space-m);
}
.padding--xl-l {
padding: var(--space-l);
}
.padding--xl-xl {
padding: var(--space-xl);
}
.padding--xl-xxl {
padding: var(--space-xxl);
}
.padding--xl-none {
padding: 0;
}
}
@media (max-width: 992px) {
.padding--l-xs {
padding: var(--space-xs);
}
.padding--l-s {
padding: var(--space-s);
}
.padding--l-m {
padding: var(--space-m);
}
.padding--l-l {
padding: var(--space-l);
}
.padding--l-xl {
padding: var(--space-xl);
}
.padding--l-xxl {
padding: var(--space-xxl);
}
.padding--l-none {
padding: 0;
}
}
@media (max-width: 768px) {
.padding--m-xs {
padding: var(--space-xs);
}
.padding--m-s {
padding: var(--space-s);
}
.padding--m-m {
padding: var(--space-m);
}
.padding--m-l {
padding: var(--space-l);
}
.padding--m-xl {
padding: var(--space-xl);
}
.padding--m-xxl {
padding: var(--space-xxl);
}
.padding--m-none {
padding: 0;
}
}
@media (max-width: 480px) {
.padding--s-xs {
padding: var(--space-xs);
}
.padding--s-s {
padding: var(--space-s);
}
.padding--s-m {
padding: var(--space-m);
}
.padding--s-l {
padding: var(--space-l);
}
.padding--s-xl {
padding: var(--space-xl);
}
.padding--s-xxl {
padding: var(--space-xxl);
}
.padding--s-none {
padding: 0;
}
}
.header--xs {
padding-block: var(--space-xs);
padding-inline: var(--gutter);
}
.header--s {
padding-block: var(--space-s);
padding-inline: var(--gutter);
}
.header--m {
padding-block: var(--space-m);
padding-inline: var(--gutter);
}
.header--l {
padding-block: var(--space-l);
padding-inline: var(--gutter);
}
.header--xl {
padding-block: var(--space-xl);
padding-inline: var(--gutter);
}
.header--xxl {
padding-block: var(--space-xxl);
padding-inline: var(--gutter);
}
.section--xs {
padding-block: var(--section-space-xs);
padding-inline: var(--gutter);
}
.section--s {
padding-block: var(--section-space-s);
padding-inline: var(--gutter);
}
.section--m {
padding-block: var(--section-space-m);
padding-inline: var(--gutter);
}
.section--l {
padding-block: var(--section-space-l);
padding-inline: var(--gutter);
}
.section--xl {
padding-block: var(--section-space-xl);
padding-inline: var(--gutter);
}
.section--xxl {
padding-block: var(--section-space-xxl);
padding-inline: var(--gutter);
}
.section--none {
padding-block: 0;
padding-inline: var(--gutter);
}
@media (max-width: 1366px) {
.section--xl-xs {
padding-block: var(--section-space-xs);
padding-inline: var(--gutter);
}
.section--xl-s {
padding-block: var(--section-space-s);
padding-inline: var(--gutter);
}
.section--xl-m {
padding-block: var(--section-space-m);
padding-inline: var(--gutter);
}
.section--xl-l {
padding-block: var(--section-space-l);
padding-inline: var(--gutter);
}
.section--xl-xl {
padding-block: var(--section-space-xl);
padding-inline: var(--gutter);
}
.section--xl-xxl {
padding-block: var(--section-space-xxl);
padding-inline: var(--gutter);
}
.section--xl-none {
padding-inline: 0 var(--gutter);
}
}
@media (max-width: 992px) {
.section--l-xs {
padding-block: var(--section-space-xs);
padding-inline: var(--gutter);
}
.section--l-s {
padding-block: var(--section-space-s);
padding-inline: var(--gutter);
}
.section--l-m {
padding-block: var(--section-space-m);
padding-inline: var(--gutter);
}
.section--l-l {
padding-block: var(--section-space-l);
padding-inline: var(--gutter);
}
.section--l-xl {
padding-block: var(--section-space-xl);
padding-inline: var(--gutter);
}
.section--l-xxl {
padding-block: var(--section-space-xxl);
padding-inline: var(--gutter);
}
.section--l-none {
padding-inline: 0 var(--gutter);
}
}
@media (max-width: 768px) {
.section--m-xs {
padding-block: var(--section-space-xs);
padding-inline: var(--gutter);
}
.section--m-s {
padding-block: var(--section-space-s);
padding-inline: var(--gutter);
}
.section--m-m {
padding-block: var(--section-space-m);
padding-inline: var(--gutter);
}
.section--m-l {
padding-block: var(--section-space-l);
padding-inline: var(--gutter);
}
.section--m-xl {
padding-block: var(--section-space-xl);
padding-inline: var(--gutter);
}
.section--m-xxl {
padding-block: var(--section-space-xxl);
padding-inline: var(--gutter);
}
.section--m-none {
padding-inline: 0 var(--gutter);
}
}
@media (max-width: 480px) {
.section--s-xs {
padding-block: var(--section-space-xs);
padding-inline: var(--gutter);
}
.section--s-s {
padding-block: var(--section-space-s);
padding-inline: var(--gutter);
}
.section--s-m {
padding-block: var(--section-space-m);
padding-inline: var(--gutter);
}
.section--s-l {
padding-block: var(--section-space-l);
padding-inline: var(--gutter);
}
.section--s-xl {
padding-block: var(--section-space-xl);
padding-inline: var(--gutter);
}
.section--s-xxl {
padding-block: var(--section-space-xxl);
padding-inline: var(--gutter);
}
.section--s-none {
padding-inline: 0 var(--gutter);
}
}
.section__inner, .section__container, .acss__container {
width: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
[class*="overlay--"] {
position: relative;
z-index: 0;
}
[class*="overlay--"]::before {
content: "";
background: var(--overlay-background);
position: absolute;
inset: 0;
z-index: -1;
}
.overlay--primary-trans-10 {
--overlay-background: var(--primary-trans-10);
}
.overlay--primary-trans-20 {
--overlay-background: var(--primary-trans-20);
}
.overlay--primary-trans-30 {
--overlay-background: var(--primary-trans-30);
}
.overlay--primary-trans-40 {
--overlay-background: var(--primary-trans-40);
}
.overlay--primary-trans-50 {
--overlay-background: var(--primary-trans-50);
}
.overlay--primary-trans-60 {
--overlay-background: var(--primary-trans-60);
}
.overlay--primary-trans-70 {
--overlay-background: var(--primary-trans-70);
}
.overlay--primary-trans-80 {
--overlay-background: var(--primary-trans-80);
}
.overlay--primary-trans-90 {
--overlay-background: var(--primary-trans-90);
}
.overlay--primary-light-trans-10 {
--overlay-background: var(--primary-light-trans-10);
}
.overlay--primary-light-trans-20 {
--overlay-background: var(--primary-light-trans-20);
}
.overlay--primary-light-trans-30 {
--overlay-background: var(--primary-light-trans-30);
}
.overlay--primary-light-trans-40 {
--overlay-background: var(--primary-light-trans-40);
}
.overlay--primary-light-trans-50 {
--overlay-background: var(--primary-light-trans-50);
}
.overlay--primary-light-trans-60 {
--overlay-background: var(--primary-light-trans-60);
}
.overlay--primary-light-trans-70 {
--overlay-background: var(--primary-light-trans-70);
}
.overlay--primary-light-trans-80 {
--overlay-background: var(--primary-light-trans-80);
}
.overlay--primary-light-trans-90 {
--overlay-background: var(--primary-light-trans-90);
}
.overlay--primary-dark-trans-10 {
--overlay-background: var(--primary-dark-trans-10);
}
.overlay--primary-dark-trans-20 {
--overlay-background: var(--primary-dark-trans-20);
}
.overlay--primary-dark-trans-30 {
--overlay-background: var(--primary-dark-trans-30);
}
.overlay--primary-dark-trans-40 {
--overlay-background: var(--primary-dark-trans-40);
}
.overlay--primary-dark-trans-50 {
--overlay-background: var(--primary-dark-trans-50);
}
.overlay--primary-dark-trans-60 {
--overlay-background: var(--primary-dark-trans-60);
}
.overlay--primary-dark-trans-70 {
--overlay-background: var(--primary-dark-trans-70);
}
.overlay--primary-dark-trans-80 {
--overlay-background: var(--primary-dark-trans-80);
}
.overlay--primary-dark-trans-90 {
--overlay-background: var(--primary-dark-trans-90);
}
.overlay--primary-ultra-dark-trans-10 {
--overlay-background: var(--primary-ultra-dark-trans-10);
}
.overlay--primary-ultra-dark-trans-20 {
--overlay-background: var(--primary-ultra-dark-trans-20);
}
.overlay--primary-ultra-dark-trans-30 {
--overlay-background: var(--primary-ultra-dark-trans-30);
}
.overlay--primary-ultra-dark-trans-40 {
--overlay-background: var(--primary-ultra-dark-trans-40);
}
.overlay--primary-ultra-dark-trans-50 {
--overlay-background: var(--primary-ultra-dark-trans-50);
}
.overlay--primary-ultra-dark-trans-60 {
--overlay-background: var(--primary-ultra-dark-trans-60);
}
.overlay--primary-ultra-dark-trans-70 {
--overlay-background: var(--primary-ultra-dark-trans-70);
}
.overlay--primary-ultra-dark-trans-80 {
--overlay-background: var(--primary-ultra-dark-trans-80);
}
.overlay--primary-ultra-dark-trans-90 {
--overlay-background: var(--primary-ultra-dark-trans-90);
}
.overlay--secondary-trans-10 {
--overlay-background: var(--secondary-trans-10);
}
.overlay--secondary-trans-20 {
--overlay-background: var(--secondary-trans-20);
}
.overlay--secondary-trans-30 {
--overlay-background: var(--secondary-trans-30);
}
.overlay--secondary-trans-40 {
--overlay-background: var(--secondary-trans-40);
}
.overlay--secondary-trans-50 {
--overlay-background: var(--secondary-trans-50);
}
.overlay--secondary-trans-60 {
--overlay-background: var(--secondary-trans-60);
}
.overlay--secondary-trans-70 {
--overlay-background: var(--secondary-trans-70);
}
.overlay--secondary-trans-80 {
--overlay-background: var(--secondary-trans-80);
}
.overlay--secondary-trans-90 {
--overlay-background: var(--secondary-trans-90);
}
.overlay--secondary-light-trans-10 {
--overlay-background: var(--secondary-light-trans-10);
}
.overlay--secondary-light-trans-20 {
--overlay-background: var(--secondary-light-trans-20);
}
.overlay--secondary-light-trans-30 {
--overlay-background: var(--secondary-light-trans-30);
}
.overlay--secondary-light-trans-40 {
--overlay-background: var(--secondary-light-trans-40);
}
.overlay--secondary-light-trans-50 {
--overlay-background: var(--secondary-light-trans-50);
}
.overlay--secondary-light-trans-60 {
--overlay-background: var(--secondary-light-trans-60);
}
.overlay--secondary-light-trans-70 {
--overlay-background: var(--secondary-light-trans-70);
}
.overlay--secondary-light-trans-80 {
--overlay-background: var(--secondary-light-trans-80);
}
.overlay--secondary-light-trans-90 {
--overlay-background: var(--secondary-light-trans-90);
}
.overlay--secondary-dark-trans-10 {
--overlay-background: var(--secondary-dark-trans-10);
}
.overlay--secondary-dark-trans-20 {
--overlay-background: var(--secondary-dark-trans-20);
}
.overlay--secondary-dark-trans-30 {
--overlay-background: var(--secondary-dark-trans-30);
}
.overlay--secondary-dark-trans-40 {
--overlay-background: var(--secondary-dark-trans-40);
}
.overlay--secondary-dark-trans-50 {
--overlay-background: var(--secondary-dark-trans-50);
}
.overlay--secondary-dark-trans-60 {
--overlay-background: var(--secondary-dark-trans-60);
}
.overlay--secondary-dark-trans-70 {
--overlay-background: var(--secondary-dark-trans-70);
}
.overlay--secondary-dark-trans-80 {
--overlay-background: var(--secondary-dark-trans-80);
}
.overlay--secondary-dark-trans-90 {
--overlay-background: var(--secondary-dark-trans-90);
}
.overlay--secondary-ultra-dark-trans-10 {
--overlay-background: var(--secondary-ultra-dark-trans-10);
}
.overlay--secondary-ultra-dark-trans-20 {
--overlay-background: var(--secondary-ultra-dark-trans-20);
}
.overlay--secondary-ultra-dark-trans-30 {
--overlay-background: var(--secondary-ultra-dark-trans-30);
}
.overlay--secondary-ultra-dark-trans-40 {
--overlay-background: var(--secondary-ultra-dark-trans-40);
}
.overlay--secondary-ultra-dark-trans-50 {
--overlay-background: var(--secondary-ultra-dark-trans-50);
}
.overlay--secondary-ultra-dark-trans-60 {
--overlay-background: var(--secondary-ultra-dark-trans-60);
}
.overlay--secondary-ultra-dark-trans-70 {
--overlay-background: var(--secondary-ultra-dark-trans-70);
}
.overlay--secondary-ultra-dark-trans-80 {
--overlay-background: var(--secondary-ultra-dark-trans-80);
}
.overlay--secondary-ultra-dark-trans-90 {
--overlay-background: var(--secondary-ultra-dark-trans-90);
}
.overlay--base-trans-10 {
--overlay-background: var(--base-trans-10);
}
.overlay--base-trans-20 {
--overlay-background: var(--base-trans-20);
}
.overlay--base-trans-30 {
--overlay-background: var(--base-trans-30);
}
.overlay--base-trans-40 {
--overlay-background: var(--base-trans-40);
}
.overlay--base-trans-50 {
--overlay-background: var(--base-trans-50);
}
.overlay--base-trans-60 {
--overlay-background: var(--base-trans-60);
}
.overlay--base-trans-70 {
--overlay-background: var(--base-trans-70);
}
.overlay--base-trans-80 {
--overlay-background: var(--base-trans-80);
}
.overlay--base-trans-90 {
--overlay-background: var(--base-trans-90);
}
.overlay--base-light-trans-10 {
--overlay-background: var(--base-light-trans-10);
}
.overlay--base-light-trans-20 {
--overlay-background: var(--base-light-trans-20);
}
.overlay--base-light-trans-30 {
--overlay-background: var(--base-light-trans-30);
}
.overlay--base-light-trans-40 {
--overlay-background: var(--base-light-trans-40);
}
.overlay--base-light-trans-50 {
--overlay-background: var(--base-light-trans-50);
}
.overlay--base-light-trans-60 {
--overlay-background: var(--base-light-trans-60);
}
.overlay--base-light-trans-70 {
--overlay-background: var(--base-light-trans-70);
}
.overlay--base-light-trans-80 {
--overlay-background: var(--base-light-trans-80);
}
.overlay--base-light-trans-90 {
--overlay-background: var(--base-light-trans-90);
}
.overlay--base-dark-trans-10 {
--overlay-background: var(--base-dark-trans-10);
}
.overlay--base-dark-trans-20 {
--overlay-background: var(--base-dark-trans-20);
}
.overlay--base-dark-trans-30 {
--overlay-background: var(--base-dark-trans-30);
}
.overlay--base-dark-trans-40 {
--overlay-background: var(--base-dark-trans-40);
}
.overlay--base-dark-trans-50 {
--overlay-background: var(--base-dark-trans-50);
}
.overlay--base-dark-trans-60 {
--overlay-background: var(--base-dark-trans-60);
}
.overlay--base-dark-trans-70 {
--overlay-background: var(--base-dark-trans-70);
}
.overlay--base-dark-trans-80 {
--overlay-background: var(--base-dark-trans-80);
}
.overlay--base-dark-trans-90 {
--overlay-background: var(--base-dark-trans-90);
}
.overlay--base-ultra-dark-trans-10 {
--overlay-background: var(--base-ultra-dark-trans-10);
}
.overlay--base-ultra-dark-trans-20 {
--overlay-background: var(--base-ultra-dark-trans-20);
}
.overlay--base-ultra-dark-trans-30 {
--overlay-background: var(--base-ultra-dark-trans-30);
}
.overlay--base-ultra-dark-trans-40 {
--overlay-background: var(--base-ultra-dark-trans-40);
}
.overlay--base-ultra-dark-trans-50 {
--overlay-background: var(--base-ultra-dark-trans-50);
}
.overlay--base-ultra-dark-trans-60 {
--overlay-background: var(--base-ultra-dark-trans-60);
}
.overlay--base-ultra-dark-trans-70 {
--overlay-background: var(--base-ultra-dark-trans-70);
}
.overlay--base-ultra-dark-trans-80 {
--overlay-background: var(--base-ultra-dark-trans-80);
}
.overlay--base-ultra-dark-trans-90 {
--overlay-background: var(--base-ultra-dark-trans-90);
}
.overlay--neutral-trans-10 {
--overlay-background: var(--neutral-trans-10);
}
.overlay--neutral-trans-20 {
--overlay-background: var(--neutral-trans-20);
}
.overlay--neutral-trans-30 {
--overlay-background: var(--neutral-trans-30);
}
.overlay--neutral-trans-40 {
--overlay-background: var(--neutral-trans-40);
}
.overlay--neutral-trans-50 {
--overlay-background: var(--neutral-trans-50);
}
.overlay--neutral-trans-60 {
--overlay-background: var(--neutral-trans-60);
}
.overlay--neutral-trans-70 {
--overlay-background: var(--neutral-trans-70);
}
.overlay--neutral-trans-80 {
--overlay-background: var(--neutral-trans-80);
}
.overlay--neutral-trans-90 {
--overlay-background: var(--neutral-trans-90);
}
.overlay--neutral-light-trans-10 {
--overlay-background: var(--neutral-light-trans-10);
}
.overlay--neutral-light-trans-20 {
--overlay-background: var(--neutral-light-trans-20);
}
.overlay--neutral-light-trans-30 {
--overlay-background: var(--neutral-light-trans-30);
}
.overlay--neutral-light-trans-40 {
--overlay-background: var(--neutral-light-trans-40);
}
.overlay--neutral-light-trans-50 {
--overlay-background: var(--neutral-light-trans-50);
}
.overlay--neutral-light-trans-60 {
--overlay-background: var(--neutral-light-trans-60);
}
.overlay--neutral-light-trans-70 {
--overlay-background: var(--neutral-light-trans-70);
}
.overlay--neutral-light-trans-80 {
--overlay-background: var(--neutral-light-trans-80);
}
.overlay--neutral-light-trans-90 {
--overlay-background: var(--neutral-light-trans-90);
}
.overlay--neutral-dark-trans-10 {
--overlay-background: var(--neutral-dark-trans-10);
}
.overlay--neutral-dark-trans-20 {
--overlay-background: var(--neutral-dark-trans-20);
}
.overlay--neutral-dark-trans-30 {
--overlay-background: var(--neutral-dark-trans-30);
}
.overlay--neutral-dark-trans-40 {
--overlay-background: var(--neutral-dark-trans-40);
}
.overlay--neutral-dark-trans-50 {
--overlay-background: var(--neutral-dark-trans-50);
}
.overlay--neutral-dark-trans-60 {
--overlay-background: var(--neutral-dark-trans-60);
}
.overlay--neutral-dark-trans-70 {
--overlay-background: var(--neutral-dark-trans-70);
}
.overlay--neutral-dark-trans-80 {
--overlay-background: var(--neutral-dark-trans-80);
}
.overlay--neutral-dark-trans-90 {
--overlay-background: var(--neutral-dark-trans-90);
}
.overlay--neutral-ultra-dark-trans-10 {
--overlay-background: var(--neutral-ultra-dark-trans-10);
}
.overlay--neutral-ultra-dark-trans-20 {
--overlay-background: var(--neutral-ultra-dark-trans-20);
}
.overlay--neutral-ultra-dark-trans-30 {
--overlay-background: var(--neutral-ultra-dark-trans-30);
}
.overlay--neutral-ultra-dark-trans-40 {
--overlay-background: var(--neutral-ultra-dark-trans-40);
}
.overlay--neutral-ultra-dark-trans-50 {
--overlay-background: var(--neutral-ultra-dark-trans-50);
}
.overlay--neutral-ultra-dark-trans-60 {
--overlay-background: var(--neutral-ultra-dark-trans-60);
}
.overlay--neutral-ultra-dark-trans-70 {
--overlay-background: var(--neutral-ultra-dark-trans-70);
}
.overlay--neutral-ultra-dark-trans-80 {
--overlay-background: var(--neutral-ultra-dark-trans-80);
}
.overlay--neutral-ultra-dark-trans-90 {
--overlay-background: var(--neutral-ultra-dark-trans-90);
}
.overlay--white-trans-10 {
--overlay-background: var(--white-trans-10);
}
.overlay--white-trans-20 {
--overlay-background: var(--white-trans-20);
}
.overlay--white-trans-30 {
--overlay-background: var(--white-trans-30);
}
.overlay--white-trans-40 {
--overlay-background: var(--white-trans-40);
}
.overlay--white-trans-50 {
--overlay-background: var(--white-trans-50);
}
.overlay--white-trans-60 {
--overlay-background: var(--white-trans-60);
}
.overlay--white-trans-70 {
--overlay-background: var(--white-trans-70);
}
.overlay--white-trans-80 {
--overlay-background: var(--white-trans-80);
}
.overlay--white-trans-90 {
--overlay-background: var(--white-trans-90);
}
.overlay--black-trans-10 {
--overlay-background: var(--black-trans-10);
}
.overlay--black-trans-20 {
--overlay-background: var(--black-trans-20);
}
.overlay--black-trans-30 {
--overlay-background: var(--black-trans-30);
}
.overlay--black-trans-40 {
--overlay-background: var(--black-trans-40);
}
.overlay--black-trans-50 {
--overlay-background: var(--black-trans-50);
}
.overlay--black-trans-60 {
--overlay-background: var(--black-trans-60);
}
.overlay--black-trans-70 {
--overlay-background: var(--black-trans-70);
}
.overlay--black-trans-80 {
--overlay-background: var(--black-trans-80);
}
.overlay--black-trans-90 {
--overlay-background: var(--black-trans-90);
}
figure[class*="overlay--"]::before {
z-index: 0;
}
body {
font-size: var(--default-font-size, var(--text-m));
color: var(--text-color);
line-height: var(--text-line-height);
text-wrap: var(--text-text-wrap);
}
p, li {
line-height: var(--text-line-height, calc(6px + 2ex));
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h--1, .h--2, .h--3, .h--4, .h--5, .h--6 {
line-height: var(--heading-line-height);
font-weight: var(--heading-font-weight);
text-wrap: var(--heading-text-wrap);
}
h1 {
font-size: var(--h1);
max-width: var(--h1-max-width);
}
h2 {
font-size: var(--h2);
max-width: var(--h2-max-width);
}
h3 {
font-size: var(--h3);
max-width: var(--h3-max-width);
}
h4 {
font-size: var(--h4);
line-height: var(--h4-line-height);
max-width: var(--h4-max-width);
}
h5 {
font-size: var(--h5);
max-width: var(--h5-max-width);
}
h6 {
font-size: var(--h6);
max-width: var(--h6-max-width);
}
body {
color: var(--body-color, var(--text-dark));
background-color: var(--body-bg-color, var(--white));
}
html:has(body.boxed-layout) {
background-color: var(--device-bg-color, var(--white));
}
body a:where(:not([class*= btn--])) {
color: var(--link-color, var(--primary));
font-weight: var(--link-weight, inherit);
-webkit-text-decoration: var(--link-decoration, inherit);
text-decoration: var(--link-decoration, inherit);
text-underline-offset: var(--link-underline-offset, auto);
transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
body a:where(:not([class*= btn--])):hover {
color: var(--link-color-hover, var(--primary-hover));
}
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
text-decoration: inherit;
color: currentcolor;
text-underline-offset: var(--link-underline-offset, auto);
}
@media (hover: hover) and (pointer: fine) {
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: currentcolor;
}
}
.text--primary.text--primary, .text--primary.text--primary :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary);
}
.text--primary-hover.text--primary-hover, .text--primary-hover.text--primary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-hover);
}
.text--primary-ultra-light.text--primary-ultra-light, .text--primary-ultra-light.text--primary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-ultra-light);
}
.text--primary-light.text--primary-light, .text--primary-light.text--primary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-light);
}
.text--primary-semi-light.text--primary-semi-light, .text--primary-semi-light.text--primary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-semi-light);
}
.text--primary-semi-dark.text--primary-semi-dark, .text--primary-semi-dark.text--primary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-semi-dark);
}
.text--primary-dark.text--primary-dark, .text--primary-dark.text--primary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-dark);
}
.text--primary-ultra-dark.text--primary-ultra-dark, .text--primary-ultra-dark.text--primary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--primary-ultra-dark);
}
.text--secondary.text--secondary, .text--secondary.text--secondary :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary);
}
.text--secondary-hover.text--secondary-hover, .text--secondary-hover.text--secondary-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-hover);
}
.text--secondary-ultra-light.text--secondary-ultra-light, .text--secondary-ultra-light.text--secondary-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-ultra-light);
}
.text--secondary-light.text--secondary-light, .text--secondary-light.text--secondary-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-light);
}
.text--secondary-semi-light.text--secondary-semi-light, .text--secondary-semi-light.text--secondary-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-semi-light);
}
.text--secondary-semi-dark.text--secondary-semi-dark, .text--secondary-semi-dark.text--secondary-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-semi-dark);
}
.text--secondary-dark.text--secondary-dark, .text--secondary-dark.text--secondary-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-dark);
}
.text--secondary-ultra-dark.text--secondary-ultra-dark, .text--secondary-ultra-dark.text--secondary-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--secondary-ultra-dark);
}
.text--base.text--base, .text--base.text--base :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base);
}
.text--base-hover.text--base-hover, .text--base-hover.text--base-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-hover);
}
.text--base-ultra-light.text--base-ultra-light, .text--base-ultra-light.text--base-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-ultra-light);
}
.text--base-light.text--base-light, .text--base-light.text--base-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-light);
}
.text--base-semi-light.text--base-semi-light, .text--base-semi-light.text--base-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-semi-light);
}
.text--base-semi-dark.text--base-semi-dark, .text--base-semi-dark.text--base-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-semi-dark);
}
.text--base-dark.text--base-dark, .text--base-dark.text--base-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-dark);
}
.text--base-ultra-dark.text--base-ultra-dark, .text--base-ultra-dark.text--base-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--base-ultra-dark);
}
.text--neutral.text--neutral, .text--neutral.text--neutral :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral);
}
.text--neutral-hover.text--neutral-hover, .text--neutral-hover.text--neutral-hover :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-hover);
}
.text--neutral-ultra-light.text--neutral-ultra-light, .text--neutral-ultra-light.text--neutral-ultra-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-ultra-light);
}
.text--neutral-light.text--neutral-light, .text--neutral-light.text--neutral-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-light);
}
.text--neutral-semi-light.text--neutral-semi-light, .text--neutral-semi-light.text--neutral-semi-light :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-semi-light);
}
.text--neutral-semi-dark.text--neutral-semi-dark, .text--neutral-semi-dark.text--neutral-semi-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-semi-dark);
}
.text--neutral-dark.text--neutral-dark, .text--neutral-dark.text--neutral-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-dark);
}
.text--neutral-ultra-dark.text--neutral-ultra-dark, .text--neutral-ultra-dark.text--neutral-ultra-dark :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--neutral-ultra-dark);
}
.text--white.text--white, .text--white.text--white :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--white);
}
.text--black.text--black, .text--black.text--black :where(:is(h1, h2, h3, h4, h5, h6)) {
color: var(--black);
}
:is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs), :is(.text--xxl, .text--xl, .text--l, .text--m, .text--s, .text--xs) > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
line-height: var(--text-line-height);
text-wrap: var(--text-text-wrap);
}
.text--xxl, .text--xxl > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
font-size: var(--text-xxl);
}
.text--xxl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
max-width: var(--text-xxl-max-width);
}
.text--xl, .text--xl > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
font-size: var(--text-xl);
}
.text--xl:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
max-width: var(--text-xl-max-width);
}
.text--l, .text--l > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
font-size: var(--text-l);
}
.text--l:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
max-width: var(--text-l-max-width);
}
.text--m, .text--m > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
font-size: var(--text-m);
line-height: var(--text-m-line-height);
}
.text--m:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
max-width: var(--text-m-max-width);
}
.text--s, .text--s > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
font-size: var(--text-s);
}
.text--s:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
max-width: var(--text-s-max-width);
}
.text--xs, .text--xs > :is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
font-size: var(--text-xs);
}
.text--xs:is(p, li, blockquote, h1, h2, h3, h4, h5, h6, span, strong, cite) {
max-width: var(--text-xs-max-width);
}
.h1.h1, .h--1.h--1 {
font-size: var(--h1);
max-width: var(--h1-max-width);
}
.h2.h2, .h--2.h--2 {
font-size: var(--h2);
max-width: var(--h2-max-width);
}
.h3.h3, .h--3.h--3 {
font-size: var(--h3);
max-width: var(--h3-max-width);
}
.h4.h4, .h--4.h--4 {
font-size: var(--h4);
line-height: var(--h4-line-height);
max-width: var(--h4-max-width);
}
.h5.h5, .h--5.h--5 {
font-size: var(--h5);
max-width: var(--h5-max-width);
}
.h6.h6, .h--6.h--6 {
font-size: var(--h6);
max-width: var(--h6-max-width);
}
.text--100 {
font-weight: 100;
}
.text--200 {
font-weight: 200;
}
.text--300 {
font-weight: 300;
}
.text--400 {
font-weight: 400;
}
.text--500 {
font-weight: 500;
}
.text--600 {
font-weight: 600;
}
.text--700 {
font-weight: 700;
}
.text--800 {
font-weight: 800;
}
.text--900 {
font-weight: 900;
}
.text--bold {
font-weight: bold;
}
.text--italic {
font-style: italic;
}
.text--oblique {
font-style: oblique;
}
.text--decoration-none {
-webkit-text-decoration: none;
text-decoration: none;
}
.text--underline {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.text--underline-wavy {
-webkit-text-decoration: underline wavy;
text-decoration: underline wavy;
}
.text--underline-dotted {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
.text--underline-double {
-webkit-text-decoration: underline double;
text-decoration: underline double;
}
.text--underline-dashed {
-webkit-text-decoration: underline dashed;
text-decoration: underline dashed;
}
.text--overline {
-webkit-text-decoration: overline;
text-decoration: overline;
}
.text--line-through {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.text--transform-none {
text-transform: none;
}
.text--uppercase {
text-transform: uppercase;
}
.text--lowercase {
text-transform: lowercase;
}
.text--capitalize {
text-transform: capitalize;
}
.text--left {
text-align: left;
}
.text--center {
text-align: center;
}
.text--right {
text-align: right;
}
.text--justify {
text-align: justify;
}
blockquote {
text-wrap: pretty;
}
.balance, .text--balance {
text-wrap: balance;
}
.balance p, .balance li, .balance blockquote, .balance h1, .balance h2, .balance h3, .balance h4, .balance h5, .balance h6, .text--balance p, .text--balance li, .text--balance blockquote, .text--balance h1, .text--balance h2, .text--balance h3, .text--balance h4, .text--balance h5, .text--balance h6 {
text-wrap: balance;
}
.text--pretty {
text-wrap: pretty;
}
.text--pretty p, .text--pretty li, .text--pretty blockquote, .text--pretty h1, .text--pretty h2, .text--pretty h3, .text--pretty h4, .text--pretty h5, .text--pretty h6 {
text-wrap: pretty;
}
.unbalance {
text-wrap: wrap;
}
.unbalance p, .unbalance li, .unbalance blockquote, .unbalance h1, .unbalance h2, .unbalance h3, .unbalance h4, .unbalance h5, .unbalance h6 {
text-wrap: wrap;
}
[class*="line-clamp--"] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--line-count);
}
.line-clamp--1 {
--line-count: 1;
}
.line-clamp--2 {
--line-count: 2;
}
.line-clamp--3 {
--line-count: 3;
}
.line-clamp--4 {
--line-count: 4;
}
.line-clamp--5 {
--line-count: 5;
}
.opacity--0 {
opacity: 0;
}
.opacity--5 {
opacity: 0.05;
}
.opacity--10 {
opacity: 0.1;
}
.opacity--15 {
opacity: 0.15;
}
.opacity--20 {
opacity: 0.2;
}
.opacity--25 {
opacity: 0.25;
}
.opacity--30 {
opacity: 0.3;
}
.opacity--35 {
opacity: 0.35;
}
.opacity--40 {
opacity: 0.4;
}
.opacity--45 {
opacity: 0.45;
}
.opacity--50 {
opacity: 0.5;
}
.opacity--55 {
opacity: 0.55;
}
.opacity--60 {
opacity: 0.6;
}
.opacity--65 {
opacity: 0.65;
}
.opacity--70 {
opacity: 0.7;
}
.opacity--75 {
opacity: 0.75;
}
.opacity--80 {
opacity: 0.8;
}
.opacity--85 {
opacity: 0.85;
}
.opacity--90 {
opacity: 0.9;
}
.opacity--95 {
opacity: 0.95;
}
.opacity--100 {
opacity: 1;
}
.box-shadow--m {
box-shadow: var(--box-shadow-1);
}
.box-shadow--l {
box-shadow: var(--box-shadow-2);
}
.box-shadow--xl {
box-shadow: var(--box-shadow-3);
}
@media (min-width: 1367px) {
.breakout--s {
inline-size: 60vw !important;
max-inline-size: 60vw !important;
margin: 0 calc(-30vw + 50%) !important;
}
.breakout--m {
inline-size: 70vw !important;
max-inline-size: 70vw !important;
margin: 0 calc(-35vw + 50%) !important;
}
.breakout--l {
inline-size: 80vw !important;
max-inline-size: 80vw !important;
margin: 0 calc(-40vw + 50%) !important;
}
.breakout--xl {
inline-size: 90vw !important;
max-inline-size: 90vw !important;
margin: 0 calc(-45vw + 50%) !important;
}
}
.breakout--full {
inline-size: 100vw !important;
max-inline-size: 100vw !important;
margin-inline: calc(-50vw + 50%) !important;
align-self: flex-start;
}
@media (max-width: 1366px) {
[class*="breakout--"]:not(.breakout--full) {
inline-size: 100% !important;
max-inline-size: 100% !important;
margin: 0 !important;
}
}
.relative {
position: relative;
}
.sticky.sticky {
position: -webkit-sticky;
position: sticky;
inset-block-start: var(--sticky-offset, var(--offset, 0));
}
.sticky-top--s.sticky-top--s {
inset-block-start: var(--sticky-top-s, 2.5%);
}
.sticky-top--m.sticky-top--m {
inset-block-start: var(--sticky-top-m, 5%);
}
.sticky-top--l.sticky-top--l {
inset-block-start: var(--sticky-top-l, 10%);
}
[class*="center--"]:where(:not([class*="self"]))[class*="center--"]:where(:not([class*="self"])) {
display: flex;
flex-direction: column;
align-items: var(--align-items, initial);
align-content: var(--align-content, initial);
justify-items: var(--justify-items, initial);
justify-content: var(--justify-content, initial);
text-align: var(--text-align, inherit);
}
.center--all.center--all {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y.center--y {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x.center--x {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left.center--left {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right.center--right {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top.center--top {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom.center--bottom {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
@media (max-width: 1366px) {
.center--all-xl.center--all-xl {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-xl.center--y-xl {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-xl.center--x-xl {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-xl.center--left-xl {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-xl.center--right-xl {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-xl.center--top-xl {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-xl.center--bottom-xl {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
@media (max-width: 992px) {
.center--all-l.center--all-l {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-l.center--y-l {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-l.center--x-l {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-l.center--left-l {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-l.center--right-l {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-l.center--top-l {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-l.center--bottom-l {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
@media (max-width: 768px) {
.center--all-m.center--all-m {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-m.center--y-m {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-m.center--x-m {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-m.center--left-m {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-m.center--right-m {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-m.center--top-m {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-m.center--bottom-m {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
@media (max-width: 480px) {
.center--all-s.center--all-s {
--align-items: center;
--align-content: center;
--justify-items: center;
--justify-content: center;
--text-align: center;
}
.center--y-s.center--y-s {
--align-items: flex-start;
--justify-items: center;
--justify-content: center;
}
.center--x-s.center--x-s {
--align-items: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--left-s.center--left-s {
--align-items: flex-start;
--align-content: flex-start;
--justify-items: center;
--justify-content: center;
--text-align: left;
}
.center--right-s.center--right-s {
--align-items: flex-end;
--align-content: flex-end;
--justify-items: center;
--justify-content: center;
--text-align: right;
}
.center--top-s.center--top-s {
--align-items: center;
--align-content: center;
--justify-items: flex-start;
--justify-content: flex-start;
}
.center--bottom-s.center--bottom-s {
--align-items: center;
--justify-items: flex-end;
--justify-content: flex-end;
}
}
.center--self.center--self {
margin-left: auto;
margin-right: auto;
}
.flip--x, .flip--x > div {
transform: scaleX(-1);
}
.flip--y, .flip--y > div {
transform: scaleY(-1);
}
.flip--xy, .flip--xy > div {
transform: scale(-1, -1);
}
.flip--both, .flip--both > div {
transform: scale(-1, -1);
}
img.object-fit--cover, .object-fit--cover img {
--object-fit: cover;
object-fit: cover;
}
img.object-fit--contain, .object-fit--contain img {
--object-fit: contain;
object-fit: contain;
}
[class*="object-fit--"], [class*="object-fit--"] img {
-o-object-position: var(--object-position, 50% 50%);
object-position: var(--object-position, 50% 50%);
}
.object-fit--top-left {
--object-position: 10% 10%;
}
.object-fit--top-center {
--object-position: 50% 10%;
}
.object-fit--top-right {
--object-position: 90% 10%;
}
.object-fit--center-left {
--object-position: 10% 50%;
}
.object-fit--center-right {
--object-position: 90% 50%;
}
.object-fit--bottom-left {
--object-position: 10% 90%;
}
.object-fit--bottom-center {
--object-position: 50% 90%;
}
.object-fit--bottom-right {
--object-position: 90% 90%;
}
.height--20 {
min-block-size: 20vh;
}
.height--30 {
min-block-size: 30vh;
}
.height--40 {
min-block-size: 40vh;
}
.height--50 {
min-block-size: 50vh;
}
.height--60 {
min-block-size: 60vh;
}
.height--70 {
min-block-size: 70vh;
}
.height--80 {
min-block-size: 80vh;
}
.height--90 {
min-block-size: 90vh;
}
.height--100 {
min-block-size: 100vh;
}
.height--full {
min-block-size: 100vh;
}
@media (max-width: 1366px) {
.height--xl-20 {
min-block-size: 20vh;
}
.height--xl-30 {
min-block-size: 30vh;
}
.height--xl-40 {
min-block-size: 40vh;
}
.height--xl-50 {
min-block-size: 50vh;
}
.height--xl-60 {
min-block-size: 60vh;
}
.height--xl-70 {
min-block-size: 70vh;
}
.height--xl-80 {
min-block-size: 80vh;
}
.height--xl-90 {
min-block-size: 90vh;
}
.height--xl-100 {
min-block-size: 100vh;
}
.height--xl-full {
min-block-size: 100vh;
}
}
@media (max-width: 992px) {
.height--l-20 {
min-block-size: 20vh;
}
.height--l-30 {
min-block-size: 30vh;
}
.height--l-40 {
min-block-size: 40vh;
}
.height--l-50 {
min-block-size: 50vh;
}
.height--l-60 {
min-block-size: 60vh;
}
.height--l-70 {
min-block-size: 70vh;
}
.height--l-80 {
min-block-size: 80vh;
}
.height--l-90 {
min-block-size: 90vh;
}
.height--l-100 {
min-block-size: 100vh;
}
.height--l-full {
min-block-size: 100vh;
}
}
@media (max-width: 768px) {
.height--m-20 {
min-block-size: 20vh;
}
.height--m-30 {
min-block-size: 30vh;
}
.height--m-40 {
min-block-size: 40vh;
}
.height--m-50 {
min-block-size: 50vh;
}
.height--m-60 {
min-block-size: 60vh;
}
.height--m-70 {
min-block-size: 70vh;
}
.height--m-80 {
min-block-size: 80vh;
}
.height--m-90 {
min-block-size: 90vh;
}
.height--m-100 {
min-block-size: 100vh;
}
.height--m-full {
min-block-size: 100vh;
}
}
@media (max-width: 480px) {
.height--s-20 {
min-block-size: 20vh;
}
.height--s-30 {
min-block-size: 30vh;
}
.height--s-40 {
min-block-size: 40vh;
}
.height--s-50 {
min-block-size: 50vh;
}
.height--s-60 {
min-block-size: 60vh;
}
.height--s-70 {
min-block-size: 70vh;
}
.height--s-80 {
min-block-size: 80vh;
}
.height--s-90 {
min-block-size: 90vh;
}
.height--s-100 {
min-block-size: 100vh;
}
.height--s-full {
min-block-size: 100vh;
}
}
.max-height--20 {
max-block-size: 20vh;
}
.max-height--30 {
max-block-size: 30vh;
}
.max-height--40 {
max-block-size: 40vh;
}
.max-height--50 {
max-block-size: 50vh;
}
.max-height--60 {
max-block-size: 60vh;
}
.max-height--70 {
max-block-size: 70vh;
}
.max-height--80 {
max-block-size: 80vh;
}
.max-height--90 {
max-block-size: 90vh;
}
.max-height--100 {
max-block-size: 100vh;
}
.max-height--full {
max-block-size: 100vh;
}
@media (max-width: 1366px) {
.max-height--xl-20 {
max-block-size: 20vh;
}
.max-height--xl-30 {
max-block-size: 30vh;
}
.max-height--xl-40 {
max-block-size: 40vh;
}
.max-height--xl-50 {
max-block-size: 50vh;
}
.max-height--xl-60 {
max-block-size: 60vh;
}
.max-height--xl-70 {
max-block-size: 70vh;
}
.max-height--xl-80 {
max-block-size: 80vh;
}
.max-height--xl-90 {
max-block-size: 90vh;
}
.max-height--xl-100 {
max-block-size: 100vh;
}
.max-height--xl-full {
max-block-size: 100vh;
}
}
@media (max-width: 992px) {
.max-height--l-20 {
max-block-size: 20vh;
}
.max-height--l-30 {
max-block-size: 30vh;
}
.max-height--l-40 {
max-block-size: 40vh;
}
.max-height--l-50 {
max-block-size: 50vh;
}
.max-height--l-60 {
max-block-size: 60vh;
}
.max-height--l-70 {
max-block-size: 70vh;
}
.max-height--l-80 {
max-block-size: 80vh;
}
.max-height--l-90 {
max-block-size: 90vh;
}
.max-height--l-100 {
max-block-size: 100vh;
}
.max-height--l-full {
max-block-size: 100vh;
}
}
@media (max-width: 768px) {
.max-height--m-20 {
max-block-size: 20vh;
}
.max-height--m-30 {
max-block-size: 30vh;
}
.max-height--m-40 {
max-block-size: 40vh;
}
.max-height--m-50 {
max-block-size: 50vh;
}
.max-height--m-60 {
max-block-size: 60vh;
}
.max-height--m-70 {
max-block-size: 70vh;
}
.max-height--m-80 {
max-block-size: 80vh;
}
.max-height--m-90 {
max-block-size: 90vh;
}
.max-height--m-100 {
max-block-size: 100vh;
}
.max-height--m-full {
max-block-size: 100vh;
}
}
@media (max-width: 480px) {
.max-height--s-20 {
max-block-size: 20vh;
}
.max-height--s-30 {
max-block-size: 30vh;
}
.max-height--s-40 {
max-block-size: 40vh;
}
.max-height--s-50 {
max-block-size: 50vh;
}
.max-height--s-60 {
max-block-size: 60vh;
}
.max-height--s-70 {
max-block-size: 70vh;
}
.max-height--s-80 {
max-block-size: 80vh;
}
.max-height--s-90 {
max-block-size: 90vh;
}
.max-height--s-100 {
max-block-size: 100vh;
}
.max-height--s-full {
max-block-size: 100vh;
}
}
:is([class*="col-count--"], [class*="col-width--"]) {
display: block !important;
}
.col-count--1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--5 {
-moz-column-count: 5;
column-count: 5;
}
@media (max-width: 1366px) {
.col-count--xl-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--xl-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--xl-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--xl-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--xl-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 992px) {
.col-count--l-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--l-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--l-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--l-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--l-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 768px) {
.col-count--m-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--m-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--m-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--m-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--m-5 {
-moz-column-count: 5;
column-count: 5;
}
}
@media (max-width: 480px) {
.col-count--s-1 {
-moz-column-count: 1;
column-count: 1;
}
.col-count--s-2 {
-moz-column-count: 2;
column-count: 2;
}
.col-count--s-3 {
-moz-column-count: 3;
column-count: 3;
}
.col-count--s-4 {
-moz-column-count: 4;
column-count: 4;
}
.col-count--s-5 {
-moz-column-count: 5;
column-count: 5;
}
}
.col-width--s {
width: 100%;
-moz-column-width: var(--col-width-s, 13rem);
column-width: var(--col-width-s, 13rem);
}
.col-width--m {
width: 100%;
-moz-column-width: var(--col-width-m, 25rem);
column-width: var(--col-width-m, 25rem);
}
.col-width--l {
width: 100%;
-moz-column-width: var(--col-width-l, 38rem);
column-width: var(--col-width-l, 38rem);
}
.col-rule--dotted {
-moz-column-rule: dotted;
column-rule: dotted;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--dashed {
-moz-column-rule: dashed;
column-rule: dashed;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--solid {
-moz-column-rule: solid;
column-rule: solid;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--double {
-moz-column-rule: double;
column-rule: double;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--groove {
-moz-column-rule: groove;
column-rule: groove;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--ridge {
-moz-column-rule: ridge;
column-rule: ridge;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--inset {
-moz-column-rule: inset;
column-rule: inset;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--outset {
-moz-column-rule: outset;
column-rule: outset;
-moz-column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
column-rule-width: var(--col-rule-width, var(--col-rule-width-m));
}
.col-rule--primary {
-moz-column-rule-color: var(--primary);
column-rule-color: var(--primary);
}
.col-rule--primary-hover {
-moz-column-rule-color: var(--primary-hover);
column-rule-color: var(--primary-hover);
}
.col-rule--primary-ultra-light {
-moz-column-rule-color: var(--primary-ultra-light);
column-rule-color: var(--primary-ultra-light);
}
.col-rule--primary-light {
-moz-column-rule-color: var(--primary-light);
column-rule-color: var(--primary-light);
}
.col-rule--primary-semi-light {
-moz-column-rule-color: var(--primary-semi-light);
column-rule-color: var(--primary-semi-light);
}
.col-rule--primary-semi-dark {
-moz-column-rule-color: var(--primary-semi-dark);
column-rule-color: var(--primary-semi-dark);
}
.col-rule--primary-dark {
-moz-column-rule-color: var(--primary-dark);
column-rule-color: var(--primary-dark);
}
.col-rule--primary-ultra-dark {
-moz-column-rule-color: var(--primary-ultra-dark);
column-rule-color: var(--primary-ultra-dark);
}
.col-rule--secondary {
-moz-column-rule-color: var(--secondary);
column-rule-color: var(--secondary);
}
.col-rule--secondary-hover {
-moz-column-rule-color: var(--secondary-hover);
column-rule-color: var(--secondary-hover);
}
.col-rule--secondary-ultra-light {
-moz-column-rule-color: var(--secondary-ultra-light);
column-rule-color: var(--secondary-ultra-light);
}
.col-rule--secondary-light {
-moz-column-rule-color: var(--secondary-light);
column-rule-color: var(--secondary-light);
}
.col-rule--secondary-semi-light {
-moz-column-rule-color: var(--secondary-semi-light);
column-rule-color: var(--secondary-semi-light);
}
.col-rule--secondary-semi-dark {
-moz-column-rule-color: var(--secondary-semi-dark);
column-rule-color: var(--secondary-semi-dark);
}
.col-rule--secondary-dark {
-moz-column-rule-color: var(--secondary-dark);
column-rule-color: var(--secondary-dark);
}
.col-rule--secondary-ultra-dark {
-moz-column-rule-color: var(--secondary-ultra-dark);
column-rule-color: var(--secondary-ultra-dark);
}
.col-rule--base {
-moz-column-rule-color: var(--base);
column-rule-color: var(--base);
}
.col-rule--base-hover {
-moz-column-rule-color: var(--base-hover);
column-rule-color: var(--base-hover);
}
.col-rule--base-ultra-light {
-moz-column-rule-color: var(--base-ultra-light);
column-rule-color: var(--base-ultra-light);
}
.col-rule--base-light {
-moz-column-rule-color: var(--base-light);
column-rule-color: var(--base-light);
}
.col-rule--base-semi-light {
-moz-column-rule-color: var(--base-semi-light);
column-rule-color: var(--base-semi-light);
}
.col-rule--base-semi-dark {
-moz-column-rule-color: var(--base-semi-dark);
column-rule-color: var(--base-semi-dark);
}
.col-rule--base-dark {
-moz-column-rule-color: var(--base-dark);
column-rule-color: var(--base-dark);
}
.col-rule--base-ultra-dark {
-moz-column-rule-color: var(--base-ultra-dark);
column-rule-color: var(--base-ultra-dark);
}
.col-rule--neutral {
-moz-column-rule-color: var(--neutral);
column-rule-color: var(--neutral);
}
.col-rule--neutral-hover {
-moz-column-rule-color: var(--neutral-hover);
column-rule-color: var(--neutral-hover);
}
.col-rule--neutral-ultra-light {
-moz-column-rule-color: var(--neutral-ultra-light);
column-rule-color: var(--neutral-ultra-light);
}
.col-rule--neutral-light {
-moz-column-rule-color: var(--neutral-light);
column-rule-color: var(--neutral-light);
}
.col-rule--neutral-semi-light {
-moz-column-rule-color: var(--neutral-semi-light);
column-rule-color: var(--neutral-semi-light);
}
.col-rule--neutral-semi-dark {
-moz-column-rule-color: var(--neutral-semi-dark);
column-rule-color: var(--neutral-semi-dark);
}
.col-rule--neutral-dark {
-moz-column-rule-color: var(--neutral-dark);
column-rule-color: var(--neutral-dark);
}
.col-rule--neutral-ultra-dark {
-moz-column-rule-color: var(--neutral-ultra-dark);
column-rule-color: var(--neutral-ultra-dark);
}
.col-rule--white {
-moz-column-rule-color: var(--white);
column-rule-color: var(--white);
}
.col-rule--black {
-moz-column-rule-color: var(--black);
column-rule-color: var(--black);
}
.col-rule--s {
-moz-column-rule-width: var(--col-rule-width-s, 0.5px);
column-rule-width: var(--col-rule-width-s, 0.5px);
}
.col-rule--m {
-moz-column-rule-width: var(--col-rule-width-m, 1px);
column-rule-width: var(--col-rule-width-m, 1px);
}
.col-rule--l {
-moz-column-rule-width: var(--col-rule-width-l, 3px);
column-rule-width: var(--col-rule-width-l, 3px);
}
.col-span--all {
-moz-column-span: all;
column-span: all;
}
[class*="col-"] > * {
break-inside: avoid;
}
.masonry--1 {
display: block !important;
column-count: 1;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--2 {
display: block !important;
column-count: 2;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--3 {
display: block !important;
column-count: 3;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--4 {
display: block !important;
column-count: 4;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
.masonry--5 {
display: block !important;
column-count: 5;
row-gap: var(--row-gap);
column-gap: var(--col-gap);
}
@media (max-width: 1366px) {
.masonry--xl-1 {
column-count: 1;
}
.masonry--xl-2 {
column-count: 2;
}
.masonry--xl-3 {
column-count: 3;
}
.masonry--xl-4 {
column-count: 4;
}
.masonry--xl-5 {
column-count: 5;
}
}
@media (max-width: 992px) {
.masonry--l-1 {
column-count: 1;
}
.masonry--l-2 {
column-count: 2;
}
.masonry--l-3 {
column-count: 3;
}
.masonry--l-4 {
column-count: 4;
}
.masonry--l-5 {
column-count: 5;
}
}
@media (max-width: 768px) {
.masonry--m-1 {
column-count: 1;
}
.masonry--m-2 {
column-count: 2;
}
.masonry--m-3 {
column-count: 3;
}
.masonry--m-4 {
column-count: 4;
}
.masonry--m-5 {
column-count: 5;
}
}
@media (max-width: 480px) {
.masonry--s-1 {
column-count: 1;
}
.masonry--s-2 {
column-count: 2;
}
.masonry--s-3 {
column-count: 3;
}
.masonry--s-4 {
column-count: 4;
}
.masonry--s-5 {
column-count: 5;
}
}
:where([class*="masonry--"] > *) {
break-inside: avoid;
width: 100%;
}
:where([class*="masonry--"]) {
--col-gap: var(--grid-gap);
}
:where([class*="masonry--"] > *) {
margin-block-end: var(--grid-gap);
}
[class*="masonry"]:is([class*="gap--"], [class*="row-gap--"], [class*="content-gap"], [class*="container-gap"], [class*="grid-gap"], [class*="fr-content-gap"], [class*="fr-container-gap"], [class*="fr-grid-gap"]) > * {
margin-block-end: var(--row-gap);
}
.variable-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(var(--min, calc(var(--content-width) / 2 - var(--space-xxl))), 100%), 1fr));
grid-template-rows: var(--grid-1);
gap: var(--gap, var(--grid-gap));
}
@media (min-width: 1367px) {
.grid--alternate-xl > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-xl > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-xl > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-xl > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-xl > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-xl > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-xl > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-xl > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 993px) {
.grid--alternate-l > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-l > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-l > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-l > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-l > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-l > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-l > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-l > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 769px) {
.grid--alternate-m > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-m > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-m > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-m > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-m > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-m > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-m > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-m > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
@media (min-width: 481px) {
.grid--alternate-s > .grid--2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-s > .grid--1-2:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-s > .grid--1-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-s > .grid--2-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-s > .grid--2-3:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-s > .grid--3-1:nth-of-type(even) > *:last-child {
order: -1;
}
.grid--alternate-s > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-s > .grid--3-2:nth-of-type(even) > *:last-child {
order: -1;
}
}
.row-span--1 {
grid-row-end: span 1;
}
.col-span--1 {
grid-column-end: span 1;
}
.row-start--1 {
grid-row-start: 1;
}
.row-end--1 {
grid-row-end: 1;
}
.col-start--1 {
grid-column-start: 1;
}
.col-end--1 {
grid-column-end: 1;
}
.row-span--2 {
grid-row-end: span 2;
}
.col-span--2 {
grid-column-end: span 2;
}
.row-start--2 {
grid-row-start: 2;
}
.row-end--2 {
grid-row-end: 2;
}
.col-start--2 {
grid-column-start: 2;
}
.col-end--2 {
grid-column-end: 2;
}
.row-span--3 {
grid-row-end: span 3;
}
.col-span--3 {
grid-column-end: span 3;
}
.row-start--3 {
grid-row-start: 3;
}
.row-end--3 {
grid-row-end: 3;
}
.col-start--3 {
grid-column-start: 3;
}
.col-end--3 {
grid-column-end: 3;
}
.row-span--4 {
grid-row-end: span 4;
}
.col-span--4 {
grid-column-end: span 4;
}
.row-start--4 {
grid-row-start: 4;
}
.row-end--4 {
grid-row-end: 4;
}
.col-start--4 {
grid-column-start: 4;
}
.col-end--4 {
grid-column-end: 4;
}
.row-span--5 {
grid-row-end: span 5;
}
.col-span--5 {
grid-column-end: span 5;
}
.row-start--5 {
grid-row-start: 5;
}
.row-end--5 {
grid-row-end: 5;
}
.col-start--5 {
grid-column-start: 5;
}
.col-end--5 {
grid-column-end: 5;
}
.row-span--6 {
grid-row-end: span 6;
}
.col-span--6 {
grid-column-end: span 6;
}
.row-start--6 {
grid-row-start: 6;
}
.row-end--6 {
grid-row-end: 6;
}
.col-start--6 {
grid-column-start: 6;
}
.col-end--6 {
grid-column-end: 6;
}
.row-span--7 {
grid-row-end: span 7;
}
.col-span--7 {
grid-column-end: span 7;
}
.row-start--7 {
grid-row-start: 7;
}
.row-end--7 {
grid-row-end: 7;
}
.col-start--7 {
grid-column-start: 7;
}
.col-end--7 {
grid-column-end: 7;
}
.row-span--8 {
grid-row-end: span 8;
}
.col-span--8 {
grid-column-end: span 8;
}
.row-start--8 {
grid-row-start: 8;
}
.row-end--8 {
grid-row-end: 8;
}
.col-start--8 {
grid-column-start: 8;
}
.col-end--8 {
grid-column-end: 8;
}
.row-span--9 {
grid-row-end: span 9;
}
.col-span--9 {
grid-column-end: span 9;
}
.row-start--9 {
grid-row-start: 9;
}
.row-end--9 {
grid-row-end: 9;
}
.col-start--9 {
grid-column-start: 9;
}
.col-end--9 {
grid-column-end: 9;
}
.row-span--10 {
grid-row-end: span 10;
}
.col-span--10 {
grid-column-end: span 10;
}
.row-start--10 {
grid-row-start: 10;
}
.row-end--10 {
grid-row-end: 10;
}
.col-start--10 {
grid-column-start: 10;
}
.col-end--10 {
grid-column-end: 10;
}
.row-span--11 {
grid-row-end: span 11;
}
.col-span--11 {
grid-column-end: span 11;
}
.row-start--11 {
grid-row-start: 11;
}
.row-end--11 {
grid-row-end: 11;
}
.col-start--11 {
grid-column-start: 11;
}
.col-end--11 {
grid-column-end: 11;
}
.row-span--12 {
grid-row-end: span 12;
}
.col-span--12 {
grid-column-end: span 12;
}
.row-start--12 {
grid-row-start: 12;
}
.row-end--12 {
grid-row-end: 12;
}
.col-start--12 {
grid-column-start: 12;
}
.col-end--12 {
grid-column-end: 12;
}
@media (max-width: 1366px) {
.row-span--xl-1 {
grid-row: span 1;
}
.col-span--xl-1 {
grid-column: span 1;
}
.row-start--xl-1 {
grid-row-start: 1;
}
.row-end--xl-1 {
grid-row-end: 1;
}
.col-start--xl-1 {
grid-column-start: 1;
}
.col-end--xl-1 {
grid-column-end: 1;
}
.row-span--xl-2 {
grid-row: span 2;
}
.col-span--xl-2 {
grid-column: span 2;
}
.row-start--xl-2 {
grid-row-start: 2;
}
.row-end--xl-2 {
grid-row-end: 2;
}
.col-start--xl-2 {
grid-column-start: 2;
}
.col-end--xl-2 {
grid-column-end: 2;
}
.row-span--xl-3 {
grid-row: span 3;
}
.col-span--xl-3 {
grid-column: span 3;
}
.row-start--xl-3 {
grid-row-start: 3;
}
.row-end--xl-3 {
grid-row-end: 3;
}
.col-start--xl-3 {
grid-column-start: 3;
}
.col-end--xl-3 {
grid-column-end: 3;
}
.row-span--xl-4 {
grid-row: span 4;
}
.col-span--xl-4 {
grid-column: span 4;
}
.row-start--xl-4 {
grid-row-start: 4;
}
.row-end--xl-4 {
grid-row-end: 4;
}
.col-start--xl-4 {
grid-column-start: 4;
}
.col-end--xl-4 {
grid-column-end: 4;
}
.row-span--xl-5 {
grid-row: span 5;
}
.col-span--xl-5 {
grid-column: span 5;
}
.row-start--xl-5 {
grid-row-start: 5;
}
.row-end--xl-5 {
grid-row-end: 5;
}
.col-start--xl-5 {
grid-column-start: 5;
}
.col-end--xl-5 {
grid-column-end: 5;
}
.row-span--xl-6 {
grid-row: span 6;
}
.col-span--xl-6 {
grid-column: span 6;
}
.row-start--xl-6 {
grid-row-start: 6;
}
.row-end--xl-6 {
grid-row-end: 6;
}
.col-start--xl-6 {
grid-column-start: 6;
}
.col-end--xl-6 {
grid-column-end: 6;
}
.row-span--xl-7 {
grid-row: span 7;
}
.col-span--xl-7 {
grid-column: span 7;
}
.row-start--xl-7 {
grid-row-start: 7;
}
.row-end--xl-7 {
grid-row-end: 7;
}
.col-start--xl-7 {
grid-column-start: 7;
}
.col-end--xl-7 {
grid-column-end: 7;
}
.row-span--xl-8 {
grid-row: span 8;
}
.col-span--xl-8 {
grid-column: span 8;
}
.row-start--xl-8 {
grid-row-start: 8;
}
.row-end--xl-8 {
grid-row-end: 8;
}
.col-start--xl-8 {
grid-column-start: 8;
}
.col-end--xl-8 {
grid-column-end: 8;
}
.row-span--xl-9 {
grid-row: span 9;
}
.col-span--xl-9 {
grid-column: span 9;
}
.row-start--xl-9 {
grid-row-start: 9;
}
.row-end--xl-9 {
grid-row-end: 9;
}
.col-start--xl-9 {
grid-column-start: 9;
}
.col-end--xl-9 {
grid-column-end: 9;
}
.row-span--xl-10 {
grid-row: span 10;
}
.col-span--xl-10 {
grid-column: span 10;
}
.row-start--xl-10 {
grid-row-start: 10;
}
.row-end--xl-10 {
grid-row-end: 10;
}
.col-start--xl-10 {
grid-column-start: 10;
}
.col-end--xl-10 {
grid-column-end: 10;
}
.row-span--xl-11 {
grid-row: span 11;
}
.col-span--xl-11 {
grid-column: span 11;
}
.row-start--xl-11 {
grid-row-start: 11;
}
.row-end--xl-11 {
grid-row-end: 11;
}
.col-start--xl-11 {
grid-column-start: 11;
}
.col-end--xl-11 {
grid-column-end: 11;
}
.row-span--xl-12 {
grid-row: span 12;
}
.col-span--xl-12 {
grid-column: span 12;
}
.row-start--xl-12 {
grid-row-start: 12;
}
.row-end--xl-12 {
grid-row-end: 12;
}
.col-start--xl-12 {
grid-column-start: 12;
}
.col-end--xl-12 {
grid-column-end: 12;
}
}
@media (max-width: 992px) {
.row-span--l-1 {
grid-row: span 1;
}
.col-span--l-1 {
grid-column: span 1;
}
.row-start--l-1 {
grid-row-start: 1;
}
.row-end--l-1 {
grid-row-end: 1;
}
.col-start--l-1 {
grid-column-start: 1;
}
.col-end--l-1 {
grid-column-end: 1;
}
.row-span--l-2 {
grid-row: span 2;
}
.col-span--l-2 {
grid-column: span 2;
}
.row-start--l-2 {
grid-row-start: 2;
}
.row-end--l-2 {
grid-row-end: 2;
}
.col-start--l-2 {
grid-column-start: 2;
}
.col-end--l-2 {
grid-column-end: 2;
}
.row-span--l-3 {
grid-row: span 3;
}
.col-span--l-3 {
grid-column: span 3;
}
.row-start--l-3 {
grid-row-start: 3;
}
.row-end--l-3 {
grid-row-end: 3;
}
.col-start--l-3 {
grid-column-start: 3;
}
.col-end--l-3 {
grid-column-end: 3;
}
.row-span--l-4 {
grid-row: span 4;
}
.col-span--l-4 {
grid-column: span 4;
}
.row-start--l-4 {
grid-row-start: 4;
}
.row-end--l-4 {
grid-row-end: 4;
}
.col-start--l-4 {
grid-column-start: 4;
}
.col-end--l-4 {
grid-column-end: 4;
}
.row-span--l-5 {
grid-row: span 5;
}
.col-span--l-5 {
grid-column: span 5;
}
.row-start--l-5 {
grid-row-start: 5;
}
.row-end--l-5 {
grid-row-end: 5;
}
.col-start--l-5 {
grid-column-start: 5;
}
.col-end--l-5 {
grid-column-end: 5;
}
.row-span--l-6 {
grid-row: span 6;
}
.col-span--l-6 {
grid-column: span 6;
}
.row-start--l-6 {
grid-row-start: 6;
}
.row-end--l-6 {
grid-row-end: 6;
}
.col-start--l-6 {
grid-column-start: 6;
}
.col-end--l-6 {
grid-column-end: 6;
}
.row-span--l-7 {
grid-row: span 7;
}
.col-span--l-7 {
grid-column: span 7;
}
.row-start--l-7 {
grid-row-start: 7;
}
.row-end--l-7 {
grid-row-end: 7;
}
.col-start--l-7 {
grid-column-start: 7;
}
.col-end--l-7 {
grid-column-end: 7;
}
.row-span--l-8 {
grid-row: span 8;
}
.col-span--l-8 {
grid-column: span 8;
}
.row-start--l-8 {
grid-row-start: 8;
}
.row-end--l-8 {
grid-row-end: 8;
}
.col-start--l-8 {
grid-column-start: 8;
}
.col-end--l-8 {
grid-column-end: 8;
}
.row-span--l-9 {
grid-row: span 9;
}
.col-span--l-9 {
grid-column: span 9;
}
.row-start--l-9 {
grid-row-start: 9;
}
.row-end--l-9 {
grid-row-end: 9;
}
.col-start--l-9 {
grid-column-start: 9;
}
.col-end--l-9 {
grid-column-end: 9;
}
.row-span--l-10 {
grid-row: span 10;
}
.col-span--l-10 {
grid-column: span 10;
}
.row-start--l-10 {
grid-row-start: 10;
}
.row-end--l-10 {
grid-row-end: 10;
}
.col-start--l-10 {
grid-column-start: 10;
}
.col-end--l-10 {
grid-column-end: 10;
}
.row-span--l-11 {
grid-row: span 11;
}
.col-span--l-11 {
grid-column: span 11;
}
.row-start--l-11 {
grid-row-start: 11;
}
.row-end--l-11 {
grid-row-end: 11;
}
.col-start--l-11 {
grid-column-start: 11;
}
.col-end--l-11 {
grid-column-end: 11;
}
.row-span--l-12 {
grid-row: span 12;
}
.col-span--l-12 {
grid-column: span 12;
}
.row-start--l-12 {
grid-row-start: 12;
}
.row-end--l-12 {
grid-row-end: 12;
}
.col-start--l-12 {
grid-column-start: 12;
}
.col-end--l-12 {
grid-column-end: 12;
}
}
@media (max-width: 768px) {
.row-span--m-1 {
grid-row: span 1;
}
.col-span--m-1 {
grid-column: span 1;
}
.row-start--m-1 {
grid-row-start: 1;
}
.row-end--m-1 {
grid-row-end: 1;
}
.col-start--m-1 {
grid-column-start: 1;
}
.col-end--m-1 {
grid-column-end: 1;
}
.row-span--m-2 {
grid-row: span 2;
}
.col-span--m-2 {
grid-column: span 2;
}
.row-start--m-2 {
grid-row-start: 2;
}
.row-end--m-2 {
grid-row-end: 2;
}
.col-start--m-2 {
grid-column-start: 2;
}
.col-end--m-2 {
grid-column-end: 2;
}
.row-span--m-3 {
grid-row: span 3;
}
.col-span--m-3 {
grid-column: span 3;
}
.row-start--m-3 {
grid-row-start: 3;
}
.row-end--m-3 {
grid-row-end: 3;
}
.col-start--m-3 {
grid-column-start: 3;
}
.col-end--m-3 {
grid-column-end: 3;
}
.row-span--m-4 {
grid-row: span 4;
}
.col-span--m-4 {
grid-column: span 4;
}
.row-start--m-4 {
grid-row-start: 4;
}
.row-end--m-4 {
grid-row-end: 4;
}
.col-start--m-4 {
grid-column-start: 4;
}
.col-end--m-4 {
grid-column-end: 4;
}
.row-span--m-5 {
grid-row: span 5;
}
.col-span--m-5 {
grid-column: span 5;
}
.row-start--m-5 {
grid-row-start: 5;
}
.row-end--m-5 {
grid-row-end: 5;
}
.col-start--m-5 {
grid-column-start: 5;
}
.col-end--m-5 {
grid-column-end: 5;
}
.row-span--m-6 {
grid-row: span 6;
}
.col-span--m-6 {
grid-column: span 6;
}
.row-start--m-6 {
grid-row-start: 6;
}
.row-end--m-6 {
grid-row-end: 6;
}
.col-start--m-6 {
grid-column-start: 6;
}
.col-end--m-6 {
grid-column-end: 6;
}
.row-span--m-7 {
grid-row: span 7;
}
.col-span--m-7 {
grid-column: span 7;
}
.row-start--m-7 {
grid-row-start: 7;
}
.row-end--m-7 {
grid-row-end: 7;
}
.col-start--m-7 {
grid-column-start: 7;
}
.col-end--m-7 {
grid-column-end: 7;
}
.row-span--m-8 {
grid-row: span 8;
}
.col-span--m-8 {
grid-column: span 8;
}
.row-start--m-8 {
grid-row-start: 8;
}
.row-end--m-8 {
grid-row-end: 8;
}
.col-start--m-8 {
grid-column-start: 8;
}
.col-end--m-8 {
grid-column-end: 8;
}
.row-span--m-9 {
grid-row: span 9;
}
.col-span--m-9 {
grid-column: span 9;
}
.row-start--m-9 {
grid-row-start: 9;
}
.row-end--m-9 {
grid-row-end: 9;
}
.col-start--m-9 {
grid-column-start: 9;
}
.col-end--m-9 {
grid-column-end: 9;
}
.row-span--m-10 {
grid-row: span 10;
}
.col-span--m-10 {
grid-column: span 10;
}
.row-start--m-10 {
grid-row-start: 10;
}
.row-end--m-10 {
grid-row-end: 10;
}
.col-start--m-10 {
grid-column-start: 10;
}
.col-end--m-10 {
grid-column-end: 10;
}
.row-span--m-11 {
grid-row: span 11;
}
.col-span--m-11 {
grid-column: span 11;
}
.row-start--m-11 {
grid-row-start: 11;
}
.row-end--m-11 {
grid-row-end: 11;
}
.col-start--m-11 {
grid-column-start: 11;
}
.col-end--m-11 {
grid-column-end: 11;
}
.row-span--m-12 {
grid-row: span 12;
}
.col-span--m-12 {
grid-column: span 12;
}
.row-start--m-12 {
grid-row-start: 12;
}
.row-end--m-12 {
grid-row-end: 12;
}
.col-start--m-12 {
grid-column-start: 12;
}
.col-end--m-12 {
grid-column-end: 12;
}
}
@media (max-width: 480px) {
.row-span--s-1 {
grid-row: span 1;
}
.col-span--s-1 {
grid-column: span 1;
}
.row-start--s-1 {
grid-row-start: 1;
}
.row-end--s-1 {
grid-row-end: 1;
}
.col-start--s-1 {
grid-column-start: 1;
}
.col-end--s-1 {
grid-column-end: 1;
}
.row-span--s-2 {
grid-row: span 2;
}
.col-span--s-2 {
grid-column: span 2;
}
.row-start--s-2 {
grid-row-start: 2;
}
.row-end--s-2 {
grid-row-end: 2;
}
.col-start--s-2 {
grid-column-start: 2;
}
.col-end--s-2 {
grid-column-end: 2;
}
.row-span--s-3 {
grid-row: span 3;
}
.col-span--s-3 {
grid-column: span 3;
}
.row-start--s-3 {
grid-row-start: 3;
}
.row-end--s-3 {
grid-row-end: 3;
}
.col-start--s-3 {
grid-column-start: 3;
}
.col-end--s-3 {
grid-column-end: 3;
}
.row-span--s-4 {
grid-row: span 4;
}
.col-span--s-4 {
grid-column: span 4;
}
.row-start--s-4 {
grid-row-start: 4;
}
.row-end--s-4 {
grid-row-end: 4;
}
.col-start--s-4 {
grid-column-start: 4;
}
.col-end--s-4 {
grid-column-end: 4;
}
.row-span--s-5 {
grid-row: span 5;
}
.col-span--s-5 {
grid-column: span 5;
}
.row-start--s-5 {
grid-row-start: 5;
}
.row-end--s-5 {
grid-row-end: 5;
}
.col-start--s-5 {
grid-column-start: 5;
}
.col-end--s-5 {
grid-column-end: 5;
}
.row-span--s-6 {
grid-row: span 6;
}
.col-span--s-6 {
grid-column: span 6;
}
.row-start--s-6 {
grid-row-start: 6;
}
.row-end--s-6 {
grid-row-end: 6;
}
.col-start--s-6 {
grid-column-start: 6;
}
.col-end--s-6 {
grid-column-end: 6;
}
.row-span--s-7 {
grid-row: span 7;
}
.col-span--s-7 {
grid-column: span 7;
}
.row-start--s-7 {
grid-row-start: 7;
}
.row-end--s-7 {
grid-row-end: 7;
}
.col-start--s-7 {
grid-column-start: 7;
}
.col-end--s-7 {
grid-column-end: 7;
}
.row-span--s-8 {
grid-row: span 8;
}
.col-span--s-8 {
grid-column: span 8;
}
.row-start--s-8 {
grid-row-start: 8;
}
.row-end--s-8 {
grid-row-end: 8;
}
.col-start--s-8 {
grid-column-start: 8;
}
.col-end--s-8 {
grid-column-end: 8;
}
.row-span--s-9 {
grid-row: span 9;
}
.col-span--s-9 {
grid-column: span 9;
}
.row-start--s-9 {
grid-row-start: 9;
}
.row-end--s-9 {
grid-row-end: 9;
}
.col-start--s-9 {
grid-column-start: 9;
}
.col-end--s-9 {
grid-column-end: 9;
}
.row-span--s-10 {
grid-row: span 10;
}
.col-span--s-10 {
grid-column: span 10;
}
.row-start--s-10 {
grid-row-start: 10;
}
.row-end--s-10 {
grid-row-end: 10;
}
.col-start--s-10 {
grid-column-start: 10;
}
.col-end--s-10 {
grid-column-end: 10;
}
.row-span--s-11 {
grid-row: span 11;
}
.col-span--s-11 {
grid-column: span 11;
}
.row-start--s-11 {
grid-row-start: 11;
}
.row-end--s-11 {
grid-row-end: 11;
}
.col-start--s-11 {
grid-column-start: 11;
}
.col-end--s-11 {
grid-column-end: 11;
}
.row-span--s-12 {
grid-row: span 12;
}
.col-span--s-12 {
grid-column: span 12;
}
.row-start--s-12 {
grid-row-start: 12;
}
.row-end--s-12 {
grid-row-end: 12;
}
.col-start--s-12 {
grid-column-start: 12;
}
.col-end--s-12 {
grid-column-end: 12;
}
}
.col-span--all {
grid-column: 1 / -1;
}
@media (max-width: 1366px) {
.col-span--xl-all {
grid-column: 1 / -1;
}
}
@media (max-width: 992px) {
.col-span--l-all {
grid-column: 1 / -1;
}
}
@media (max-width: 768px) {
.col-span--m-all {
grid-column: 1 / -1;
}
}
@media (max-width: 480px) {
.col-span--s-all {
grid-column: 1 / -1;
}
}
.order--first {
order: -1;
}
.order--last {
order: 999;
}
.col-end--last {
grid-column-end: -1;
}
@media (max-width: 1366px) {
.order--first-xl {
order: -1;
}
.order--last-xl {
order: 999;
}
.col-end--xl-last {
grid-column-end: -1;
}
}
@media (max-width: 992px) {
.order--first-l {
order: -1;
}
.order--last-l {
order: 999;
}
.col-end--l-last {
grid-column-end: -1;
}
}
@media (max-width: 768px) {
.order--first-m {
order: -1;
}
.order--last-m {
order: 999;
}
.col-end--m-last {
grid-column-end: -1;
}
}
@media (max-width: 480px) {
.order--first-s {
order: -1;
}
.order--last-s {
order: 999;
}
.col-end--s-last {
grid-column-end: -1;
}
}
.grid--auto-rows.grid--auto-rows {
grid-auto-rows: minmax(-webkit-min-content, 1fr);
grid-auto-rows: minmax(min-content, 1fr);
}
[class*="grid--auto"]:where(:not([class*="rows"])) {
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--grid-template-columns-any: var(--grid-template-columns-fit);
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
--grid-template-columns-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr));
--grid-template-columns-even-fit: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
--grid-template-columns-even-fill: repeat(auto-fill, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
[class*="grid--auto"]:where(:not([class*="rows"])) > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
:is(.grid--auto-2, .grid--auto-3, .grid--auto-4, .grid--auto-5, .grid--auto-6, .grid--auto-7, .grid--auto-8, .grid--auto-9, .grid--auto-10, .grid--auto-11, .grid--auto-12):where(.grid--auto-rows) {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
}
:is(.grid--auto-2, .grid--auto-3, .grid--auto-4, .grid--auto-5, .grid--auto-6, .grid--auto-7, .grid--auto-8, .grid--auto-9, .grid--auto-10, .grid--auto-11, .grid--auto-12):where(.grid--auto-rows) > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-2 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 2;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-3 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 3;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-4 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 4;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-5 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 5;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-6 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 6;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-7 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 7;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-8 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 8;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-9 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 9;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-10 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 10;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-11 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 11;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-12 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 12;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
}
.grid--auto-1-2 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--auto-1-2 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-1-3 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--auto-1-3 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-2-1 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--auto-2-1 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-2-3 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--auto-2-3 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-3-1 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--auto-3-1 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-3-2 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--auto-3-2 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
@media (max-width: 992px) {
.grid--auto-1-2 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
--column-count: 1;
}
.grid--auto-1-2 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-1-3 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
--column-count: 1;
}
.grid--auto-1-3 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-2-1 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
--column-count: 1;
}
.grid--auto-2-1 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-2-3 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
--column-count: 1;
}
.grid--auto-2-3 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-3-1 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
--column-count: 1;
}
.grid--auto-3-1 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.grid--auto-3-2 {
--min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * 0.7;
--column-count: 1;
--grid-template-columns: repeat(auto-fit, minmax(var(--min-formula), 1fr));
--grid-template-columns-even: repeat(auto-fit, minmax(var(--min-formula), 1fr) minmax(var(--min-formula), 1fr));
display: grid !important;
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
inline-size: 100%;
--min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count)));
--column-count: 1;
}
.grid--auto-3-2 > * {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
}
.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-fill);
}
.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-fit);
}
@media (min-width: 481px) {
.grid--stack-even {
--grid-template-columns: var(--grid-template-columns-even);
}
.grid--stack-even.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-even-fill);
}
.grid--stack-even.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-even-fit);
}
}
.grid--stack-any {
--grid-template-columns: var(--grid-template-columns-any);
}
.grid--stack-any.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-fill);
}
.grid--stack-any.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-fit);
}
@media (max-width: 1366px) {
.grid--stack-any-xl {
--grid-template-columns: var(--grid-template-columns-any);
}
.grid--stack-any-xl.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-any-fill);
}
.grid--stack-any-xl.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-any-fit);
}
}
@media (min-width: 1367px) {
.grid--stack-even-xl {
--grid-template-columns: var(--grid-template-columns-even);
}
.grid--stack-even-xl.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-even-fill);
}
.grid--stack-even-xl.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-even-fit);
}
}
@media (max-width: 992px) {
.grid--stack-any-l {
--grid-template-columns: var(--grid-template-columns-any);
}
.grid--stack-any-l.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-any-fill);
}
.grid--stack-any-l.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-any-fit);
}
}
@media (min-width: 993px) {
.grid--stack-even-l {
--grid-template-columns: var(--grid-template-columns-even);
}
.grid--stack-even-l.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-even-fill);
}
.grid--stack-even-l.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-even-fit);
}
}
@media (max-width: 768px) {
.grid--stack-any-m {
--grid-template-columns: var(--grid-template-columns-any);
}
.grid--stack-any-m.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-any-fill);
}
.grid--stack-any-m.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-any-fit);
}
}
@media (min-width: 769px) {
.grid--stack-even-m {
--grid-template-columns: var(--grid-template-columns-even);
}
.grid--stack-even-m.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-even-fill);
}
.grid--stack-even-m.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-even-fit);
}
}
@media (max-width: 480px) {
.grid--stack-any-s {
--grid-template-columns: var(--grid-template-columns-any);
}
.grid--stack-any-s.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-any-fill);
}
.grid--stack-any-s.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-any-fit);
}
}
@media (min-width: 481px) {
.grid--stack-even-s {
--grid-template-columns: var(--grid-template-columns-even);
}
.grid--stack-even-s.grid--auto-fill {
--grid-template-columns: var(--grid-template-columns-even-fill);
}
.grid--stack-even-s.grid--auto-fit {
--grid-template-columns: var(--grid-template-columns-even-fit);
}
}
.flex--col.flex--col {
display: flex;
flex-direction: column;
}
.flex--row.flex--row {
display: flex;
flex-direction: row;
}
.flex--col-reverse.flex--col-reverse {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse.flex--row-reverse {
display: flex;
flex-direction: row-reverse;
}
@media (max-width: 1366px) {
.flex--col-xl.flex--col-xl {
display: flex;
flex-direction: column;
}
.flex--row-xl.flex--row-xl {
display: flex;
flex-direction: row;
}
.flex--col-reverse-xl.flex--col-reverse-xl {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-xl.flex--row-reverse-xl {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 992px) {
.flex--col-l.flex--col-l {
display: flex;
flex-direction: column;
}
.flex--row-l.flex--row-l {
display: flex;
flex-direction: row;
}
.flex--col-reverse-l.flex--col-reverse-l {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-l.flex--row-reverse-l {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 768px) {
.flex--col-m.flex--col-m {
display: flex;
flex-direction: column;
}
.flex--row-m.flex--row-m {
display: flex;
flex-direction: row;
}
.flex--col-reverse-m.flex--col-reverse-m {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-m.flex--row-reverse-m {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 480px) {
.flex--col-s.flex--col-s {
display: flex;
flex-direction: column;
}
.flex--row-s.flex--row-s {
display: flex;
flex-direction: row;
}
.flex--col-reverse-s.flex--col-reverse-s {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-s.flex--row-reverse-s {
display: flex;
flex-direction: row-reverse;
}
}
.justify-content--start.justify-content--start {
justify-content: flex-start;
}
.justify-content--end.justify-content--end {
justify-content: flex-end;
}
.justify-content--center.justify-content--center {
justify-content: center;
}
.justify-content--between.justify-content--between {
justify-content: space-between;
}
.justify-content--around.justify-content--around {
justify-content: space-around;
}
.justify-content--stretch.justify-content--stretch {
justify-content: stretch;
}
.align-content--start.align-content--start {
align-content: flex-start;
}
.align-content--end.align-content--end {
align-content: flex-end;
}
.align-content--center.align-content--center {
align-content: center;
}
.align-content--baseline.align-content--baseline {
align-content: baseline;
}
.align-content--stretch.align-content--stretch {
align-content: stretch;
}
.justify-items--start.justify-items--start {
justify-items: flex-start;
}
.justify-items--center.justify-items--center {
justify-items: center;
}
.justify-items--end.justify-items--end {
justify-items: flex-end;
}
.justify-items--stretch.justify-items--stretch {
justify-items: stretch;
}
.align-items--start.align-items--start {
align-items: flex-start;
}
.align-items--end.align-items--end {
align-items: flex-end;
}
.align-items--center.align-items--center {
align-items: center;
}
.align-items--baseline.align-items--baseline {
align-items: baseline;
}
.align-items--stretch.align-items--stretch {
align-items: stretch;
}
.self--start.self--start {
align-self: flex-start;
}
.self--end.self--end {
align-self: flex-end;
}
.self--stretch.self--stretch {
align-self: stretch;
}
.self--center.self--center {
align-self: center;
}
@media (max-width: 1366px) {
.justify-content--start-xl.justify-content--start-xl {
justify-content: flex-start;
}
.justify-content--end-xl.justify-content--end-xl {
justify-content: flex-end;
}
.justify-content--center-xl.justify-content--center-xl {
justify-content: center;
}
.justify-content--between-xl.justify-content--between-xl {
justify-content: space-between;
}
.justify-content--around-xl.justify-content--around-xl {
justify-content: space-around;
}
.justify-content--stretch-xl.justify-content--stretch-xl {
justify-content: stretch;
}
.align-content--start-xl.align-content--start-xl {
align-content: flex-start;
}
.align-content--end-xl.align-content--end-xl {
align-content: flex-end;
}
.align-content--center-xl.align-content--center-xl {
align-content: center;
}
.align-content--baseline-xl.align-content--baseline-xl {
align-content: baseline;
}
.align-content--stretch-xl.align-content--stretch-xl {
align-content: stretch;
}
.justify-items--start-xl.justify-items--start-xl {
justify-items: flex-start;
}
.justify-items--center-xl.justify-items--center-xl {
justify-items: center;
}
.justify-items--end-xl.justify-items--end-xl {
justify-items: flex-end;
}
.justify-items--stretch-xl.justify-items--stretch-xl {
justify-items: stretch;
}
.align-items--start-xl.align-items--start-xl {
align-items: flex-start;
}
.align-items--end-xl.align-items--end-xl {
align-items: flex-end;
}
.align-items--center-xl.align-items--center-xl {
align-items: center;
}
.align-items--baseline-xl.align-items--baseline-xl {
align-items: baseline;
}
.align-items--stretch-xl.align-items--stretch-xl {
align-items: stretch;
}
.self--start-xl.self--start-xl {
align-self: flex-start;
}
.self--end-xl.self--end-xl {
align-self: flex-end;
}
.self--stretch-xl.self--stretch-xl {
align-self: stretch;
}
.self--center-xl.self--center-xl {
align-self: center;
}
}
@media (max-width: 992px) {
.justify-content--start-l.justify-content--start-l {
justify-content: flex-start;
}
.justify-content--end-l.justify-content--end-l {
justify-content: flex-end;
}
.justify-content--center-l.justify-content--center-l {
justify-content: center;
}
.justify-content--between-l.justify-content--between-l {
justify-content: space-between;
}
.justify-content--around-l.justify-content--around-l {
justify-content: space-around;
}
.justify-content--stretch-l.justify-content--stretch-l {
justify-content: stretch;
}
.align-content--start-l.align-content--start-l {
align-content: flex-start;
}
.align-content--end-l.align-content--end-l {
align-content: flex-end;
}
.align-content--center-l.align-content--center-l {
align-content: center;
}
.align-content--baseline-l.align-content--baseline-l {
align-content: baseline;
}
.align-content--stretch-l.align-content--stretch-l {
align-content: stretch;
}
.justify-items--start-l.justify-items--start-l {
justify-items: flex-start;
}
.justify-items--center-l.justify-items--center-l {
justify-items: center;
}
.justify-items--end-l.justify-items--end-l {
justify-items: flex-end;
}
.justify-items--stretch-l.justify-items--stretch-l {
justify-items: stretch;
}
.align-items--start-l.align-items--start-l {
align-items: flex-start;
}
.align-items--end-l.align-items--end-l {
align-items: flex-end;
}
.align-items--center-l.align-items--center-l {
align-items: center;
}
.align-items--baseline-l.align-items--baseline-l {
align-items: baseline;
}
.align-items--stretch-l.align-items--stretch-l {
align-items: stretch;
}
.self--start-l.self--start-l {
align-self: flex-start;
}
.self--end-l.self--end-l {
align-self: flex-end;
}
.self--stretch-l.self--stretch-l {
align-self: stretch;
}
.self--center-l.self--center-l {
align-self: center;
}
}
@media (max-width: 768px) {
.justify-content--start-m.justify-content--start-m {
justify-content: flex-start;
}
.justify-content--end-m.justify-content--end-m {
justify-content: flex-end;
}
.justify-content--center-m.justify-content--center-m {
justify-content: center;
}
.justify-content--between-m.justify-content--between-m {
justify-content: space-between;
}
.justify-content--around-m.justify-content--around-m {
justify-content: space-around;
}
.justify-content--stretch-m.justify-content--stretch-m {
justify-content: stretch;
}
.align-content--start-m.align-content--start-m {
align-content: flex-start;
}
.align-content--end-m.align-content--end-m {
align-content: flex-end;
}
.align-content--center-m.align-content--center-m {
align-content: center;
}
.align-content--baseline-m.align-content--baseline-m {
align-content: baseline;
}
.align-content--stretch-m.align-content--stretch-m {
align-content: stretch;
}
.justify-items--start-m.justify-items--start-m {
justify-items: flex-start;
}
.justify-items--center-m.justify-items--center-m {
justify-items: center;
}
.justify-items--end-m.justify-items--end-m {
justify-items: flex-end;
}
.justify-items--stretch-m.justify-items--stretch-m {
justify-items: stretch;
}
.align-items--start-m.align-items--start-m {
align-items: flex-start;
}
.align-items--end-m.align-items--end-m {
align-items: flex-end;
}
.align-items--center-m.align-items--center-m {
align-items: center;
}
.align-items--baseline-m.align-items--baseline-m {
align-items: baseline;
}
.align-items--stretch-m.align-items--stretch-m {
align-items: stretch;
}
.self--start-m.self--start-m {
align-self: flex-start;
}
.self--end-m.self--end-m {
align-self: flex-end;
}
.self--stretch-m.self--stretch-m {
align-self: stretch;
}
.self--center-m.self--center-m {
align-self: center;
}
}
@media (max-width: 480px) {
.justify-content--start-s.justify-content--start-s {
justify-content: flex-start;
}
.justify-content--end-s.justify-content--end-s {
justify-content: flex-end;
}
.justify-content--center-s.justify-content--center-s {
justify-content: center;
}
.justify-content--between-s.justify-content--between-s {
justify-content: space-between;
}
.justify-content--around-s.justify-content--around-s {
justify-content: space-around;
}
.justify-content--stretch-s.justify-content--stretch-s {
justify-content: stretch;
}
.align-content--start-s.align-content--start-s {
align-content: flex-start;
}
.align-content--end-s.align-content--end-s {
align-content: flex-end;
}
.align-content--center-s.align-content--center-s {
align-content: center;
}
.align-content--baseline-s.align-content--baseline-s {
align-content: baseline;
}
.align-content--stretch-s.align-content--stretch-s {
align-content: stretch;
}
.justify-items--start-s.justify-items--start-s {
justify-items: flex-start;
}
.justify-items--center-s.justify-items--center-s {
justify-items: center;
}
.justify-items--end-s.justify-items--end-s {
justify-items: flex-end;
}
.justify-items--stretch-s.justify-items--stretch-s {
justify-items: stretch;
}
.align-items--start-s.align-items--start-s {
align-items: flex-start;
}
.align-items--end-s.align-items--end-s {
align-items: flex-end;
}
.align-items--center-s.align-items--center-s {
align-items: center;
}
.align-items--baseline-s.align-items--baseline-s {
align-items: baseline;
}
.align-items--stretch-s.align-items--stretch-s {
align-items: stretch;
}
.self--start-s.self--start-s {
align-self: flex-start;
}
.self--end-s.self--end-s {
align-self: flex-end;
}
.self--stretch-s.self--stretch-s {
align-self: stretch;
}
.self--center-s.self--center-s {
align-self: center;
}
}
.stretch.stretch {
align-content: stretch;
align-items: stretch;
justify-content: stretch;
justify-items: stretch;
}
.flex--wrap.flex--wrap {
flex-wrap: wrap;
}
.flex--grow > * {
flex-grow: 1;
}
.flex-grid--1 {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--1 > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--2 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--2.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--2.gap--s {
--gap: var(--space-s);
}
.flex-grid--2.gap--m {
--gap: var(--space-m);
}
.flex-grid--2.gap--l {
--gap: var(--space-l);
}
.flex-grid--2.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--2.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--2 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--3 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--3.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--3.gap--s {
--gap: var(--space-s);
}
.flex-grid--3.gap--m {
--gap: var(--space-m);
}
.flex-grid--3.gap--l {
--gap: var(--space-l);
}
.flex-grid--3.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--3.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--3 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--4 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--4.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--4.gap--s {
--gap: var(--space-s);
}
.flex-grid--4.gap--m {
--gap: var(--space-m);
}
.flex-grid--4.gap--l {
--gap: var(--space-l);
}
.flex-grid--4.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--4.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--4 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--5 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--5.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--5.gap--s {
--gap: var(--space-s);
}
.flex-grid--5.gap--m {
--gap: var(--space-m);
}
.flex-grid--5.gap--l {
--gap: var(--space-l);
}
.flex-grid--5.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--5.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--5 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--6 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--6.gap--xs {
--gap: var(--space-xs);
}
.flex-grid--6.gap--s {
--gap: var(--space-s);
}
.flex-grid--6.gap--m {
--gap: var(--space-m);
}
.flex-grid--6.gap--l {
--gap: var(--space-l);
}
.flex-grid--6.gap--xl {
--gap: var(--space-xl);
}
.flex-grid--6.gap--xxl {
--gap: var(--space-xxl);
}
.flex-grid--6 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
@media (max-width: 1366px) {
.flex-grid--xl-1 {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--xl-1 > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--xl-2 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-2.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-2.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-2.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-2.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-2.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-2.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-2 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--xl-3 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-3.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-3.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-3.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-3.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-3.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-3.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-3 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--xl-4 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-4.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-4.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-4.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-4.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-4.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-4.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-4 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--xl-5 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-5.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-5.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-5.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-5.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-5.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-5.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-5 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--xl-6 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--xl-6.gap--xl-xs {
--gap: var(--space-xs);
}
.flex-grid--xl-6.gap--xl-s {
--gap: var(--space-s);
}
.flex-grid--xl-6.gap--xl-m {
--gap: var(--space-m);
}
.flex-grid--xl-6.gap--xl-l {
--gap: var(--space-l);
}
.flex-grid--xl-6.gap--xl-xl {
--gap: var(--space-xl);
}
.flex-grid--xl-6.gap--xl-xxl {
--gap: var(--space-xxl);
}
.flex-grid--xl-6 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 992px) {
.flex-grid--l-1 {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--l-1 > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--l-2 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-2.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-2.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-2.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-2.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-2.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-2.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-2 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--l-3 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-3.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-3.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-3.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-3.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-3.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-3.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-3 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--l-4 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-4.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-4.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-4.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-4.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-4.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-4.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-4 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--l-5 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-5.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-5.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-5.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-5.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-5.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-5.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-5 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--l-6 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--l-6.gap--l-xs {
--gap: var(--space-xs);
}
.flex-grid--l-6.gap--l-s {
--gap: var(--space-s);
}
.flex-grid--l-6.gap--l-m {
--gap: var(--space-m);
}
.flex-grid--l-6.gap--l-l {
--gap: var(--space-l);
}
.flex-grid--l-6.gap--l-xl {
--gap: var(--space-xl);
}
.flex-grid--l-6.gap--l-xxl {
--gap: var(--space-xxl);
}
.flex-grid--l-6 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 768px) {
.flex-grid--m-1 {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--m-1 > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--m-2 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-2.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-2.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-2.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-2.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-2.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-2.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-2 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--m-3 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-3.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-3.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-3.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-3.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-3.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-3.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-3 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--m-4 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-4.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-4.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-4.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-4.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-4.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-4.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-4 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--m-5 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-5.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-5.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-5.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-5.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-5.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-5.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-5 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--m-6 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--m-6.gap--m-xs {
--gap: var(--space-xs);
}
.flex-grid--m-6.gap--m-s {
--gap: var(--space-s);
}
.flex-grid--m-6.gap--m-m {
--gap: var(--space-m);
}
.flex-grid--m-6.gap--m-l {
--gap: var(--space-l);
}
.flex-grid--m-6.gap--m-xl {
--gap: var(--space-xl);
}
.flex-grid--m-6.gap--m-xxl {
--gap: var(--space-xxl);
}
.flex-grid--m-6 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
@media (max-width: 480px) {
.flex-grid--s-1 {
--gap: var(--grid-gap);
display: flex;
flex-direction: column;
gap: var(--gap);
}
.flex-grid--s-1 > * {
width: 100%;
max-width: 100%;
flex-basis: auto;
}
.flex-grid--s-2 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-2.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-2.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-2.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-2.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-2.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-2.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-2 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 1)) / 2);
}
.flex-grid--s-3 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-3.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-3.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-3.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-3.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-3.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-3.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-3 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 2)) / 3);
}
.flex-grid--s-4 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-4.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-4.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-4.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-4.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-4.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-4.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-4 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 3)) / 4);
}
.flex-grid--s-5 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-5.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-5.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-5.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-5.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-5.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-5.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-5 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 4)) / 5);
}
.flex-grid--s-6 {
--gap: var(--grid-gap);
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;
}
.flex-grid--s-6.gap--s-xs {
--gap: var(--space-xs);
}
.flex-grid--s-6.gap--s-s {
--gap: var(--space-s);
}
.flex-grid--s-6.gap--s-m {
--gap: var(--space-m);
}
.flex-grid--s-6.gap--s-l {
--gap: var(--space-l);
}
.flex-grid--s-6.gap--s-xl {
--gap: var(--space-xl);
}
.flex-grid--s-6.gap--s-xxl {
--gap: var(--space-xxl);
}
.flex-grid--s-6 > * {
width: 100%;
max-width: calc((100% - (var(--gap) * 5)) / 6);
}
}
.width--xs:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.1);
max-inline-size: 100%;
}
.width--s:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.2);
max-inline-size: 100%;
}
.width--m:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.4);
max-inline-size: 100%;
}
.width--l:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.6);
max-inline-size: 100%;
}
.width--xl:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.8);
max-inline-size: 100%;
}
.width--xxl:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.9);
max-inline-size: 100%;
}
.width--vp-max:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 1);
max-inline-size: 100%;
}
.width--content:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 1);
max-inline-size: 100%;
}
.width--10:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.1);
max-inline-size: 100%;
}
.width--20:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.2);
max-inline-size: 100%;
}
.width--30:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.3);
max-inline-size: 100%;
}
.width--40:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.4);
max-inline-size: 100%;
}
.width--50:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.5);
max-inline-size: 100%;
}
.width--60:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.6);
max-inline-size: 100%;
}
.width--70:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.7);
max-inline-size: 100%;
}
.width--80:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.8);
max-inline-size: 100%;
}
.width--90:not([class*="breakout--"]) {
inline-size: calc(var(--content-width) * 0.9);
max-inline-size: 100%;
}
.width--full:not([class*="breakout--"]) {
inline-size: 100%;
max-inline-size: 100%;
}
figure[class*="width--"] img {
inline-size: 100%;
}
.width--auto.width--auto {
inline-size: auto !important;
max-inline-size: 100%;
}
.content-width.content-width {
inline-size: 100%;
max-inline-size: var(--content-width);
margin-inline: auto;
}
.content-width--safe.content-width--safe {
inline-size: 100%;
max-inline-size: var(--content-width-safe);
margin-inline: auto;
}
[class*="aspect--"] {
aspect-ratio: var(--aspect-ratio);
}
img[class*="aspect--"] {
-o-object-fit: var(--object-fit, cover);
object-fit: var(--object-fit, cover);
}
figure[class*="aspect--"] img {
inline-size: 100%;
block-size: 100%;
}
[class*="aspect--"] iframe {
width: 100%;
height: 100%;
aspect-ratio: var(--aspect-ratio);
}
.aspect--1-1 {
--aspect-ratio: 1 / 1;
}
.aspect--1-2 {
--aspect-ratio: 1 / 2;
}
.aspect--2-1 {
--aspect-ratio: 2 / 1;
}
.aspect--2-3 {
--aspect-ratio: 2 / 3;
}
.aspect--3-2 {
--aspect-ratio: 3 / 2;
}
.aspect--3-4 {
--aspect-ratio: 3 / 4;
}
.aspect--4-3 {
--aspect-ratio: 4 / 3;
}
.aspect--16-9 {
--aspect-ratio: 16 / 9;
}
.aspect--9-16 {
--aspect-ratio: 9 / 16;
}
@media (max-width: 1366px) {
.aspect--xl-1-1 {
--aspect-ratio: 1 / 1;
}
.aspect--xl-1-2 {
--aspect-ratio: 1 / 2;
}
.aspect--xl-2-1 {
--aspect-ratio: 2 / 1;
}
.aspect--xl-2-3 {
--aspect-ratio: 2 / 3;
}
.aspect--xl-3-2 {
--aspect-ratio: 3 / 2;
}
.aspect--xl-3-4 {
--aspect-ratio: 3 / 4;
}
.aspect--xl-4-3 {
--aspect-ratio: 4 / 3;
}
.aspect--xl-16-9 {
--aspect-ratio: 16 / 9;
}
.aspect--xl-9-16 {
--aspect-ratio: 9 / 16;
}
}
@media (max-width: 992px) {
.aspect--l-1-1 {
--aspect-ratio: 1 / 1;
}
.aspect--l-1-2 {
--aspect-ratio: 1 / 2;
}
.aspect--l-2-1 {
--aspect-ratio: 2 / 1;
}
.aspect--l-2-3 {
--aspect-ratio: 2 / 3;
}
.aspect--l-3-2 {
--aspect-ratio: 3 / 2;
}
.aspect--l-3-4 {
--aspect-ratio: 3 / 4;
}
.aspect--l-4-3 {
--aspect-ratio: 4 / 3;
}
.aspect--l-16-9 {
--aspect-ratio: 16 / 9;
}
.aspect--l-9-16 {
--aspect-ratio: 9 / 16;
}
}
@media (max-width: 768px) {
.aspect--m-1-1 {
--aspect-ratio: 1 / 1;
}
.aspect--m-1-2 {
--aspect-ratio: 1 / 2;
}
.aspect--m-2-1 {
--aspect-ratio: 2 / 1;
}
.aspect--m-2-3 {
--aspect-ratio: 2 / 3;
}
.aspect--m-3-2 {
--aspect-ratio: 3 / 2;
}
.aspect--m-3-4 {
--aspect-ratio: 3 / 4;
}
.aspect--m-4-3 {
--aspect-ratio: 4 / 3;
}
.aspect--m-16-9 {
--aspect-ratio: 16 / 9;
}
.aspect--m-9-16 {
--aspect-ratio: 9 / 16;
}
}
@media (max-width: 480px) {
.aspect--s-1-1 {
--aspect-ratio: 1 / 1;
}
.aspect--s-1-2 {
--aspect-ratio: 1 / 2;
}
.aspect--s-2-1 {
--aspect-ratio: 2 / 1;
}
.aspect--s-2-3 {
--aspect-ratio: 2 / 3;
}
.aspect--s-3-2 {
--aspect-ratio: 3 / 2;
}
.aspect--s-3-4 {
--aspect-ratio: 3 / 4;
}
.aspect--s-4-3 {
--aspect-ratio: 4 / 3;
}
.aspect--s-16-9 {
--aspect-ratio: 16 / 9;
}
.aspect--s-9-16 {
--aspect-ratio: 9 / 16;
}
}
@supports not (aspect-ratio: 1.7777777778) {
[class*="aspect--"]::before {
float: left;
padding-top: var(--aspect-fallback-value);
content: "";
}
[class*="aspect--"]::after {
display: block;
content: "";
clear: both;
}
.aspect--1-1 {
--aspect-fallback-value: 100%;
}
.aspect--1-2 {
--aspect-fallback-value: 50%;
}
.aspect--2-1 {
--aspect-fallback-value: 200%;
}
.aspect--2-3 {
--aspect-fallback-value: 150%;
}
.aspect--3-2 {
--aspect-fallback-value: 66%;
}
.aspect--3-4 {
--aspect-fallback-value: 133%;
}
.aspect--4-3 {
--aspect-fallback-value: 75%;
}
.aspect--16-9 {
--aspect-fallback-value: 56.25%;
}
.aspect--9-16 {
--aspect-fallback-value: 177%;
}
@media (max-width: 1366px) {
.aspect--xl-1-1 {
--aspect-fallback-value: 100%;
}
.aspect--xl-1-2 {
--aspect-fallback-value: 50%;
}
.aspect--xl-2-1 {
--aspect-fallback-value: 200%;
}
.aspect--xl-2-3 {
--aspect-fallback-value: 150%;
}
.aspect--xl-3-2 {
--aspect-fallback-value: 66%;
}
.aspect--xl-3-4 {
--aspect-fallback-value: 133%;
}
.aspect--xl-4-3 {
--aspect-fallback-value: 75%;
}
.aspect--xl-16-9 {
--aspect-fallback-value: 56.25%;
}
.aspect--xl-9-16 {
--aspect-fallback-value: 177%;
}
}
@media (max-width: 992px) {
.aspect--l-1-1 {
--aspect-fallback-value: 100%;
}
.aspect--l-1-2 {
--aspect-fallback-value: 50%;
}
.aspect--l-2-1 {
--aspect-fallback-value: 200%;
}
.aspect--l-2-3 {
--aspect-fallback-value: 150%;
}
.aspect--l-3-2 {
--aspect-fallback-value: 66%;
}
.aspect--l-3-4 {
--aspect-fallback-value: 133%;
}
.aspect--l-4-3 {
--aspect-fallback-value: 75%;
}
.aspect--l-16-9 {
--aspect-fallback-value: 56.25%;
}
.aspect--l-9-16 {
--aspect-fallback-value: 177%;
}
}
@media (max-width: 768px) {
.aspect--m-1-1 {
--aspect-fallback-value: 100%;
}
.aspect--m-1-2 {
--aspect-fallback-value: 50%;
}
.aspect--m-2-1 {
--aspect-fallback-value: 200%;
}
.aspect--m-2-3 {
--aspect-fallback-value: 150%;
}
.aspect--m-3-2 {
--aspect-fallback-value: 66%;
}
.aspect--m-3-4 {
--aspect-fallback-value: 133%;
}
.aspect--m-4-3 {
--aspect-fallback-value: 75%;
}
.aspect--m-16-9 {
--aspect-fallback-value: 56.25%;
}
.aspect--m-9-16 {
--aspect-fallback-value: 177%;
}
}
@media (max-width: 480px) {
.aspect--s-1-1 {
--aspect-fallback-value: 100%;
}
.aspect--s-1-2 {
--aspect-fallback-value: 50%;
}
.aspect--s-2-1 {
--aspect-fallback-value: 200%;
}
.aspect--s-2-3 {
--aspect-fallback-value: 150%;
}
.aspect--s-3-2 {
--aspect-fallback-value: 66%;
}
.aspect--s-3-4 {
--aspect-fallback-value: 133%;
}
.aspect--s-4-3 {
--aspect-fallback-value: 75%;
}
.aspect--s-16-9 {
--aspect-fallback-value: 56.25%;
}
.aspect--s-9-16 {
--aspect-fallback-value: 177%;
}
}
}
.z--bottom {
z-index: -1;
}
.z--0 {
z-index: 0;
}
.z--10 {
z-index: 10;
}
.z--20 {
z-index: 20;
}
.z--30 {
z-index: 30;
}
.z--40 {
z-index: 40;
}
.z--50 {
z-index: 50;
}
.z--60 {
z-index: 60;
}
.z--70 {
z-index: 70;
}
.z--80 {
z-index: 80;
}
.z--90 {
z-index: 90;
}
.z--top {
z-index: 9999;
}
@media (max-width: 1366px) {
.z--xl-bottom {
z-index: -1;
}
.z--xl-0 {
z-index: 0;
}
.z--xl-10 {
z-index: 10;
}
.z--xl-20 {
z-index: 20;
}
.z--xl-30 {
z-index: 30;
}
.z--xl-40 {
z-index: 40;
}
.z--xl-50 {
z-index: 50;
}
.z--xl-60 {
z-index: 60;
}
.z--xl-70 {
z-index: 70;
}
.z--xl-80 {
z-index: 80;
}
.z--xl-90 {
z-index: 90;
}
.z--xl-top {
z-index: 9999;
}
}
@media (max-width: 992px) {
.z--l-bottom {
z-index: -1;
}
.z--l-0 {
z-index: 0;
}
.z--l-10 {
z-index: 10;
}
.z--l-20 {
z-index: 20;
}
.z--l-30 {
z-index: 30;
}
.z--l-40 {
z-index: 40;
}
.z--l-50 {
z-index: 50;
}
.z--l-60 {
z-index: 60;
}
.z--l-70 {
z-index: 70;
}
.z--l-80 {
z-index: 80;
}
.z--l-90 {
z-index: 90;
}
.z--l-top {
z-index: 9999;
}
}
@media (max-width: 768px) {
.z--m-bottom {
z-index: -1;
}
.z--m-0 {
z-index: 0;
}
.z--m-10 {
z-index: 10;
}
.z--m-20 {
z-index: 20;
}
.z--m-30 {
z-index: 30;
}
.z--m-40 {
z-index: 40;
}
.z--m-50 {
z-index: 50;
}
.z--m-60 {
z-index: 60;
}
.z--m-70 {
z-index: 70;
}
.z--m-80 {
z-index: 80;
}
.z--m-90 {
z-index: 90;
}
.z--m-top {
z-index: 9999;
}
}
@media (max-width: 480px) {
.z--s-bottom {
z-index: -1;
}
.z--s-0 {
z-index: 0;
}
.z--s-10 {
z-index: 10;
}
.z--s-20 {
z-index: 20;
}
.z--s-30 {
z-index: 30;
}
.z--s-40 {
z-index: 40;
}
.z--s-50 {
z-index: 50;
}
.z--s-60 {
z-index: 60;
}
.z--s-70 {
z-index: 70;
}
.z--s-80 {
z-index: 80;
}
.z--s-90 {
z-index: 90;
}
.z--s-top {
z-index: 9999;
}
}
.isolation--isolate {
isolation: isolate;
}
.marker--primary li::marker {
color: var(--primary);
}
.marker--primary-hover li::marker {
color: var(--primary-hover);
}
.marker--primary-ultra-light li::marker {
color: var(--primary-ultra-light);
}
.marker--primary-light li::marker {
color: var(--primary-light);
}
.marker--primary-semi-light li::marker {
color: var(--primary-semi-light);
}
.marker--primary-semi-dark li::marker {
color: var(--primary-semi-dark);
}
.marker--primary-dark li::marker {
color: var(--primary-dark);
}
.marker--primary-ultra-dark li::marker {
color: var(--primary-ultra-dark);
}
.marker--secondary li::marker {
color: var(--secondary);
}
.marker--secondary-hover li::marker {
color: var(--secondary-hover);
}
.marker--secondary-ultra-light li::marker {
color: var(--secondary-ultra-light);
}
.marker--secondary-light li::marker {
color: var(--secondary-light);
}
.marker--secondary-semi-light li::marker {
color: var(--secondary-semi-light);
}
.marker--secondary-semi-dark li::marker {
color: var(--secondary-semi-dark);
}
.marker--secondary-dark li::marker {
color: var(--secondary-dark);
}
.marker--secondary-ultra-dark li::marker {
color: var(--secondary-ultra-dark);
}
.marker--base li::marker {
color: var(--base);
}
.marker--base-hover li::marker {
color: var(--base-hover);
}
.marker--base-ultra-light li::marker {
color: var(--base-ultra-light);
}
.marker--base-light li::marker {
color: var(--base-light);
}
.marker--base-semi-light li::marker {
color: var(--base-semi-light);
}
.marker--base-semi-dark li::marker {
color: var(--base-semi-dark);
}
.marker--base-dark li::marker {
color: var(--base-dark);
}
.marker--base-ultra-dark li::marker {
color: var(--base-ultra-dark);
}
.marker--neutral li::marker {
color: var(--neutral);
}
.marker--neutral-hover li::marker {
color: var(--neutral-hover);
}
.marker--neutral-ultra-light li::marker {
color: var(--neutral-ultra-light);
}
.marker--neutral-light li::marker {
color: var(--neutral-light);
}
.marker--neutral-semi-light li::marker {
color: var(--neutral-semi-light);
}
.marker--neutral-semi-dark li::marker {
color: var(--neutral-semi-dark);
}
.marker--neutral-dark li::marker {
color: var(--neutral-dark);
}
.marker--neutral-ultra-dark li::marker {
color: var(--neutral-ultra-dark);
}
.marker--white li::marker {
color: var(--white);
}
.marker--black li::marker {
color: var(--black);
} ul.list--none, ol.list--none, .list--none > ul, .list--none > ol {
list-style: none;
padding-inline-start: 0;
list-style-type: none;
-webkit-margin-before: 0em;
margin-block-start: 0em;
margin-block-end: 0;
}
:has(> .ribbon) {
position: relative;
overflow: hidden;
}
.ribbon {
--ribbon-width: 30rem;
--ribbon-offset: -2rem;
--ribbon-padding: .5em 1em;
--ribbon-background-color: var(--action);
--ribbon-text-color: var(--white);
--ribbon-text-size: var(--text-s);
--ribbon-shadow: 0 5px 10px var(--neutral-trans-10);
--ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg);
--ribbon-transform-origin: bottom right;
position: absolute;
display: block;
padding: var(--ribbon-padding);
background-color: var(--ribbon-background-color);
box-shadow: var(--ribbon-shadow);
text-align: center;
font-size: var(--ribbon-text-size);
color: var(--ribbon-text-color);
inline-size: var(--ribbon-width);
}
.ribbon--top-right, .ribbon[data-ribbon-position="top-right"] {
inset-block-start: var(--ribbon-offset);
inset-inline-end: var(--ribbon-offset);
transform: var(--ribbon-transform);
transform-origin: var(--ribbon-transform-origin);
}
.ribbon--top-left, .ribbon[data-ribbon-position="top-left"] {
--ribbon-transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-135deg);
--ribbon-transform-origin: bottom left;
inset-block-start: var(--ribbon-offset);
inset-inline-start: var(--ribbon-offset);
transform: var(--ribbon-transform);
transform-origin: var(--ribbon-transform-origin);
}
.visibility--hidden.visibility--hidden {
visibility: var(--visibility, hidden);
}
.visibility--visible.visibility--visible {
visibility: var(--visibility, visible);
}
@media (max-width: 1366px) {
.visibility--hidden-xl.visibility--hidden-xl {
visibility: var(--visibility, hidden);
}
.visibility--visible-xl.visibility--visible-xl {
visibility: var(--visibility, visible);
}
}
@media (max-width: 992px) {
.visibility--hidden-l.visibility--hidden-l {
visibility: var(--visibility, hidden);
}
.visibility--visible-l.visibility--visible-l {
visibility: var(--visibility, visible);
}
}
@media (max-width: 768px) {
.visibility--hidden-m.visibility--hidden-m {
visibility: var(--visibility, hidden);
}
.visibility--visible-m.visibility--visible-m {
visibility: var(--visibility, visible);
}
}
@media (max-width: 480px) {
.visibility--hidden-s.visibility--hidden-s {
visibility: var(--visibility, hidden);
}
.visibility--visible-s.visibility--visible-s {
visibility: var(--visibility, visible);
}
}
.display--inline.display--inline {
display: inline;
}
.display--block.display--block {
display: block;
}
.display--contents.display--contents {
display: contents;
}
.display--inline-block.display--inline-block {
display: inline-block;
}
.display--inline-flex.display--inline-flex {
display: inline-flex;
}
.display--list-item.display--list-item {
display: list-item;
}
.display--none.display--none {
display: none;
}
@media (max-width: 1366px) {
.display--xl-block.display--xl-block {
display: block;
}
.display--xl-none.display--xl-none {
display: none;
}
}
@media (max-width: 992px) {
.display--l-block.display--l-block {
display: block;
}
.display--l-none.display--l-none {
display: none;
}
}
@media (max-width: 768px) {
.display--m-block.display--m-block {
display: block;
}
.display--m-none.display--m-none {
display: none;
}
}
@media (max-width: 480px) {
.display--s-block.display--s-block {
display: block;
}
.display--s-none.display--s-none {
display: none;
}
}
@supports (font-size: calc(1vw + 2vw)) {
:root {
--text-xs: calc(0.75rem + (-0.1872186445 * ((100vw - 22.5rem) / 62.875)));
--text-s: calc(0.8125rem + (-0.0623124531 * ((100vw - 22.5rem) / 62.875)));
--text-m: calc(1rem + (0 * ((100vw - 22.5rem) / 62.875)));
--text-l: calc(1.2rem + (0.133 * ((100vw - 22.5rem) / 62.875)));
--text-xl: calc(1.44rem + (0.336889 * ((100vw - 22.5rem) / 62.875)));
--text-xxl: calc(1.728rem + (0.640593037 * ((100vw - 22.5rem) / 62.875)));
--h6: calc(0.75rem + (-0.0465233056 * ((100vw - 22.5rem) / 62.875)));
--h5: calc(0.8125rem + (0.1252344336 * ((100vw - 22.5rem) / 62.875)));
--h4: calc(1.125rem + (0.125 * ((100vw - 22.5rem) / 62.875)));
--h3: calc(1.35rem + (0.31625 * ((100vw - 22.5rem) / 62.875)));
--h2: calc(1.62rem + (0.60111125 * ((100vw - 22.5rem) / 62.875)));
--h1: calc(1.944rem + (1.0167412963 * ((100vw - 22.5rem) / 62.875)));
}
@media (min-width: 1367px) {
:root {
--text-xs: 0.5627813555rem;
--text-s: 0.7501875469rem;
--text-m: 1rem;
--text-l: 1.333rem;
--text-xl: 1.776889rem;
--text-xxl: 2.368593037rem;
--h6: 0.7034766944rem;
--h5: 0.9377344336rem;
--h4: 1.25rem;
--h3: 1.66625rem;
--h2: 2.22111125rem;
--h1: 2.9607412963rem;
}
}
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
:root {
--text-xs: clamp(0.75rem, calc(-0.2977632517vw + 0.8169967316rem), 0.5627813555rem);
--text-s: clamp(0.8125rem, calc(-0.0991052932vw + 0.834798691rem), 0.7501875469rem);
--text-m: clamp(1rem, calc(0vw + 1rem), 1rem);
--text-l: clamp(1.2rem, calc(0.2115308151vw + 1.1524055666rem), 1.333rem);
--text-xl: clamp(1.44rem, calc(0.5358075547vw + 1.3194433002rem), 1.776889rem);
--text-xxl: clamp(1.728rem, calc(1.0188358441vw + 1.4987619351rem), 2.368593037rem);
--h6: clamp(0.75rem, calc(-0.073993329vw + 0.766648499rem), 0.7034766944rem);
--h5: clamp(0.8125rem, calc(0.1991800137vw + 0.7676844969rem), 0.9377344336rem);
--h4: clamp(1.125rem, calc(0.1988071571vw + 1.0802683897rem), 1.25rem);
--h3: clamp(1.35rem, calc(0.5029821074vw + 1.2368290258rem), 1.66625rem);
--h2: clamp(1.62rem, calc(0.9560417495vw + 1.4048906064rem), 2.22111125rem);
--h1: clamp(1.944rem, calc(1.6170835726vw + 1.5801561962rem), 2.9607412963rem);
}
}
@supports (padding: calc(1vw + 2vw)) {
:root {
--space-xs: calc(0.3517383472rem + (0.4815949861 * ((100vw - 22.5rem) / 62.875)));
--space-s: calc(0.4688672168rem + (0.7811327832 * ((100vw - 22.5rem) / 62.875)));
--space-m: calc(0.625rem + (1.25 * ((100vw - 22.5rem) / 62.875)));
--space-l: calc(0.833125rem + (1.979375 * ((100vw - 22.5rem) / 62.875)));
--space-xl: calc(1.110555625rem + (3.108194375 * ((100vw - 22.5rem) / 62.875)));
--space-xxl: calc(1.4803706481rem + (4.8477543519 * ((100vw - 22.5rem) / 62.875)));
--section-space-xs: calc(0.7034766944rem + (1.7965233056 * ((100vw - 22.5rem) / 62.875)));
--section-space-s: calc(0.9377344336rem + (2.8122655664 * ((100vw - 22.5rem) / 62.875)));
--section-space-m: calc(1.25rem + (4.375 * ((100vw - 22.5rem) / 62.875)));
--section-space-l: calc(1.66625rem + (6.77125 * ((100vw - 22.5rem) / 62.875)));
--section-space-xl: calc(2.22111125rem + (10.43513875 * ((100vw - 22.5rem) / 62.875)));
--section-space-xxl: calc(2.9607412963rem + (16.0236337038 * ((100vw - 22.5rem) / 62.875)));
--section-padding-x: calc(0.625rem + (3.125 * ((100vw - 22.5rem) / 62.875)));
--gutter: calc(0.625rem + (3.125 * ((100vw - 22.5rem) / 62.875)));
}
@media (min-width: 1367px) {
:root {
--space-xs: 0.8333333333rem;
--space-s: 1.25rem;
--space-m: 1.875rem;
--space-l: 2.8125rem;
--space-xl: 4.21875rem;
--space-xxl: 6.328125rem;
--section-space-xs: 2.5rem;
--section-space-s: 3.75rem;
--section-space-m: 5.625rem;
--section-space-l: 8.4375rem;
--section-space-xl: 12.65625rem;
--section-space-xxl: 18.984375rem;
--section-padding-x: 3.75rem;
--gutter: 3.75rem;
}
}
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
:root {
--space-xs: clamp(0.3517383472rem, calc(0.7659562404vw + 0.1793981931rem), 0.8333333333rem);
--space-s: clamp(0.4688672168rem, calc(1.2423583033vw + 0.1893365986rem), 1.25rem);
--space-m: clamp(0.625rem, calc(1.9880715706vw + 0.1776838966rem), 1.875rem);
--space-l: clamp(0.833125rem, calc(3.148111332vw + 0.1247999503rem), 2.8125rem);
--space-xl: clamp(1.110555625rem, calc(4.9434502982vw + -0.0017206921rem), 4.21875rem);
--space-xxl: clamp(1.4803706481rem, calc(7.7101460865vw + -0.2544122213rem), 6.328125rem);
--section-space-xs: clamp(0.7034766944rem, calc(2.8572935278vw + 0.0605856506rem), 2.5rem);
--section-space-s: clamp(0.9377344336rem, calc(4.4727881772vw + -0.0686429063rem), 3.75rem);
--section-space-m: clamp(1.25rem, calc(6.958250497vw + -0.3156063618rem), 5.625rem);
--section-space-l: clamp(1.66625rem, calc(10.7693836978vw + -0.756861332rem), 8.4375rem);
--section-space-xl: clamp(2.22111125rem, calc(16.5966421471vw + -1.5131332331rem), 12.65625rem);
--section-space-xxl: clamp(2.9607412963rem, calc(25.484904499vw + -2.773362216rem), 18.984375rem);
--section-padding-x: clamp(0.625rem, calc(4.9701789264vw + -0.4932902584rem), 3.75rem);
--gutter: clamp(0.625rem, calc(4.9701789264vw + -0.4932902584rem), 3.75rem);
}
}
.contain {
container-type: inline-size;
}
.contain > * {
container-type: inline-size;
}
.gap--xs.gap--xs {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--s.gap--s {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--m.gap--m {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--l.gap--l {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--xl.gap--xl {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--xxl.gap--xxl {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
@media (max-width: 1366px) {
.gap--xl-xs.gap--xl-xs {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--xl-s.gap--xl-s {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--xl-m.gap--xl-m {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--xl-l.gap--xl-l {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--xl-xl.gap--xl-xl {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--xl-xxl.gap--xl-xxl {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 992px) {
.gap--l-xs.gap--l-xs {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--l-s.gap--l-s {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--l-m.gap--l-m {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--l-l.gap--l-l {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--l-xl.gap--l-xl {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--l-xxl.gap--l-xxl {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 768px) {
.gap--m-xs.gap--m-xs {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--m-s.gap--m-s {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--m-m.gap--m-m {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--m-l.gap--m-l {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--m-xl.gap--m-xl {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--m-xxl.gap--m-xxl {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 480px) {
.gap--s-xs.gap--s-xs {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--s-s.gap--s-s {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--s-m.gap--s-m {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--s-l.gap--s-l {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--s-xl.gap--s-xl {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--s-xxl.gap--s-xxl {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
.col-gap--xs.col-gap--xs {
column-gap: var(--space-xs);
--col-gap: var(--space-xs);
}
.col-gap--s.col-gap--s {
column-gap: var(--space-s);
--col-gap: var(--space-s);
}
.col-gap--m.col-gap--m {
column-gap: var(--space-m);
--col-gap: var(--space-m);
}
.col-gap--l.col-gap--l {
column-gap: var(--space-l);
--col-gap: var(--space-l);
}
.col-gap--xl.col-gap--xl {
column-gap: var(--space-xl);
--col-gap: var(--space-xl);
}
.col-gap--xxl.col-gap--xxl {
column-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
}
@media (max-width: 1366px) {
.col-gap--xl-xs.col-gap--xl-xs {
column-gap: var(--space-xs);
--col-gap: var(--space-xs);
}
.col-gap--xl-s.col-gap--xl-s {
column-gap: var(--space-s);
--col-gap: var(--space-s);
}
.col-gap--xl-m.col-gap--xl-m {
column-gap: var(--space-m);
--col-gap: var(--space-m);
}
.col-gap--xl-l.col-gap--xl-l {
column-gap: var(--space-l);
--col-gap: var(--space-l);
}
.col-gap--xl-xl.col-gap--xl-xl {
column-gap: var(--space-xl);
--col-gap: var(--space-xl);
}
.col-gap--xl-xxl.col-gap--xl-xxl {
column-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
}
}
@media (max-width: 992px) {
.col-gap--l-xs.col-gap--l-xs {
column-gap: var(--space-xs);
--col-gap: var(--space-xs);
}
.col-gap--l-s.col-gap--l-s {
column-gap: var(--space-s);
--col-gap: var(--space-s);
}
.col-gap--l-m.col-gap--l-m {
column-gap: var(--space-m);
--col-gap: var(--space-m);
}
.col-gap--l-l.col-gap--l-l {
column-gap: var(--space-l);
--col-gap: var(--space-l);
}
.col-gap--l-xl.col-gap--l-xl {
column-gap: var(--space-xl);
--col-gap: var(--space-xl);
}
.col-gap--l-xxl.col-gap--l-xxl {
column-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
}
}
@media (max-width: 768px) {
.col-gap--m-xs.col-gap--m-xs {
column-gap: var(--space-xs);
--col-gap: var(--space-xs);
}
.col-gap--m-s.col-gap--m-s {
column-gap: var(--space-s);
--col-gap: var(--space-s);
}
.col-gap--m-m.col-gap--m-m {
column-gap: var(--space-m);
--col-gap: var(--space-m);
}
.col-gap--m-l.col-gap--m-l {
column-gap: var(--space-l);
--col-gap: var(--space-l);
}
.col-gap--m-xl.col-gap--m-xl {
column-gap: var(--space-xl);
--col-gap: var(--space-xl);
}
.col-gap--m-xxl.col-gap--m-xxl {
column-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
}
}
@media (max-width: 480px) {
.col-gap--s-xs.col-gap--s-xs {
column-gap: var(--space-xs);
--col-gap: var(--space-xs);
}
.col-gap--s-s.col-gap--s-s {
column-gap: var(--space-s);
--col-gap: var(--space-s);
}
.col-gap--s-m.col-gap--s-m {
column-gap: var(--space-m);
--col-gap: var(--space-m);
}
.col-gap--s-l.col-gap--s-l {
column-gap: var(--space-l);
--col-gap: var(--space-l);
}
.col-gap--s-xl.col-gap--s-xl {
column-gap: var(--space-xl);
--col-gap: var(--space-xl);
}
.col-gap--s-xxl.col-gap--s-xxl {
column-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
}
}
.row-gap--xs.row-gap--xs {
row-gap: var(--space-xs);
--row-gap: var(--space-xs);
}
.row-gap--s.row-gap--s {
row-gap: var(--space-s);
--row-gap: var(--space-s);
}
.row-gap--m.row-gap--m {
row-gap: var(--space-m);
--row-gap: var(--space-m);
}
.row-gap--l.row-gap--l {
row-gap: var(--space-l);
--row-gap: var(--space-l);
}
.row-gap--xl.row-gap--xl {
row-gap: var(--space-xl);
--row-gap: var(--space-xl);
}
.row-gap--xxl.row-gap--xxl {
row-gap: var(--space-xxl);
--row-gap: var(--space-xxl);
}
@media (max-width: 1366px) {
.row-gap--xl-xs.row-gap--xl-xs {
row-gap: var(--space-xs);
--row-gap: var(--space-xs);
}
.row-gap--xl-s.row-gap--xl-s {
row-gap: var(--space-s);
--row-gap: var(--space-s);
}
.row-gap--xl-m.row-gap--xl-m {
row-gap: var(--space-m);
--row-gap: var(--space-m);
}
.row-gap--xl-l.row-gap--xl-l {
row-gap: var(--space-l);
--row-gap: var(--space-l);
}
.row-gap--xl-xl.row-gap--xl-xl {
row-gap: var(--space-xl);
--row-gap: var(--space-xl);
}
.row-gap--xl-xxl.row-gap--xl-xxl {
row-gap: var(--space-xxl);
--row-gap: var(--space-xxl);
}
}
@media (max-width: 992px) {
.row-gap--l-xs.row-gap--l-xs {
row-gap: var(--space-xs);
--row-gap: var(--space-xs);
}
.row-gap--l-s.row-gap--l-s {
row-gap: var(--space-s);
--row-gap: var(--space-s);
}
.row-gap--l-m.row-gap--l-m {
row-gap: var(--space-m);
--row-gap: var(--space-m);
}
.row-gap--l-l.row-gap--l-l {
row-gap: var(--space-l);
--row-gap: var(--space-l);
}
.row-gap--l-xl.row-gap--l-xl {
row-gap: var(--space-xl);
--row-gap: var(--space-xl);
}
.row-gap--l-xxl.row-gap--l-xxl {
row-gap: var(--space-xxl);
--row-gap: var(--space-xxl);
}
}
@media (max-width: 768px) {
.row-gap--m-xs.row-gap--m-xs {
row-gap: var(--space-xs);
--row-gap: var(--space-xs);
}
.row-gap--m-s.row-gap--m-s {
row-gap: var(--space-s);
--row-gap: var(--space-s);
}
.row-gap--m-m.row-gap--m-m {
row-gap: var(--space-m);
--row-gap: var(--space-m);
}
.row-gap--m-l.row-gap--m-l {
row-gap: var(--space-l);
--row-gap: var(--space-l);
}
.row-gap--m-xl.row-gap--m-xl {
row-gap: var(--space-xl);
--row-gap: var(--space-xl);
}
.row-gap--m-xxl.row-gap--m-xxl {
row-gap: var(--space-xxl);
--row-gap: var(--space-xxl);
}
}
@media (max-width: 480px) {
.row-gap--s-xs.row-gap--s-xs {
row-gap: var(--space-xs);
--row-gap: var(--space-xs);
}
.row-gap--s-s.row-gap--s-s {
row-gap: var(--space-s);
--row-gap: var(--space-s);
}
.row-gap--s-m.row-gap--s-m {
row-gap: var(--space-m);
--row-gap: var(--space-m);
}
.row-gap--s-l.row-gap--s-l {
row-gap: var(--space-l);
--row-gap: var(--space-l);
}
.row-gap--s-xl.row-gap--s-xl {
row-gap: var(--space-xl);
--row-gap: var(--space-xl);
}
.row-gap--s-xxl.row-gap--s-xxl {
row-gap: var(--space-xxl);
--row-gap: var(--space-xxl);
}
}
.fr-container-gap, .container-gap {
--row-gap: var(--container-gap);
--col-gap: var(--container-gap);
gap: var(--container-gap);
}
.fr-content-gap, .content-gap {
--row-gap: var(--content-gap);
--col-gap: var(--content-gap);
gap: var(--content-gap);
}
.fr-grid-gap, .grid-gap {
--row-gap: var(--grid-gap);
--col-gap: var(--grid-gap);
gap: var(--grid-gap);
}
.gap--none {
--row-gap: 0;
--col-gap: 0;
gap: 0;
}
section:where(:not(.bricks-shape-divider)) {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--container-gap);
}
section > div:where(:not(.bricks-shape-divider)) {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--content-gap);
}
:where(.breakdance :where(.bde-div)) {
gap: var(--content-gap);
}
section > div:where([class*="grid--"]), :where([class*="grid--"]) {
gap: var(--grid-gap);
}
:root {
--f-label-size: clamp(0.875rem, calc(0.1988071571vw + 0.8302683897rem), 1rem);
--f-label-font-weight: 400;
--f-label-line-height: 1;
--f-label-padding-x: 0;
--f-label-padding-y: 0;
--f-label-margin-bottom: 0.5em;
--f-label-text-transform: none;
--f-label-inside-position-left: 1.5em;
--f-label-inside-position-top: 0;
--f-label-inside-scale: 1;
--f-legend-text-weight: 600;
--f-legend-size: clamp(0.875rem, calc(0.1988071571vw + 0.8302683897rem), 1rem);
--f-legend-margin-bottom: 1em;
--f-legend-border: none;
--f-legend-line-height: 1.2;
--f-help-text-weight: 400;
--f-help-size: clamp(0.75rem, calc(0.1988071571vw + 0.7052683897rem), 0.875rem);
--f-help-line-height: 1.4;
--f-help-margin-block: 0.5em 0;
--f-field-margin-bottom: 1.5em;
--f-fieldset-margin-bottom: 1.5em;
--f-grid-gutter: 2rem;
--f-input-border-style: solid;
--f-input-border-top-size: 0.0625rem;
--f-input-border-right-size: 0.0625rem;
--f-input-border-bottom-size: 0.0625rem;
--f-input-border-left-size: 0.0625rem;
--f-input-border-radius: var(--btn-radius);
--f-input-size: clamp(0.875rem, calc(0.3976143141vw + 0.7855367793rem), 1.125rem);
--f-input-font-weight: 400;
--f-input-line-height: 1;
--f-input-height: 3.125rem;
--f-input-padding-x: 1em;
--f-input-padding-y: 0.5em;
--f-btn-border-style: solid;
--f-btn-border-width: var(--btn-border-width);
--f-btn-border-radius: var(--btn-radius);
--f-btn-text-size: clamp(0.875rem, calc(0.3976143141vw + 0.7855367793rem), 1.125rem);
--f-btn-font-weight: 400;
--f-btn-line-height: 1;
--f-btn-padding-y: 0.75em;
--f-btn-padding-x: 1.5em;
--f-btn-margin-top: 0;
--f-btn-text-decoration: none;
--f-btn-text-transform: none;
--f-option-label-font-weight: 400;
--f-option-label-size: clamp(0.875rem, calc(0.1988071571vw + 0.8302683897rem), 1rem);
--f-option-label-spacing: 0.5em;
--f-option-label-line-height: 1.4;
--f-progress-height: 1.875rem;
--f-progress-bar-radius: var(--btn-radius);
--f-tab-border-size: 0;
--f-tab-border-style: solid;
--f-tab-border-radius: 0;
--f-tab-text-size: clamp(1rem, calc(0.1988071571vw + 0.9552683897rem), 1.125rem);
--f-tab-text-weight: 400;
--f-tab-text-line-height: 1;
--f-tab-text-align: center;
--f-tab-text-transform: none;
--f-tab-text-decoration: none;
--f-tab-padding-y: 0.75em;
--f-tab-padding-x: 1.5em;
--f-tab-margin-x: 0;
--f-tab-width: auto;
--f-tab-active-border-bottom-size: 3px;
--f-tab-active-text-weight: 600;
--f-tab-active-border-size: 0;
--f-tab-active-border-style: solid;
--f-tab-group-padding-y: 0;
--f-tab-group-padding-x: 0;
--f-tab-group-border-bottom-size: 2px;
--f-tab-group-border-bottom-style: solid;
--f-tab-group-margin-bottom: 3rem;
}
main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--dark) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
background: var(--primary) !important;
}
main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_calendar td:hover, main:has(.form--light) ~ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
background: var(--primary) !important;
}
#shadow-host-companion {
padding: 0;
}
.border:where(:not(:is(figure, picture))), .border:where(figure, picture) > img {
border: var(--border);
border-radius: var(--radius);
}
.border-light:where(:not(:is(figure, picture))), .border-light:where(figure, picture) > img {
border: var(--border-light);
border-radius: var(--radius);
}
.border-dark:where(:not(:is(figure, picture))), .border-dark:where(figure, picture) > img {
border: var(--border-dark);
border-radius: var(--radius);
}
.border-top:where(:not(:is(figure, picture))), .border-top:where(figure, picture) > img {
border-block-start: var(--border);
}
.border-top--light:where(:not(:is(figure, picture))), .border-top--light:where(figure, picture) > img {
border-block-start: var(--border-light);
}
.border-top--dark:where(:not(:is(figure, picture))), .border-top--dark:where(figure, picture) > img {
border-block-start: var(--border-dark);
}
.border-bottom:where(:not(:is(figure, picture))), .border-bottom:where(figure, picture) > img {
border-block-end: var(--border);
}
.border-bottom--light:where(:not(:is(figure, picture))), .border-bottom--light:where(figure, picture) > img {
border-block-end: var(--border-light);
}
.border-bottom--dark:where(:not(:is(figure, picture))), .border-bottom--dark:where(figure, picture) > img {
border-block-end: var(--border-dark);
}
.border-left:where(:not(:is(figure, picture))), .border-left:where(figure, picture) > img {
border-inline-start: var(--border);
}
.border-left--light:where(:not(:is(figure, picture))), .border-left--light:where(figure, picture) > img {
border-inline-start: var(--border-light);
}
.border-left--dark:where(:not(:is(figure, picture))), .border-left--dark:where(figure, picture) > img {
border-inline-start: var(--border-dark);
}
.border-right:where(:not(:is(figure, picture))), .border-right:where(figure, picture) > img {
border-inline-end: var(--border);
}
.border-right--light:where(:not(:is(figure, picture))), .border-right--light:where(figure, picture) > img {
border-inline-end: var(--border-light);
}
.border-right--dark:where(:not(:is(figure, picture))), .border-right--dark:where(figure, picture) > img {
border-inline-end: var(--border-dark);
}
.border-block:where(:not(:is(figure, picture))), .border-block:where(figure, picture) > img {
border-block: var(--border);
}
.border-block--light:where(:not(:is(figure, picture))), .border-block--light:where(figure, picture) > img {
border-block: var(--border-light);
}
.border-block--dark:where(:not(:is(figure, picture))), .border-block--dark:where(figure, picture) > img {
border-block: var(--border-dark);
}
.border-inline:where(:not(:is(figure, picture))), .border-inline:where(figure, picture) > img {
border-inline: var(--border);
}
.border-inline--light:where(:not(:is(figure, picture))), .border-inline--light:where(figure, picture) > img {
border-inline: var(--border-light);
}
.border-inline--dark:where(:not(:is(figure, picture))), .border-inline--dark:where(figure, picture) > img {
border-inline: var(--border-dark);
}
.radius {
border-radius: var(--radius);
}
.radius--50.radius--50, .rounded--50.rounded--50 {
border-radius: var(--radius-50);
}
.radius--circle.radius--circle, .rounded--circle.rounded--circle {
border-radius: var(--radius-circle);
}
.radius--none.radius--none, .rounded--none.rounded--none {
border-radius: var(--radius-none);
}
.radius--xs.radius--xs, .rounded--xs.rounded--xs {
border-radius: var(--radius-xs);
}
.radius--s.radius--s, .rounded--s.rounded--s {
border-radius: var(--radius-s);
}
.radius--m.radius--m, .rounded--m.rounded--m {
border-radius: var(--radius-m);
}
.radius--l.radius--l, .rounded--l.rounded--l {
border-radius: var(--radius-l);
}
.radius--xl.radius--xl, .rounded--xl.rounded--xl {
border-radius: var(--radius-xl);
}
.radius--xxl.radius--xxl, .rounded--xxl.rounded--xxl {
border-radius: var(--radius-xxl);
}
:where(img):not(header img), :where(figure:not(figure:has(img))) {
border-radius: var(--radius);
}
.acss-auto-radius :where(img):not(header img), .acss-auto-radius :where(figure:not(figure:has(img))) {
border-radius: var(--radius);
}
.divider-bottom.divider-bottom {
position: relative;
overflow: visible;
margin-block-end: calc(var(--divider-gap) * 2);
}
.divider-bottom.divider-bottom::after {
inset-block-end: calc(var(--divider-gap) * -1 - var(--divider-size));
}
.divider-bottom.divider-bottom::after {
content: "";
display: block;
position: absolute;
inset-inline-start: 0;
inline-size: var(--divider-inline-size);
border-block-end: var(--divider);
}
.divider-top.divider-top {
position: relative;
overflow: visible;
margin-block-start: calc(var(--divider-gap) * 2);
}
.divider-top.divider-top::after {
inset-block-start: calc(var(--divider-gap) * -1 - var(--divider-size));
}
.divider-top.divider-top::after {
content: "";
display: block;
position: absolute;
inset-inline-start: 0;
inline-size: var(--divider-inline-size);
border-block-end: var(--divider);
}
.divider--all.divider--all {
row-gap: 0;
}
.divider--all.divider--all > *:not(:last-child) {
position: relative;
overflow: visible;
margin-block-end: calc(var(--divider-gap) * 2);
}
.divider--all.divider--all > *:not(:last-child)::after {
inset-block-end: calc(var(--divider-gap) * -1 - var(--divider-size));
}
.divider--all.divider--all > *:not(:last-child)::after {
content: "";
display: block;
position: absolute;
inset-inline-start: 0;
inline-size: var(--divider-inline-size);
border-block-end: var(--divider);
}
a[class*="link--"], [class*="link--"] a, button[class*="link--"], [class*="link--"] button {
color: var(--link-color);
text-decoration-color: var(--link-color);
}
a[class*="link--"]:hover, [class*="link--"] a:hover, button[class*="link--"]:hover, [class*="link--"] button:hover {
color: var(--link-color-hover);
text-decoration-color: var(--link-color-hover);
}
button[class*="link--"], [class*="link--"] button {
background: transparent;
}
.link--primary {
--link-color: var(--primary);
--link-color-hover: var(--primary-hover);
}
.link-hover--primary.link-hover--primary {
--link-color-hover: var(--primary);
}
.link--primary-hover {
--link-color: var(--primary-hover);
--link-color-hover: var(--primary-hover-hover);
}
.link-hover--primary-hover.link-hover--primary-hover {
--link-color-hover: var(--primary-hover);
}
.link--primary-ultra-light {
--link-color: var(--primary-ultra-light);
--link-color-hover: var(--primary-ultra-light-hover);
}
.link-hover--primary-ultra-light.link-hover--primary-ultra-light {
--link-color-hover: var(--primary-ultra-light);
}
.link--primary-light {
--link-color: var(--primary-light);
--link-color-hover: var(--primary-light-hover);
}
.link-hover--primary-light.link-hover--primary-light {
--link-color-hover: var(--primary-light);
}
.link--primary-semi-light {
--link-color: var(--primary-semi-light);
--link-color-hover: var(--primary-semi-light-hover);
}
.link-hover--primary-semi-light.link-hover--primary-semi-light {
--link-color-hover: var(--primary-semi-light);
}
.link--primary-semi-dark {
--link-color: var(--primary-semi-dark);
--link-color-hover: var(--primary-semi-dark-hover);
}
.link-hover--primary-semi-dark.link-hover--primary-semi-dark {
--link-color-hover: var(--primary-semi-dark);
}
.link--primary-dark {
--link-color: var(--primary-dark);
--link-color-hover: var(--primary-dark-hover);
}
.link-hover--primary-dark.link-hover--primary-dark {
--link-color-hover: var(--primary-dark);
}
.link--primary-ultra-dark {
--link-color: var(--primary-ultra-dark);
--link-color-hover: var(--primary-ultra-dark-hover);
}
.link-hover--primary-ultra-dark.link-hover--primary-ultra-dark {
--link-color-hover: var(--primary-ultra-dark);
}
.link--secondary {
--link-color: var(--secondary);
--link-color-hover: var(--secondary-hover);
}
.link-hover--secondary.link-hover--secondary {
--link-color-hover: var(--secondary);
}
.link--secondary-hover {
--link-color: var(--secondary-hover);
--link-color-hover: var(--secondary-hover-hover);
}
.link-hover--secondary-hover.link-hover--secondary-hover {
--link-color-hover: var(--secondary-hover);
}
.link--secondary-ultra-light {
--link-color: var(--secondary-ultra-light);
--link-color-hover: var(--secondary-ultra-light-hover);
}
.link-hover--secondary-ultra-light.link-hover--secondary-ultra-light {
--link-color-hover: var(--secondary-ultra-light);
}
.link--secondary-light {
--link-color: var(--secondary-light);
--link-color-hover: var(--secondary-light-hover);
}
.link-hover--secondary-light.link-hover--secondary-light {
--link-color-hover: var(--secondary-light);
}
.link--secondary-semi-light {
--link-color: var(--secondary-semi-light);
--link-color-hover: var(--secondary-semi-light-hover);
}
.link-hover--secondary-semi-light.link-hover--secondary-semi-light {
--link-color-hover: var(--secondary-semi-light);
}
.link--secondary-semi-dark {
--link-color: var(--secondary-semi-dark);
--link-color-hover: var(--secondary-semi-dark-hover);
}
.link-hover--secondary-semi-dark.link-hover--secondary-semi-dark {
--link-color-hover: var(--secondary-semi-dark);
}
.link--secondary-dark {
--link-color: var(--secondary-dark);
--link-color-hover: var(--secondary-dark-hover);
}
.link-hover--secondary-dark.link-hover--secondary-dark {
--link-color-hover: var(--secondary-dark);
}
.link--secondary-ultra-dark {
--link-color: var(--secondary-ultra-dark);
--link-color-hover: var(--secondary-ultra-dark-hover);
}
.link-hover--secondary-ultra-dark.link-hover--secondary-ultra-dark {
--link-color-hover: var(--secondary-ultra-dark);
}
.link--base {
--link-color: var(--base);
--link-color-hover: var(--base-hover);
}
.link-hover--base.link-hover--base {
--link-color-hover: var(--base);
}
.link--base-hover {
--link-color: var(--base-hover);
--link-color-hover: var(--base-hover-hover);
}
.link-hover--base-hover.link-hover--base-hover {
--link-color-hover: var(--base-hover);
}
.link--base-ultra-light {
--link-color: var(--base-ultra-light);
--link-color-hover: var(--base-ultra-light-hover);
}
.link-hover--base-ultra-light.link-hover--base-ultra-light {
--link-color-hover: var(--base-ultra-light);
}
.link--base-light {
--link-color: var(--base-light);
--link-color-hover: var(--base-light-hover);
}
.link-hover--base-light.link-hover--base-light {
--link-color-hover: var(--base-light);
}
.link--base-semi-light {
--link-color: var(--base-semi-light);
--link-color-hover: var(--base-semi-light-hover);
}
.link-hover--base-semi-light.link-hover--base-semi-light {
--link-color-hover: var(--base-semi-light);
}
.link--base-semi-dark {
--link-color: var(--base-semi-dark);
--link-color-hover: var(--base-semi-dark-hover);
}
.link-hover--base-semi-dark.link-hover--base-semi-dark {
--link-color-hover: var(--base-semi-dark);
}
.link--base-dark {
--link-color: var(--base-dark);
--link-color-hover: var(--base-dark-hover);
}
.link-hover--base-dark.link-hover--base-dark {
--link-color-hover: var(--base-dark);
}
.link--base-ultra-dark {
--link-color: var(--base-ultra-dark);
--link-color-hover: var(--base-ultra-dark-hover);
}
.link-hover--base-ultra-dark.link-hover--base-ultra-dark {
--link-color-hover: var(--base-ultra-dark);
}
.link--neutral {
--link-color: var(--neutral);
--link-color-hover: var(--neutral-hover);
}
.link-hover--neutral.link-hover--neutral {
--link-color-hover: var(--neutral);
}
.link--neutral-hover {
--link-color: var(--neutral-hover);
--link-color-hover: var(--neutral-hover-hover);
}
.link-hover--neutral-hover.link-hover--neutral-hover {
--link-color-hover: var(--neutral-hover);
}
.link--neutral-ultra-light {
--link-color: var(--neutral-ultra-light);
--link-color-hover: var(--neutral-ultra-light-hover);
}
.link-hover--neutral-ultra-light.link-hover--neutral-ultra-light {
--link-color-hover: var(--neutral-ultra-light);
}
.link--neutral-light {
--link-color: var(--neutral-light);
--link-color-hover: var(--neutral-light-hover);
}
.link-hover--neutral-light.link-hover--neutral-light {
--link-color-hover: var(--neutral-light);
}
.link--neutral-semi-light {
--link-color: var(--neutral-semi-light);
--link-color-hover: var(--neutral-semi-light-hover);
}
.link-hover--neutral-semi-light.link-hover--neutral-semi-light {
--link-color-hover: var(--neutral-semi-light);
}
.link--neutral-semi-dark {
--link-color: var(--neutral-semi-dark);
--link-color-hover: var(--neutral-semi-dark-hover);
}
.link-hover--neutral-semi-dark.link-hover--neutral-semi-dark {
--link-color-hover: var(--neutral-semi-dark);
}
.link--neutral-dark {
--link-color: var(--neutral-dark);
--link-color-hover: var(--neutral-dark-hover);
}
.link-hover--neutral-dark.link-hover--neutral-dark {
--link-color-hover: var(--neutral-dark);
}
.link--neutral-ultra-dark {
--link-color: var(--neutral-ultra-dark);
--link-color-hover: var(--neutral-ultra-dark-hover);
}
.link-hover--neutral-ultra-dark.link-hover--neutral-ultra-dark {
--link-color-hover: var(--neutral-ultra-dark);
}
.link--white {
--link-color: var(--white);
--link-color-hover: var(--white-hover);
}
.link-hover--white.link-hover--white {
--link-color-hover: var(--white);
}
.link--black {
--link-color: var(--black);
--link-color-hover: var(--black-hover);
}
.link-hover--black.link-hover--black {
--link-color-hover: var(--black);
}
.transition {
transition: var(--transition);
}
[data-icon]:is(svg, i, a) {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
box-sizing: content-box;
color: var(--icon-color, var(--neutral-dark));
font-size: var(--icon-size);
height: var(--icon-height, var(--icon-size, 24px));
width: var(--icon-width, var(--icon-size, 24px));
transition: var(--icon-transition, var(--transition));
padding: var(--icon-padding, 12px);
border-width: var(--icon-border-width, 0);
border-style: var(--icon-border-style, solid);
border-radius: var(--icon-radius, var(--radius));
background: var(--icon-background, var(--neutral-ultra-light));
border-color: var(--icon-border-color, transparent);
box-shadow: var(--icon-shadow, none);
}
[data-icon]:is(i)::before {
width: 100%;
height: 100%;
text-align: center;
font-size: var(--icon-size);
}
[data-icon].brxe-icon {
font-size: var(--icon-size);
}
[data-icon] svg {
color: var(--icon-color);
}
[data-icon]:is(a):hover, [data-icon] [data-icon-hover]:hover, [data-icon] [data-icon-hover]:hover [data-icon] {
--icon-background: var(--icon-background-hover);
--icon-color: var(--icon-color-hover);
--icon-border-color: var(--icon-border-color-hover);
}
.icon--s, [data-icon-size="s"] {
--icon-size: var(--icon-size-s);
--icon-padding: var(--icon-padding-s);
}
.icon--m, [data-icon-size="m"] {
--icon-size: var(--icon-size-m);
--icon-padding: var(--icon-padding-m);
}
.icon--l, [data-icon-size="l"] {
--icon-size: var(--icon-size-l);
--icon-padding: var(--icon-padding-l);
}
.icon--light, [data-icon-theme="light"] {
--icon-color: var(--primary-light);
--icon-color-hover: var(--primary-ultra-light);
--icon-background: var(--primary-dark);
--icon-background-hover: var(--primary-ultra-dark);
--icon-border-color: var(--primary-dark-trans-10);
--icon-border-color-hover: var(--primary-dark-trans-10);
--icon-shadow: ;
}
.icon--dark, [data-icon-theme="dark"] {
--icon-color: var(--primary-dark);
--icon-color-hover: var(--primary-semi-dark);
--icon-background: var(--primary-light);
--icon-background-hover: var(--primary-ultra-light);
--icon-border-color: var(--primary-dark-trans-10);
--icon-border-color-hover: var(--primary-dark-trans-10);
--icon-shadow: ;
}
.icon--boxed, [data-icon-style="boxed"] {
padding: var(--icon-padding, 12px);
border-width: var(--icon-border-width, 0);
border-style: var(--icon-border-style, solid);
border-radius: var(--icon-radius, var(--radius));
background: var(--icon-background, var(--neutral-ultra-light));
border-color: var(--icon-border-color, transparent);
}
.icon--naked, [data-icon-style="naked"] {
--icon-background: transparent;
--icon-border-width: 0;
--icon-padding: 0;
}
:is([data-icon-list], .icon-list) {
display: flex;
flex-direction: column;
gap: var(--icon-list-gap, 1em);
}
:is([data-icon-list], .icon-list) :where(svg, i) {
--icon-size: var(--icon-list-icon-size, 1em);
position: relative;
translate: var(--icon-inline-offset, 0) var(--icon-block-offset, 0);
flex-shrink: 0;
}
:is([data-icon-list], .icon-list) :where(svg, i):is(svg, i, a) {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
box-sizing: content-box;
color: var(--icon-color, var(--neutral-dark));
font-size: var(--icon-size);
height: var(--icon-height, var(--icon-size, 24px));
width: var(--icon-width, var(--icon-size, 24px));
transition: var(--icon-transition, var(--transition));
box-shadow: var(--icon-shadow, none);
}
:is([data-icon-list], .icon-list) :where(svg, i):is(i)::before {
width: 100%;
height: 100%;
text-align: center;
font-size: var(--icon-size);
}
:is([data-icon-list], .icon-list) :where(svg, i).brxe-icon {
font-size: var(--icon-size);
}
:is([data-icon-list], .icon-list) :where(svg, i) svg {
color: var(--icon-color);
}
:is([data-icon-list], .icon-list) :where(svg, i):is(a):hover, :is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover, :is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover [data-icon] {
--icon-background: var(--icon-background-hover);
--icon-color: var(--icon-color-hover);
--icon-border-color: var(--icon-border-color-hover);
}
:is([data-icon-list], .icon-list) a:hover {
--icon-color: var(--icon-color-hover, var(--primary));
--icon-background: var(--icon-background-hover, var(--primary-hover));
}
:where(a:has(> svg, > i)):hover {
--icon-color: var(--icon-color-hover, var(--primary));
--icon-background: var(--icon-background-hover, var(--primary-hover));
}
.fade--block {
--fade-amount: 25%;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
}
.fade--inline {
--fade-amount: 25%;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
}
.fade--top {
--fade-amount: 25%;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount));
mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount));
}
.fade--right {
--fade-amount: 25%;
-webkit-mask-image: linear-gradient(to left, transparent 0%, black var(--fade-amount));
mask-image: linear-gradient(to left, transparent 0%, black var(--fade-amount));
}
.fade--bottom {
--fade-amount: 25%;
-webkit-mask-image: linear-gradient(to top, transparent 0%, black var(--fade-amount));
mask-image: linear-gradient(to top, transparent 0%, black var(--fade-amount));
}
.fade--left {
--fade-amount: 25%;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount));
mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount));
}:root {
--wp-page-block-width: 100%;
--wp-post-block-width: 767px;
}
.wp-block-button[class*="btn--"] {
padding: 0 !important;
background-color: transparent !important;
min-inline-size: 0 !important;
border: 0 !important;
}
.btn--primary {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.btn--primary-dark {
--btn-background: var(--primary-dark);
--btn-background-hover: var(--primary-ultra-dark);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-ultra-dark);
--focus-color: var(--primary-semi-dark);
}
.btn--primary-light {
--btn-background: var(--primary-ultra-light);
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-dark);
--btn-border-color: var(--primary-ultra-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--primary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.btn--primary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-dark);
--btn-text-color: var(--primary-dark);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-dark);
--focus-color: var(--primary-light);
}
.btn--primary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary-light);
--btn-text-color-hover: var(--primary-dark);
--btn-border-width: 2px;
--btn-border-color: var(--primary-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--secondary {
--btn-background: var(--secondary);
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark {
--btn-background: var(--secondary-dark);
--btn-background-hover: var(--secondary-ultra-dark);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-ultra-dark);
--focus-color: var(--secondary-semi-dark);
}
.btn--secondary-light {
--btn-background: var(--secondary-ultra-light);
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-dark);
--btn-border-color: var(--secondary-ultra-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
.btn--secondary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-dark);
--btn-text-color: var(--secondary-dark);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-dark);
--focus-color: var(--secondary-light);
}
.btn--secondary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary-light);
--btn-text-color-hover: var(--secondary-dark);
--btn-border-width: 2px;
--btn-border-color: var(--secondary-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
[class*="btn--"]:not(.btn--none, .wp-block-button), .wp-block-button[class*="btn--"] > .wp-block-button__link, .wp-block-button[class*="btn--"] > a {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
[class*="btn--"]:not(.btn--none, .wp-block-button):hover, .wp-block-button[class*="btn--"] > .wp-block-button__link:hover, .wp-block-button[class*="btn--"] > a:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
[class*="btn--"]:not(.btn--none, .wp-block-button):focus, .wp-block-button[class*="btn--"] > .wp-block-button__link:focus, .wp-block-button[class*="btn--"] > a:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--xs:not(.wp-block-button), .wp-block-button.btn--xs > a, .wp-block-button.btn--xs > .wp-block-button__link {
font-size: var(--text-xs);
}
.btn--s:not(.wp-block-button), .wp-block-button.btn--s > a, .wp-block-button.btn--s > .wp-block-button__link {
font-size: var(--text-s);
}
.btn--m:not(.wp-block-button), .wp-block-button.btn--m > a, .wp-block-button.btn--m > .wp-block-button__link {
font-size: var(--text-m);
}
.btn--l:not(.wp-block-button), .wp-block-button.btn--l > a, .wp-block-button.btn--l > .wp-block-button__link {
font-size: var(--text-l);
}
.btn--xl:not(.wp-block-button), .wp-block-button.btn--xl > a, .wp-block-button.btn--xl > .wp-block-button__link {
font-size: var(--text-xl);
}
.btn--xxl:not(.wp-block-button), .wp-block-button.btn--xxl > a, .wp-block-button.btn--xxl > .wp-block-button__link {
font-size: var(--text-xxl);
}
a[class*="btn--"] {
display: inline-flex;
}
.btn--clear.btn--clear, .btn--none.btn--none {
background: none;
border: none;
}
.editor-styles-wrapper {
width: 100% !important;
}.breakdance {
--bde-section-width: var(--content-width);
--bde-header-width: var(--content-width);
}
section {
--bde-section-vertical-padding: 0;
--bde-section-horizontal-padding: 0;
}
.section-container {
width: 100%;
}
.btn--primary:not(.bde-button), .btn--primary.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--primary:not(.bde-button):hover, .btn--primary.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--primary:not(.bde-button):focus, .btn--primary.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--primary-dark:not(.bde-button), .btn--primary-dark.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--primary-dark:not(.bde-button):hover, .btn--primary-dark.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--primary-dark:not(.bde-button):focus, .btn--primary-dark.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--primary-light:not(.bde-button), .btn--primary-light.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--primary-light:not(.bde-button):hover, .btn--primary-light.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--primary-light:not(.bde-button):focus, .btn--primary-light.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--primary.btn--outline:not(.bde-button), .btn--primary.btn--outline.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--primary.btn--outline:not(.bde-button):hover, .btn--primary.btn--outline.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--primary.btn--outline:not(.bde-button):focus, .btn--primary.btn--outline.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--primary-dark.btn--outline:not(.bde-button), .btn--primary-dark.btn--outline.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--primary-dark.btn--outline:not(.bde-button):hover, .btn--primary-dark.btn--outline.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--primary-dark.btn--outline:not(.bde-button):focus, .btn--primary-dark.btn--outline.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--primary-light.btn--outline:not(.bde-button), .btn--primary-light.btn--outline.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--primary-light.btn--outline:not(.bde-button):hover, .btn--primary-light.btn--outline.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--primary-light.btn--outline:not(.bde-button):focus, .btn--primary-light.btn--outline.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--secondary:not(.bde-button), .btn--secondary.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--secondary:not(.bde-button):hover, .btn--secondary.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--secondary:not(.bde-button):focus, .btn--secondary.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--secondary-dark:not(.bde-button), .btn--secondary-dark.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--secondary-dark:not(.bde-button):hover, .btn--secondary-dark.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--secondary-dark:not(.bde-button):focus, .btn--secondary-dark.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--secondary-light:not(.bde-button), .btn--secondary-light.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--secondary-light:not(.bde-button):hover, .btn--secondary-light.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--secondary-light:not(.bde-button):focus, .btn--secondary-light.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--secondary.btn--outline:not(.bde-button), .btn--secondary.btn--outline.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--secondary.btn--outline:not(.bde-button):hover, .btn--secondary.btn--outline.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--secondary.btn--outline:not(.bde-button):focus, .btn--secondary.btn--outline.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--secondary-dark.btn--outline:not(.bde-button), .btn--secondary-dark.btn--outline.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--secondary-dark.btn--outline:not(.bde-button):hover, .btn--secondary-dark.btn--outline.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--secondary-dark.btn--outline:not(.bde-button):focus, .btn--secondary-dark.btn--outline.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--secondary-light.btn--outline:not(.bde-button), .btn--secondary-light.btn--outline.bde-button > .bde-button__button {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
.btn--secondary-light.btn--outline:not(.bde-button):hover, .btn--secondary-light.btn--outline.bde-button > .bde-button__button:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.btn--secondary-light.btn--outline:not(.bde-button):focus, .btn--secondary-light.btn--outline.bde-button > .bde-button__button:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--primary {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.btn--primary-dark {
--btn-background: var(--primary-dark);
--btn-background-hover: var(--primary-ultra-dark);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-ultra-dark);
--focus-color: var(--primary-semi-dark);
}
.btn--primary-light {
--btn-background: var(--primary-ultra-light);
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-dark);
--btn-border-color: var(--primary-ultra-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--primary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-light);
}
.btn--primary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-dark);
--btn-text-color: var(--primary-dark);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-dark);
--focus-color: var(--primary-light);
}
.btn--primary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary-light);
--btn-text-color-hover: var(--primary-dark);
--btn-border-width: 2px;
--btn-border-color: var(--primary-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--secondary {
--btn-background: var(--secondary);
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark {
--btn-background: var(--secondary-dark);
--btn-background-hover: var(--secondary-ultra-dark);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-ultra-dark);
--focus-color: var(--secondary-semi-dark);
}
.btn--secondary-light {
--btn-background: var(--secondary-ultra-light);
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-dark);
--btn-border-color: var(--secondary-ultra-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
.btn--secondary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-dark);
--btn-text-color: var(--secondary-dark);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-dark);
--focus-color: var(--secondary-light);
}
.btn--secondary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary-light);
--btn-text-color-hover: var(--secondary-dark);
--btn-border-width: 2px;
--btn-border-color: var(--secondary-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
.btn--xs:not(.bde-button), .btn--xs.bde-button > .bde-button__button {
font-size: var(--text-xs);
}
.btn--s:not(.bde-button), .btn--s.bde-button > .bde-button__button {
font-size: var(--text-s);
}
.btn--m:not(.bde-button), .btn--m.bde-button > .bde-button__button {
font-size: var(--text-m);
}
.btn--l:not(.bde-button), .btn--l.bde-button > .bde-button__button {
font-size: var(--text-l);
}
.btn--xl:not(.bde-button), .btn--xl.bde-button > .bde-button__button {
font-size: var(--text-xl);
}
.btn--xxl:not(.bde-button), .btn--xxl.bde-button > .bde-button__button {
font-size: var(--text-xxl);
}
.gap--xs:not(section), section.gap--xs > .section-container {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--s:not(section), section.gap--s > .section-container {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--m:not(section), section.gap--m > .section-container {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--l:not(section), section.gap--l > .section-container {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--xl:not(section), section.gap--xl > .section-container {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--xxl:not(section), section.gap--xxl > .section-container {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
@media (max-width: 1366px) {
.gap--xl-xs:not(section), section.gap--xl-xs > .section-container {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--xl-s:not(section), section.gap--xl-s > .section-container {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--xl-m:not(section), section.gap--xl-m > .section-container {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--xl-l:not(section), section.gap--xl-l > .section-container {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--xl-xl:not(section), section.gap--xl-xl > .section-container {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--xl-xxl:not(section), section.gap--xl-xxl > .section-container {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 992px) {
.gap--l-xs:not(section), section.gap--l-xs > .section-container {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--l-s:not(section), section.gap--l-s > .section-container {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--l-m:not(section), section.gap--l-m > .section-container {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--l-l:not(section), section.gap--l-l > .section-container {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--l-xl:not(section), section.gap--l-xl > .section-container {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--l-xxl:not(section), section.gap--l-xxl > .section-container {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 768px) {
.gap--m-xs:not(section), section.gap--m-xs > .section-container {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--m-s:not(section), section.gap--m-s > .section-container {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--m-m:not(section), section.gap--m-m > .section-container {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--m-l:not(section), section.gap--m-l > .section-container {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--m-xl:not(section), section.gap--m-xl > .section-container {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--m-xxl:not(section), section.gap--m-xxl > .section-container {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
@media (max-width: 480px) {
.gap--s-xs:not(section), section.gap--s-xs > .section-container {
gap: var(--space-xs);
--row-gap: var(--space-xs);
--col-gap: var(--space-xs);
--grid-gap: var(--space-xs);
}
.gap--s-s:not(section), section.gap--s-s > .section-container {
gap: var(--space-s);
--row-gap: var(--space-s);
--col-gap: var(--space-s);
--grid-gap: var(--space-s);
}
.gap--s-m:not(section), section.gap--s-m > .section-container {
gap: var(--space-m);
--row-gap: var(--space-m);
--col-gap: var(--space-m);
--grid-gap: var(--space-m);
}
.gap--s-l:not(section), section.gap--s-l > .section-container {
gap: var(--space-l);
--row-gap: var(--space-l);
--col-gap: var(--space-l);
--grid-gap: var(--space-l);
}
.gap--s-xl:not(section), section.gap--s-xl > .section-container {
gap: var(--space-xl);
--row-gap: var(--space-xl);
--col-gap: var(--space-xl);
--grid-gap: var(--space-xl);
}
.gap--s-xxl:not(section), section.gap--s-xxl > .section-container {
gap: var(--space-xxl);
--row-gap: var(--space-xxl);
--col-gap: var(--space-xxl);
--grid-gap: var(--space-xxl);
}
}
.grid-gap:not(section), section.grid-gap > .section-container {
gap: var(--grid-gap);
}
.container-gap:not(section), section.container-gap > .section-container {
gap: var(--container-gap);
}
.content-gap:not(section), section.content-gap > .section-container {
gap: var(--content-gap);
}
:where(.section-container) {
row-gap: var(--content-gap);
}
.grid--1:not(.bde-section), .bde-section.grid--1 > .section-container {
display: grid !important;
grid-template-columns: repeat(1, minmax(0, 1fr));
inline-size: 100%;
}
.grid--1:not(.bde-section) > *, .bde-section.grid--1 > .section-container > * {
grid-column: 1 !important;
}
.grid--2:not(.bde-section), .bde-section.grid--2 > .section-container {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
inline-size: 100%;
}
.grid--3:not(.bde-section), .bde-section.grid--3 > .section-container {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
inline-size: 100%;
}
.grid--4:not(.bde-section), .bde-section.grid--4 > .section-container {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
inline-size: 100%;
}
.grid--5:not(.bde-section), .bde-section.grid--5 > .section-container {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr));
inline-size: 100%;
}
.grid--6:not(.bde-section), .bde-section.grid--6 > .section-container {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr));
inline-size: 100%;
}
.grid--7:not(.bde-section), .bde-section.grid--7 > .section-container {
display: grid !important;
grid-template-columns: repeat(7, minmax(0, 1fr));
inline-size: 100%;
}
.grid--8:not(.bde-section), .bde-section.grid--8 > .section-container {
display: grid !important;
grid-template-columns: repeat(8, minmax(0, 1fr));
inline-size: 100%;
}
.grid--9:not(.bde-section), .bde-section.grid--9 > .section-container {
display: grid !important;
grid-template-columns: repeat(9, minmax(0, 1fr));
inline-size: 100%;
}
.grid--10:not(.bde-section), .bde-section.grid--10 > .section-container {
display: grid !important;
grid-template-columns: repeat(10, minmax(0, 1fr));
inline-size: 100%;
}
.grid--11:not(.bde-section), .bde-section.grid--11 > .section-container {
display: grid !important;
grid-template-columns: repeat(11, minmax(0, 1fr));
inline-size: 100%;
}
.grid--12:not(.bde-section), .bde-section.grid--12 > .section-container {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr));
inline-size: 100%;
}
.grid--1-2:not(.bde-section), .bde-section.grid--1-2 > .section-container {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
inline-size: 100%;
}
.grid--1-3:not(.bde-section), .bde-section.grid--1-3 > .section-container {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
inline-size: 100%;
}
.grid--2-1:not(.bde-section), .bde-section.grid--2-1 > .section-container {
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
inline-size: 100%;
}
.grid--2-3:not(.bde-section), .bde-section.grid--2-3 > .section-container {
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
inline-size: 100%;
}
.grid--3-1:not(.bde-section), .bde-section.grid--3-1 > .section-container {
display: grid !important;
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
inline-size: 100%;
}
.grid--3-2:not(.bde-section), .bde-section.grid--3-2 > .section-container {
display: grid !important;
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
inline-size: 100%;
}
@media (max-width: 1366px) {
.grid--xl-1:not(.bde-section), .bde-section.grid--xl-1 > .section-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--xl-1:not(.bde-section) > .bde-section, .bde-section.grid--xl-1 > .section-container > .bde-section {
grid-column: 1 !important;
}
.grid--xl-2:not(.bde-section), .bde-section.grid--xl-2 > .section-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--xl-3:not(.bde-section), .bde-section.grid--xl-3 > .section-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--xl-4:not(.bde-section), .bde-section.grid--xl-4 > .section-container {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--xl-5:not(.bde-section), .bde-section.grid--xl-5 > .section-container {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--xl-6:not(.bde-section), .bde-section.grid--xl-6 > .section-container {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--xl-7:not(.bde-section), .bde-section.grid--xl-7 > .section-container {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--xl-8:not(.bde-section), .bde-section.grid--xl-8 > .section-container {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--xl-9:not(.bde-section), .bde-section.grid--xl-9 > .section-container {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--xl-10:not(.bde-section), .bde-section.grid--xl-10 > .section-container {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--xl-11:not(.bde-section), .bde-section.grid--xl-11 > .section-container {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--xl-12:not(.bde-section), .bde-section.grid--xl-12 > .section-container {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 992px) {
.grid--l-1:not(.bde-section), .bde-section.grid--l-1 > .section-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--l-1:not(.bde-section) > .bde-section, .bde-section.grid--l-1 > .section-container > .bde-section {
grid-column: 1 !important;
}
.grid--l-2:not(.bde-section), .bde-section.grid--l-2 > .section-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--l-3:not(.bde-section), .bde-section.grid--l-3 > .section-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--l-4:not(.bde-section), .bde-section.grid--l-4 > .section-container {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--l-5:not(.bde-section), .bde-section.grid--l-5 > .section-container {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--l-6:not(.bde-section), .bde-section.grid--l-6 > .section-container {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--l-7:not(.bde-section), .bde-section.grid--l-7 > .section-container {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--l-8:not(.bde-section), .bde-section.grid--l-8 > .section-container {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--l-9:not(.bde-section), .bde-section.grid--l-9 > .section-container {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--l-10:not(.bde-section), .bde-section.grid--l-10 > .section-container {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--l-11:not(.bde-section), .bde-section.grid--l-11 > .section-container {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--l-12:not(.bde-section), .bde-section.grid--l-12 > .section-container {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.grid--m-1:not(.bde-section), .bde-section.grid--m-1 > .section-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--m-1:not(.bde-section) > .bde-section, .bde-section.grid--m-1 > .section-container > .bde-section {
grid-column: 1 !important;
}
.grid--m-2:not(.bde-section), .bde-section.grid--m-2 > .section-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--m-3:not(.bde-section), .bde-section.grid--m-3 > .section-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--m-4:not(.bde-section), .bde-section.grid--m-4 > .section-container {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--m-5:not(.bde-section), .bde-section.grid--m-5 > .section-container {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--m-6:not(.bde-section), .bde-section.grid--m-6 > .section-container {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--m-7:not(.bde-section), .bde-section.grid--m-7 > .section-container {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--m-8:not(.bde-section), .bde-section.grid--m-8 > .section-container {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--m-9:not(.bde-section), .bde-section.grid--m-9 > .section-container {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--m-10:not(.bde-section), .bde-section.grid--m-10 > .section-container {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--m-11:not(.bde-section), .bde-section.grid--m-11 > .section-container {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--m-12:not(.bde-section), .bde-section.grid--m-12 > .section-container {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.grid--s-1:not(.bde-section), .bde-section.grid--s-1 > .section-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid--s-1:not(.bde-section) > .bde-section, .bde-section.grid--s-1 > .section-container > .bde-section {
grid-column: 1 !important;
}
.grid--s-2:not(.bde-section), .bde-section.grid--s-2 > .section-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid--s-3:not(.bde-section), .bde-section.grid--s-3 > .section-container {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid--s-4:not(.bde-section), .bde-section.grid--s-4 > .section-container {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid--s-5:not(.bde-section), .bde-section.grid--s-5 > .section-container {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid--s-6:not(.bde-section), .bde-section.grid--s-6 > .section-container {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid--s-7:not(.bde-section), .bde-section.grid--s-7 > .section-container {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid--s-8:not(.bde-section), .bde-section.grid--s-8 > .section-container {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid--s-9:not(.bde-section), .bde-section.grid--s-9 > .section-container {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid--s-10:not(.bde-section), .bde-section.grid--s-10 > .section-container {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid--s-11:not(.bde-section), .bde-section.grid--s-11 > .section-container {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid--s-12:not(.bde-section), .bde-section.grid--s-12 > .section-container {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 1367px) {
.grid--alternate-xl:not(.bde-section) > .grid--1-2:nth-of-type(even), .grid--alternate-xl > .section-container > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-xl:not(.bde-section) > .grid--1-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-xl > .section-container > .grid--1-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.bde-section) > .grid--1-3:nth-of-type(even), .grid--alternate-xl > .section-container > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-xl:not(.bde-section) > .grid--1-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-xl > .section-container > .grid--1-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.bde-section) > .grid--2-1:nth-of-type(even), .grid--alternate-xl > .section-container > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-xl:not(.bde-section) > .grid--2-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-xl > .section-container > .grid--2-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.bde-section) > .grid--2-3:nth-of-type(even), .grid--alternate-xl > .section-container > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-xl:not(.bde-section) > .grid--2-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-xl > .section-container > .grid--2-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.bde-section) > .grid--3-1:nth-of-type(even), .grid--alternate-xl > .section-container > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-xl:not(.bde-section) > .grid--3-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-xl > .section-container > .grid--3-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-xl:not(.bde-section) > .grid--3-2:nth-of-type(even), .grid--alternate-xl > .section-container > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-xl:not(.bde-section) > .grid--3-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-xl > .section-container > .grid--3-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
}
@media (min-width: 993px) {
.grid--alternate-l:not(.bde-section) > .grid--1-2:nth-of-type(even), .grid--alternate-l > .section-container > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-l:not(.bde-section) > .grid--1-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-l > .section-container > .grid--1-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-l:not(.bde-section) > .grid--1-3:nth-of-type(even), .grid--alternate-l > .section-container > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-l:not(.bde-section) > .grid--1-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-l > .section-container > .grid--1-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-l:not(.bde-section) > .grid--2-1:nth-of-type(even), .grid--alternate-l > .section-container > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-l:not(.bde-section) > .grid--2-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-l > .section-container > .grid--2-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-l:not(.bde-section) > .grid--2-3:nth-of-type(even), .grid--alternate-l > .section-container > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-l:not(.bde-section) > .grid--2-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-l > .section-container > .grid--2-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-l:not(.bde-section) > .grid--3-1:nth-of-type(even), .grid--alternate-l > .section-container > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-l:not(.bde-section) > .grid--3-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-l > .section-container > .grid--3-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-l:not(.bde-section) > .grid--3-2:nth-of-type(even), .grid--alternate-l > .section-container > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-l:not(.bde-section) > .grid--3-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-l > .section-container > .grid--3-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
}
@media (min-width: 769px) {
.grid--alternate-m:not(.bde-section) > .grid--1-2:nth-of-type(even), .grid--alternate-m > .section-container > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-m:not(.bde-section) > .grid--1-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-m > .section-container > .grid--1-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-m:not(.bde-section) > .grid--1-3:nth-of-type(even), .grid--alternate-m > .section-container > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-m:not(.bde-section) > .grid--1-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-m > .section-container > .grid--1-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-m:not(.bde-section) > .grid--2-1:nth-of-type(even), .grid--alternate-m > .section-container > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-m:not(.bde-section) > .grid--2-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-m > .section-container > .grid--2-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-m:not(.bde-section) > .grid--2-3:nth-of-type(even), .grid--alternate-m > .section-container > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-m:not(.bde-section) > .grid--2-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-m > .section-container > .grid--2-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-m:not(.bde-section) > .grid--3-1:nth-of-type(even), .grid--alternate-m > .section-container > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-m:not(.bde-section) > .grid--3-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-m > .section-container > .grid--3-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-m:not(.bde-section) > .grid--3-2:nth-of-type(even), .grid--alternate-m > .section-container > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-m:not(.bde-section) > .grid--3-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-m > .section-container > .grid--3-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
}
@media (min-width: 481px) {
.grid--alternate-s:not(.bde-section) > .grid--1-2:nth-of-type(even), .grid--alternate-s > .section-container > .grid--1-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--alternate-s:not(.bde-section) > .grid--1-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-s > .section-container > .grid--1-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-s:not(.bde-section) > .grid--1-3:nth-of-type(even), .grid--alternate-s > .section-container > .grid--1-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--alternate-s:not(.bde-section) > .grid--1-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-s > .section-container > .grid--1-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-s:not(.bde-section) > .grid--2-1:nth-of-type(even), .grid--alternate-s > .section-container > .grid--2-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--alternate-s:not(.bde-section) > .grid--2-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-s > .section-container > .grid--2-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-s:not(.bde-section) > .grid--2-3:nth-of-type(even), .grid--alternate-s > .section-container > .grid--2-3:nth-of-type(even) {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.grid--alternate-s:not(.bde-section) > .grid--2-3:nth-of-type(even) > .bde-section:last-child, .grid--alternate-s > .section-container > .grid--2-3:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-s:not(.bde-section) > .grid--3-1:nth-of-type(even), .grid--alternate-s > .section-container > .grid--3-1:nth-of-type(even) {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--alternate-s:not(.bde-section) > .grid--3-1:nth-of-type(even) > .bde-section:last-child, .grid--alternate-s > .section-container > .grid--3-1:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
.grid--alternate-s:not(.bde-section) > .grid--3-2:nth-of-type(even), .grid--alternate-s > .section-container > .grid--3-2:nth-of-type(even) {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--alternate-s:not(.bde-section) > .grid--3-2:nth-of-type(even) > .bde-section:last-child, .grid--alternate-s > .section-container > .grid--3-2:nth-of-type(even) > .bde-section:last-child {
order: -1;
}
}
.grid--auto-2:not(.bde-section), .bde-section.grid--auto-2 > .section-container {
--column-count: 2;
}
.grid--auto-3:not(.bde-section), .bde-section.grid--auto-3 > .section-container {
--column-count: 3;
}
.grid--auto-4:not(.bde-section), .bde-section.grid--auto-4 > .section-container {
--column-count: 4;
}
.grid--auto-5:not(.bde-section), .bde-section.grid--auto-5 > .section-container {
--column-count: 5;
}
.grid--auto-6:not(.bde-section), .bde-section.grid--auto-6 > .section-container {
--column-count: 6;
}
.grid--auto-7:not(.bde-section), .bde-section.grid--auto-7 > .section-container {
--column-count: 7;
}
.grid--auto-8:not(.bde-section), .bde-section.grid--auto-8 > .section-container {
--column-count: 8;
}
.grid--auto-9:not(.bde-section), .bde-section.grid--auto-9 > .section-container {
--column-count: 9;
}
.grid--auto-10:not(.bde-section), .bde-section.grid--auto-10 > .section-container {
--column-count: 10;
}
.grid--auto-11:not(.bde-section), .bde-section.grid--auto-11 > .section-container {
--column-count: 11;
}
.grid--auto-12:not(.bde-section), .bde-section.grid--auto-12 > .section-container {
--column-count: 12;
}
.grid--auto-1-2:not(.bde-section), .bde-section.grid--auto-1-2 > .section-container {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.grid--auto-1-3:not(.bde-section), .bde-section.grid--auto-1-3 > .section-container {
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}
.grid--auto-2-1:not(.bde-section), .bde-section.grid--auto-2-1 > .section-container {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.grid--auto-2-3:not(.bde-section), .bde-section.grid--auto-2-3 > .section-container {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.grid--auto-3-1:not(.bde-section), .bde-section.grid--auto-3-1 > .section-container {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}
.grid--auto-3-2:not(.bde-section), .bde-section.grid--auto-3-2 > .section-container {
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
@media (max-width: 992px) {
.grid--auto-1-2:not(.bde-section), .bde-section.grid--auto-1-2 > .section-container {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-1-3:not(.bde-section), .bde-section.grid--auto-1-3 > .section-container {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-2-1:not(.bde-section), .bde-section.grid--auto-2-1 > .section-container {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-2-3:not(.bde-section), .bde-section.grid--auto-2-3 > .section-container {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-3-1:not(.bde-section), .bde-section.grid--auto-3-1 > .section-container {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
.grid--auto-3-2:not(.bde-section), .bde-section.grid--auto-3-2 > .section-container {
grid-template-columns: var(--grid-template-columns);
--column-count: 1;
}
}
.builder-element.hidden-accessible {
position: relative !important;
inline-size: 2ch !important;
block-size: 2ch !important;
margin: 0;
line-height: 1;
visibility: hidden;
}
.builder-element.hidden-accessible::before {
content: "A";
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
background: #111;
color: #f5f5f5;
font-size: max(60%, 13px);
padding: 0.5em;
inset-block-start: 0;
inset-inline-start: 0;
inline-size: 20px;
block-size: 20px;
visibility: visible;
border-radius: 50%;
}
.clickable-parent:not(a) {
position: static;
}
.clickable-parent:not(a) a {
position: static;
}
.clickable-parent:not(a) > a::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
button.clickable-parent, a.clickable-parent {
position: static !important;
}
button.clickable-parent::after, a.clickable-parent::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
.breakdance.canvas a.clickable-parent::after, .breakdance.canvas .clickable-parent > a::after {
content: "";
position: relative;
}
.bde-header-builder {
--bde-section-vertical-padding: 0;
--bde-section-horizontal-padding: 0;
}
.aspect--1-1 img {
aspect-ratio: 1 / 1;
}
.aspect--1-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--1-2 img {
aspect-ratio: 1 / 2;
}
.aspect--1-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--2-1 img {
aspect-ratio: 2 / 1;
}
.aspect--2-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--2-3 img {
aspect-ratio: 2 / 3;
}
.aspect--2-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--3-2 img {
aspect-ratio: 3 / 2;
}
.aspect--3-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--3-4 img {
aspect-ratio: 3 / 4;
}
.aspect--3-4 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--4-3 img {
aspect-ratio: 4 / 3;
}
.aspect--4-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--16-9 img {
aspect-ratio: 16 / 9;
}
.aspect--16-9 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--9-16 img {
aspect-ratio: 9 / 16;
}
.aspect--9-16 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
@media (max-width: 1366px) {
.aspect--xl-1-1 img {
aspect-ratio: 1 / 1;
}
img.aspect--xl-1-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--xl-1-2 img {
aspect-ratio: 1 / 2;
}
img.aspect--xl-1-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--xl-2-1 img {
aspect-ratio: 2 / 1;
}
img.aspect--xl-2-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--xl-2-3 img {
aspect-ratio: 2 / 3;
}
img.aspect--xl-2-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--xl-3-2 img {
aspect-ratio: 3 / 2;
}
img.aspect--xl-3-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--xl-3-4 img {
aspect-ratio: 3 / 4;
}
img.aspect--xl-3-4 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--xl-4-3 img {
aspect-ratio: 4 / 3;
}
img.aspect--xl-4-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--xl-16-9 img {
aspect-ratio: 16 / 9;
}
img.aspect--xl-16-9 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--xl-9-16 img {
aspect-ratio: 9 / 16;
}
img.aspect--xl-9-16 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--xl-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 992px) {
.aspect--l-1-1 img {
aspect-ratio: 1 / 1;
}
img.aspect--l-1-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--l-1-2 img {
aspect-ratio: 1 / 2;
}
img.aspect--l-1-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--l-2-1 img {
aspect-ratio: 2 / 1;
}
img.aspect--l-2-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--l-2-3 img {
aspect-ratio: 2 / 3;
}
img.aspect--l-2-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--l-3-2 img {
aspect-ratio: 3 / 2;
}
img.aspect--l-3-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--l-3-4 img {
aspect-ratio: 3 / 4;
}
img.aspect--l-3-4 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--l-4-3 img {
aspect-ratio: 4 / 3;
}
img.aspect--l-4-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--l-16-9 img {
aspect-ratio: 16 / 9;
}
img.aspect--l-16-9 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--l-9-16 img {
aspect-ratio: 9 / 16;
}
img.aspect--l-9-16 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--l-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 768px) {
.aspect--m-1-1 img {
aspect-ratio: 1 / 1;
}
img.aspect--m-1-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--m-1-2 img {
aspect-ratio: 1 / 2;
}
img.aspect--m-1-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--m-2-1 img {
aspect-ratio: 2 / 1;
}
img.aspect--m-2-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--m-2-3 img {
aspect-ratio: 2 / 3;
}
img.aspect--m-2-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--m-3-2 img {
aspect-ratio: 3 / 2;
}
img.aspect--m-3-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--m-3-4 img {
aspect-ratio: 3 / 4;
}
img.aspect--m-3-4 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--m-4-3 img {
aspect-ratio: 4 / 3;
}
img.aspect--m-4-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--m-16-9 img {
aspect-ratio: 16 / 9;
}
img.aspect--m-16-9 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--m-9-16 img {
aspect-ratio: 9 / 16;
}
img.aspect--m-9-16 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--m-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
@media (max-width: 480px) {
.aspect--s-1-1 img {
aspect-ratio: 1 / 1;
}
img.aspect--s-1-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-1-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
}
.aspect--s-1-2 img {
aspect-ratio: 1 / 2;
}
img.aspect--s-1-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-1-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 1 / 2;
}
.aspect--s-2-1 img {
aspect-ratio: 2 / 1;
}
img.aspect--s-2-1 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-2-1 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 1;
}
.aspect--s-2-3 img {
aspect-ratio: 2 / 3;
}
img.aspect--s-2-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-2-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 2 / 3;
}
.aspect--s-3-2 img {
aspect-ratio: 3 / 2;
}
img.aspect--s-3-2 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-3-2 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
}
.aspect--s-3-4 img {
aspect-ratio: 3 / 4;
}
img.aspect--s-3-4 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-3-4 iframe {
width: 100%;
height: 100%;
aspect-ratio: 3 / 4;
}
.aspect--s-4-3 img {
aspect-ratio: 4 / 3;
}
img.aspect--s-4-3 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-4-3 iframe {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
}
.aspect--s-16-9 img {
aspect-ratio: 16 / 9;
}
img.aspect--s-16-9 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-16-9 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.aspect--s-9-16 img {
aspect-ratio: 9 / 16;
}
img.aspect--s-9-16 img {
-o-object-fit: cover;
object-fit: cover;
}
.aspect--s-9-16 iframe {
width: 100%;
height: 100%;
aspect-ratio: 9 / 16;
}
}
.breakdance body {
--bde-body-font-size: var(--text-m);
line-height: var(--base-text-lh);
--bde-text-color: var(--body-color);
}
.breakdance h1 {
--bde-h1-font-size: var(--h1);
--bde-headings-color: var(--h1-color);
line-height: var(--h1-lh);
}
.breakdance h2 {
--bde-h2-font-size: var(--h2);
--bde-headings-color: var(--h2-color);
line-height: var(--h2-lh);
}
.breakdance h3 {
--bde-h3-font-size: var(--h3);
--bde-headings-color: var(--h3-color);
line-height: var(--h3-lh);
}
.breakdance h4 {
--bde-h4-font-size: var(--h4);
--bde-headings-color: var(--h4-color);
line-height: var(--h4-lh);
}
.breakdance h5 {
--bde-h5-font-size: var(--h5);
--bde-headings-color: var(--h5-color);
line-height: var(--h5-lh);
}
.breakdance h6 {
--bde-h6-font-size: var(--h6);
--bde-headings-color: var(--h6-color);
line-height: var(--h6-lh);
}
:where(.bde-column) {
row-gap: var(--content-gap);
}
.breakdance :where(.bde-columns) {
--bde-column-gap: var(--grid-gap);
}
.breakdance :where(.bde-grid) {
--bde-grid-gap: var(--grid-gap);
--bde-column-gap: var(--grid-gap);
}
.breakdance .bde-stats-grid {
--space-between-items: var(--grid-gap);
}
.breakdance :where(.bde-fancy-container) {
row-gap: var(--content-gap);
}span.eeb-nodis { 
display:none !important; 
}
span.eeb-rtl { 
unicode-bidi:bidi-override !important; 
direction:rtl !important; 
display:inline !important; 
}
span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{
display:inline !important;
padding-left:0 !important;
}
span.eeb-nrtl { 
word-break: break-all !important;
}
.eeb-encoded { 
position:relative; 
margin-top:-0.3em; 
z-index:1000; 
color:green; 
}[data-entrance] {
visibility: hidden;
backface-visibility: hidden;
}
.is-animating[data-entrance],
.is-animated[data-entrance] {
visibility: visible;
}
.builder-element[data-entrance] { visibility: visible;
}.breakdance-menu{--menu-background: #fff;--menu-max-height: calc(100vh - var(--mobile-buffer-y));--menu-alignment: flex-start;--menu-duration: var(--bde-transition-duration, .3s);--menu-base-font-size: .875em;--mobile-offset-y:calc(100% + 15px);--mobile-offset-x: 0;--mobile-offcanvas-width: 400px;--mobile-topbar-padding: 15px;--mobile-topbar-logo-width: 110px;--mobile-topbar-logo-order: -1;--mobile-topbar-close-button-size: 20px;--mobile-topbar-close-button-color: var(--bde-headings-color);--mobile-topbar-close-button-color-hover: var(--mobile-topbar-close-button-color);--mobile-topbar-close-button-bar-height: 2px;--toggle-background-color: transparent;--toggle-background-color-hover: var(--toggle-background-color);--toggle-active-background-color: var(--toggle-background-color);--toggle-padding: 0px;--toggle-radius: 0px;--toggle-layer-width: 32px;--toggle-layer-height: 4px;--toggle-layer-spacing: 6px;--toggle-layer-color: var(--bde-headings-color);--toggle-layer-color-hover: var(--toggle-layer-color);--toggle-layer-color-active: var(--toggle-layer-color);--toggle-layer-border-radius: 0px;--links-gap: 0px;--link-padding-top: 20px;--link-padding-bottom: 20px;--link-padding-left: 20px;--link-padding-right: 20px;--link-color: var(--bde-headings-color);--link-color-hover: var(--link-color);--link-background-color: transparent;--link-background-color-hover: var(--link-background-color);--link-alignment: space-between;--link-effect-thickness: 3px;--link-effect-color: var(--link-color);--link-effect-color-hover: var(--link-effect-color);--link-effect-radius: 0px;--link-color-active: var(--link-color);--link-background-color-active: var(--link-background-color);--link-arrow-display: block;--link-arrow-color: var(--link-color);--link-arrow-color-hover: var(--link-color-hover);--link-arrow-size: 10px;--link-arrow-gap: 8px;--link-arrow-offset-y: 0px;--link-arrow-close-rotation: 0deg;--link-arrow-open-rotation: -180deg;--link-arrow-rotation: var(--link-arrow-close-rotation);--link-border: 1px solid var(--link-border-color);--link-border-color: #eee;--dropdown-animation-duration: var(--menu-duration);--dropdown-caret-display: block;--dropdown-caret-radius: 3px;--dropdown-caret-size: 12px;--dropdown-background-color: #fff;--dropdown-custom-offset-y: 20px;--dropdown-edge-offset: 20px;--dropdown-border-radius: 8px;--dropdown-custom-width: 500px;--dropdown-section-padding: 30px;--dropdown-section-gap: var(--gap-lg);--dropdown-links-gap: var(--gap-sm);--dropdown-link-color: var(--bde-headings-color);--dropdown-link-icon-display: block;--dropdown-link-icon-size: 16px;--dropdown-link-icon-spacing: 10px;--dropdown-link-icon-alignment: center;--dropdown-link-description-display: block;--dropdown-link-description-spacing: 0px;--dropdown-link-icon-x: 0px;--dropdown-link-icon-y: 0px;--dropdown-link-img-opacity: 1;--dropdown-link-img-opacity-hover: 1;--dropdown-columns-stack: row;--dropdown-columns-gap: var(--gap-xl);--dropdown-column-title-spacing: 0px;--dropdown-sections-stack: column;--dropdown-section-light-background: #fff;--dropdown-section-dark-background: #f6f9fc;--gap-xl: 60px;--gap-lg: 30px;--gap-sm: 15px;--gap-xs: 10px;--gap-none: 0;--arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'%3E%3C/path%3E%3C/svg%3E");--mobile-link-padding-top: 20px;--mobile-link-padding-bottom: 20px;--mobile-link-padding-left: 20px;--mobile-link-padding-right: 20px;--mobile-link-level-2-padding-top: 12px;--mobile-link-level-2-padding-bottom: 12px;--mobile-link-level-2-padding-left: 25px;--mobile-link-level-2-padding-right: 20px;--mobile-link-level-3-padding-top: 12px;--mobile-link-level-3-padding-bottom: 12px;--mobile-link-level-3-padding-left: 30px;--mobile-link-level-3-padding-right: 30px}.breakdance-menu{position:relative;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-align:left;height:var(--menu-height)}:root .breakdance-menu{display:flex}.breakdance-menu-list{display:flex;align-items:center;justify-content:var(--menu-alignment);gap:var(--links-gap);list-style-type:none;margin:0;padding:0}.breakdance-menu-list>.bde-button{margin-left:15px}.breakdance-menu-item{position:relative}.breakdance-menu-item:hover{color:var(--link-color-hover);background-color:var(--link-background-color-hover)}.breakdance-menu-item:hover .breakdance-menu-link-arrow:after{background-color:var(--link-arrow-color-hover)}.breakdance-menu .breakdance-menu-link{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:var(--link-alignment);flex:1;font-size:var(--menu-base-font-size);font-family:inherit;font-weight:500;line-height:1;text-decoration:none;color:var(--link-color);padding:var(--link-padding-top) var(--link-padding-right) var(--link-padding-bottom) var(--link-padding-left);margin:0;border:none;background-color:var(--link-background-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;transition:var(--menu-duration) color ease,var(--menu-duration) background-color ease}.breakdance-menu .breakdance-menu-link:hover{color:inherit}.breakdance-menu-link-arrow{position:relative;z-index:1;align-self:stretch;border:none;background-color:transparent;padding:var(--link-padding-top) var(--link-padding-right) var(--link-padding-bottom) 0;cursor:pointer}.breakdance-menu-link-arrow:after{content:"";display:var(--link-arrow-display);-webkit-mask-image:var(--arrow-icon);mask-image:var(--arrow-icon);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;margin-left:var(--link-arrow-gap);font-size:var(--link-arrow-size);width:1em;height:1em;background-color:var(--link-arrow-color);transform:translateY(var(--link-arrow-offset-y)) rotate(var(--link-arrow-rotation));transition:var(--menu-duration) transform ease,var(--menu-duration) background-color ease;flex-shrink:0}@-moz-document url-prefix(){.breakdance-menu-link-arrow:after{transition:none!important}}.breakdance-dropdown--open .breakdance-menu-link-arrow:after{--link-arrow-rotation: var(--link-arrow-open-rotation)}.hide-arrows-on-desktop .breakdance-menu-link-arrow{display:none}.breakdance-dropdown{--dropdown-offset-x: 0px;--dropdown-caret-x: 0px;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--scale: 1;position:relative}.breakdance-dropdown .breakdance-menu-link{padding-right:0}.hide-arrows-on-desktop .breakdance-dropdown .breakdance-menu-link{padding-right:var(--link-padding-right)}.breakdance-dropdown-toggle{position:relative;display:flex;align-items:center}.breakdance-dropdown-floater{position:absolute;top:calc(var(--dropdown-offset-y) + var(--dropdown-custom-offset-y));left:var(--dropdown-offset-x);z-index:var(--bde-z-index-menu-dropdown);min-width:100%;opacity:0;visibility:hidden;pointer-events:none;backface-visibility:hidden;transform:translate(var(--translate-x)) translateY(var(--translate-y)) rotateX(var(--rotate-x)) scale(var(--scale)) translateZ(0)}.breakdance-dropdown--top .breakdance-dropdown-floater{top:calc(var(--dropdown-offset-y) - var(--dropdown-custom-offset-y))}.breakdance-dropdown--open .breakdance-dropdown-floater{opacity:1;visibility:visible;pointer-events:auto;will-change:opacity,height,transform,visibility}.breakdance-dropdown-caret{position:absolute;top:calc(var(--dropdown-caret-size) / 2 * -1);left:var(--dropdown-caret-x);z-index:1;display:var(--dropdown-caret-display);width:calc(var(--dropdown-caret-size) * 2);height:var(--dropdown-caret-size);transform:translateY(-50%);overflow:hidden;pointer-events:none}.breakdance-dropdown-caret:before{content:"";position:absolute;bottom:calc(var(--dropdown-caret-size) / 2 * -1);left:50%;display:block;width:var(--dropdown-caret-size);height:var(--dropdown-caret-size);background-color:var(--dropdown-caret-color, var(--dropdown-background-color));border-top-left-radius:var(--dropdown-caret-radius);backface-visibility:hidden;transform:translate(-50%) rotate(45deg) translateZ(0)}.breakdance-dropdown--top .breakdance-dropdown-caret{top:100%;border-top-left-radius:0;border-bottom-right-radius:var(--dropdown-caret-radius);transform:translate(-50%)}.breakdance-dropdown--top .breakdance-dropdown-caret:before{top:calc(var(--dropdown-caret-size) / 2 * -1);border-top-left-radius:0;border-bottom-right-radius:var(--dropdown-caret-radius)}.breakdance-dropdown-caret--hide{display:none}.breakdance-dropdown-body{position:relative;z-index:1;flex-grow:1;display:flex;flex-direction:var(--dropdown-sections-stack);width:100%;background-color:var(--dropdown-background-color);box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d;border-radius:var(--dropdown-border-radius);overflow:hidden}.breakdance-menu--custom-width .breakdance-dropdown-floater,.breakdance-dropdown--custom .breakdance-dropdown-floater{width:calc(var(--dropdown-custom-width) - var(--dropdown-edge-offset) * 2)}.breakdance-menu--custom-width .breakdance-dropdown-floater .breakdance-dropdown-link,.breakdance-dropdown--custom .breakdance-dropdown-floater .breakdance-dropdown-link{white-space:normal}.breakdance-menu--placement-full-width{--dropdown-edge-offset: 0px;--dropdown-border-radius: 0px}.breakdance-menu--placement-section-width .breakdance-dropdown-floater{--bde-dropdown-width: var(--bde-header-width, var(--bde-section-width));width:calc(min(var(--bde-dropdown-width),100vw) - var(--dropdown-edge-offset) * 2)}.breakdance-dropdown-section{display:flex;flex-wrap:wrap;padding:var(--dropdown-section-padding);gap:var(--dropdown-section-gap);width:var(--dropdown-section-width)}.breakdance-dropdown-section--light{background-color:var(--dropdown-section-light-background)}.breakdance-dropdown-section--additional{flex:1;background-color:var(--dropdown-section-dark-background)}.breakdance-dropdown-columns{display:flex;flex-direction:var(--dropdown-columns-stack);gap:var(--dropdown-columns-gap);width:100%}.breakdance-dropdown-column{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1}.breakdance-dropdown-column__title{display:flex;align-items:center;font-weight:700;font-size:var(--menu-base-font-size);line-height:1.5;white-space:nowrap;margin-top:0;margin-bottom:var(--dropdown-column-title-spacing);color:var(--link-color)}.breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after{content:"";display:var(--link-arrow-display);-webkit-mask-image:var(--arrow-icon);mask-image:var(--arrow-icon);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;margin-left:var(--link-arrow-gap);font-size:var(--link-arrow-size);width:1em;height:1em;background-color:var(--link-arrow-color);transform:translateY(var(--link-arrow-offset-y)) rotate(var(--link-arrow-rotation));transition:var(--menu-duration) transform ease,var(--menu-duration) background-color ease;flex-shrink:0;display:none}@-moz-document url-prefix(){.breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after{transition:none!important}}.breakdance-dropdown-column--open .breakdance-dropdown-column__title:after{--link-arrow-rotation: var(--link-arrow-open-rotation)}.breakdance-dropdown-links{display:flex;flex-direction:column;gap:var(--dropdown-links-gap);list-style-type:none;margin:0;padding:0}.breakdance-menu .breakdance-dropdown-link{display:flex;align-items:center;font-size:var(--menu-base-font-size);line-height:1.5;text-decoration:none;color:var(--dropdown-link-color);white-space:nowrap;transition:var(--menu-duration) background-color ease}.breakdance-menu .breakdance-dropdown-link:hover{background-color:var(--dropdown-link-background-color-hover);color:var(--dropdown-link-color)}.breakdance-dropdown-link__icon{display:var(--dropdown-link-icon-display);align-self:var(--dropdown-link-icon-alignment);font-size:var(--dropdown-link-icon-size);color:var(--dropdown-link-icon-color);margin-right:var(--dropdown-link-icon-spacing);transform:translate(var(--dropdown-link-icon-x)) translateY(var(--dropdown-link-icon-y));flex-shrink:0;padding:var(--dropdown-link-icon-padding);background-color:var(--dropdown-link-icon-background);border-radius:var(--dropdown-link-icon-radius);transition:var(--menu-duration) color ease,var(--menu-duration) background-color ease;overflow:hidden}.breakdance-dropdown-link:hover .breakdance-dropdown-link__icon{color:var(--dropdown-link-icon-color-hover, var(--dropdown-link-icon-color));background-color:var(--dropdown-link-icon-background-hover, var(--dropdown-link-icon-background))}.breakdance-dropdown-link:hover .breakdance-dropdown-link__icon img{opacity:var(--dropdown-link-img-opacity-hover)}.breakdance-dropdown-link__icon svg{display:block;width:1em;height:1em;fill:currentColor}.breakdance-dropdown-link__icon img{display:block;max-width:100%;width:1em;height:auto;opacity:var(--dropdown-link-img-opacity);transition:var(--menu-duration) opacity ease}.breakdance-dropdown-link__text{display:block;transition:var(--menu-duration) color ease}.breakdance-dropdown-link__description{color:var(--bde-body-text-color);display:var(--dropdown-link-description-display);transition:var(--menu-duration) opacity ease,var(--menu-duration) color ease;margin-top:var(--dropdown-link-description-spacing)}.breakdance-dropdown-custom-content{padding:var(--dropdown-section-padding)}.breakdance-menu-topbar{display:none;justify-content:space-between;padding:var(--mobile-topbar-padding)}.breakdance-menu-topbar-logo{display:flex;max-width:100%;width:var(--mobile-topbar-logo-width);height:auto;order:var(--mobile-topbar-logo-order)}.breakdance-menu-topbar-logo img{width:100%;height:100%}.breakdance-menu-overlay{position:fixed;inset:0;z-index:var(--bde-z-index-menu-backdrop);background-color:#00000040;opacity:0;pointer-events:none;transition:var(--menu-duration) opacity ease}.breakdance-responsive-menu--open .breakdance-menu-overlay{opacity:1;pointer-events:auto!important}.breakdance-menu-close-button{position:relative;font-size:var(--mobile-topbar-close-button-size);width:1em;height:1em;text-indent:-9999px;background:none;border:none;margin:0;padding:0;cursor:pointer;transform:rotate(45deg);flex-shrink:0}.breakdance-menu-close-button:hover:after,.breakdance-menu-close-button:hover:before{background-color:var(--mobile-topbar-close-button-color-hover)}.breakdance-menu-close-button:after,.breakdance-menu-close-button:before{content:"";position:absolute;background-color:var(--mobile-topbar-close-button-color);transition:var(--menu-duration) background-color ease}.breakdance-menu-close-button:after{top:0;left:50%;width:var(--mobile-topbar-close-button-bar-height);height:100%;transform:translate(-50%)}.breakdance-menu-close-button:before{top:50%;left:0;width:100%;height:var(--mobile-topbar-close-button-bar-height);transform:translateY(-50%)}.breakdance-menu--vertical{--dropdown-custom-offset-y: 0px;--dropdown-section-padding: 20px}.breakdance-menu--vertical .breakdance-menu-list{align-items:stretch;flex-direction:column;width:100%}.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater{position:static;opacity:1;visibility:visible;transform:none;overflow:hidden}.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater:not(.is-visible):not(.is-collapsing){height:0;pointer-events:none;visibility:hidden;overflow:hidden}.breakdance-menu--dropdown-accordion .breakdance-dropdown-floater.is-collapsing{overflow:hidden;height:0;transition:var(--menu-duration) height ease-in-out,var(--menu-duration) visibility ease-in-out}.breakdance-menu--dropdown-accordion .breakdance-dropdown-body{box-shadow:none}.breakdance-menu--dropdown-accordion .breakdance-dropdown-link{white-space:normal}.breakdance-menu--dropdown-accordion .breakdance-dropdown-caret{display:none}.breakdance-menu--dropdown-side .breakdance-dropdown{--dropdown-offset-x: 100%}.breakdance-menu--dropdown-side .breakdance-dropdown-floater{min-width:auto}.breakdance-menu--dropdown-side .breakdance-dropdown-caret{display:none}.breakdance-menu--dropdown-slide{--link-arrow-rotation: -90deg;--link-arrow-open-rotation: var(--link-arrow-rotation);overflow-x:clip}.breakdance-menu--dropdown-slide .breakdance-menu-list{transition:var(--menu-duration) transform ease}.breakdance-menu--dropdown-slide.breakdance-menu--dp-open .breakdance-menu-list{transform:translate3d(-100%,0,0)}.breakdance-menu--dropdown-slide .breakdance-dropdown-floater{position:absolute;left:0;right:0;transform:translate3d(100%,0,0);opacity:0;transition:0s opacity var(--menu-duration)}.breakdance-menu--dropdown-slide .breakdance-dropdown--open .breakdance-dropdown-floater{opacity:1;transition-delay:0s}.breakdance-menu--dropdown-slide .breakdance-dropdown-caret{display:none}.breakdance-dropdown-back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;border:none;background-color:var(--link-background-color);padding:var(--link-padding);font-weight:700;cursor:pointer}.breakdance-dropdown--wp .breakdance-dropdown-links{width:100%;gap:var(--dropdown-links-gap)}.breakdance-dropdown--wp .breakdance-dropdown-links .menu-item{display:flex;flex-direction:column;gap:var(--dropdown-links-gap)}.breakdance-menu-toggle--none .breakdance-menu-toggle-lines,.breakdance-menu-toggle--none .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--none .breakdance-menu-toggle-lines:after{transition-property:none}.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines{transform:rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines:before{top:0;opacity:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--none .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(-90deg)}.breakdance-menu-toggle--3dx .breakdance-menu-toggle-icon{perspective:calc(var(--toggle-layer-width) * 2)}.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines{background-color:transparent!important;transform:rotateY(180deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:before{transform:translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)}.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-icon{perspective:calc(var(--toggle-layer-width) * 2)}.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines{background-color:transparent!important;transform:rotateY(-180deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:before{transform:translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dx-r .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)}.breakdance-menu-toggle--3dy .breakdance-menu-toggle-icon{perspective:calc(var(--toggle-layer-width) * 2)}.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines{background-color:transparent!important;transform:rotateX(-180deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:before{transform:translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)}.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-icon{perspective:calc(var(--toggle-layer-width) * 2)}.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines{background-color:transparent!important;transform:rotateX(180deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:before{transform:translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dy-r .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)}.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-icon{perspective:calc(var(--toggle-layer-width) * 2)}.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:before{transform:translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)}.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-icon{perspective:calc(var(--toggle-layer-width) * 2)}.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotate(-180deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:before{transform:translate3d(0,calc(var(--toggle-layer-height) + var(--toggle-layer-spacing)),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--3dxy-r .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc((var(--toggle-layer-height) + var(--toggle-layer-spacing)) * -1),0) rotate(-45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow .breakdance-menu-toggle-lines:before{transform:translate3d(calc(var(--toggle-layer-width) * -.3),calc(var(--toggle-layer-spacing) * .6),0) rotate(-45deg) scaleX(.5)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow .breakdance-menu-toggle-lines:after{transform:translate3d(calc(var(--toggle-layer-width) * -.3),calc(var(--toggle-layer-spacing) * -.6),0) rotate(45deg) scaleX(.5)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow-r .breakdance-menu-toggle-lines:before{transform:translate3d(calc(var(--toggle-layer-width) * .2),0,0) rotate(45deg) scaleX(.7)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrow-r .breakdance-menu-toggle-lines:after{transform:translate3d(calc(var(--toggle-layer-width) * .2),0,0) rotate(-45deg) scaleX(.7)}.breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:before{top:0;transform:translate3d(calc(var(--toggle-layer-width) * -.2),calc(var(--toggle-layer-width) * -.25),0) rotate(-45deg) scaleX(.7);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt .breakdance-menu-toggle-lines:after{bottom:0;transform:translate3d(calc(var(--toggle-layer-width) * -.2),calc(var(--toggle-layer-width) * .25),0) rotate(45deg) scaleX(.7);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:before{top:0;transform:translate3d(calc(var(--toggle-layer-width) * .2),calc(var(--toggle-layer-width) * -.25),0) rotate(45deg) scaleX(.7);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.breakdance-responsive-menu--open .breakdance-menu-toggle--arrowalt-r .breakdance-menu-toggle-lines:after{bottom:0;transform:translate3d(calc(var(--toggle-layer-width) * .2),calc(var(--toggle-layer-width) * .25),0) rotate(-45deg) scaleX(.7);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:after{top:calc((var(--toggle-layer-spacing) * 2 + var(--toggle-layer-height) * 2) * -1);transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines{transform:translate3d(0,calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1),0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse .breakdance-menu-toggle-lines:before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:after{top:calc((var(--toggle-layer-spacing) * 2 + var(--toggle-layer-height) * 2) * -1);transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines{transform:translate3d(0,calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1),0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.breakdance-responsive-menu--open .breakdance-menu-toggle--collapse-r .breakdance-menu-toggle-lines:before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines{top:calc(var(--toggle-layer-height) / 2);transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:before{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));transition:opacity .125s .275s ease}.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines{--y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));transform:translate3d(0,var(--y-offset),0) rotate(135deg);transition-delay:75ms}.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:before{transition-delay:0s;opacity:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc(var(--y-offset) * -2),0) rotate(-270deg);transition-delay:75ms}.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines{top:calc(var(--toggle-layer-height) / 2);transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:before{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));transition:opacity .125s .275s ease}.breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines{--y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));transform:translate3d(0,var(--y-offset),0) rotate(-135deg);transition-delay:75ms}.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:before{transition-delay:0s;opacity:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--elastic-r .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc(var(--y-offset) * -2),0) rotate(270deg);transition-delay:75ms}.breakdance-menu-toggle--emphatic{overflow:hidden}.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines{transition:background-color .125s .175s ease-in}.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in}.breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in}.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:before{left:calc(var(--toggle-layer-width) * -2);top:calc(var(--toggle-layer-width) * -2);transform:translate3d(calc(var(--toggle-layer-width) * 2),calc(var(--toggle-layer-width) * 2),0) rotate(45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic .breakdance-menu-toggle-lines:after{right:calc(var(--toggle-layer-width) * -2);top:calc(var(--toggle-layer-width) * -2);transform:translate3d(calc(var(--toggle-layer-width) * -2),calc(var(--toggle-layer-width) * 2),0) rotate(-45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.breakdance-menu-toggle--emphatic-r{overflow:hidden}.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines{transition:background-color .125s .175s ease-in}.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in}.breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in}.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:before{left:calc(var(--toggle-layer-width) * -2);top:calc(var(--toggle-layer-width) * -2);transform:translate3d(calc(var(--toggle-layer-width) * 2),calc(var(--toggle-layer-width) * -2),0) rotate(-45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--emphatic-r .breakdance-menu-toggle-lines:after{right:calc(var(--toggle-layer-width) * -2);top:calc(var(--toggle-layer-width) * -2);transform:translate3d(calc(var(--toggle-layer-width) * -2),calc(var(--toggle-layer-width) * -2),0) rotate(45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after{transition:bottom .08s 0s ease-out,top .08s 0s ease-out,opacity 0s linear}.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before,.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after{opacity:0;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s .08s linear}.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:before{top:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--minus .breakdance-menu-toggle-lines:after{bottom:0}.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines{top:calc(var(--toggle-layer-height) / 2)}.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:before{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2)}.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines{--y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));transform:translate3d(0,var(--y-offset),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:before{transform:rotate(-45deg) translate3d(calc(var(--toggle-layer-width) / -7),calc(var(--toggle-layer-spacing) * -1),0);opacity:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--slider .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc(var(--y-offset) * -2),0) rotate(-90deg)}.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines{top:calc(var(--toggle-layer-height) / 2)}.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:before{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2)}.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines{--y-offset: calc(var(--toggle-layer-spacing) + var(--toggle-layer-height));transform:translate3d(0,var(--y-offset),0) rotate(-45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:before{transform:rotate(45deg) translate3d(calc(var(--toggle-layer-width) / 7),calc(var(--toggle-layer-spacing) * -1),0);opacity:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--slider-r .breakdance-menu-toggle-lines:after{transform:translate3d(0,calc(var(--y-offset) * -2),0) rotate(90deg)}.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:before{transition:top .1s .25s ease-in,opacity .1s ease-in}.breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.breakdance-responsive-menu--open .breakdance-menu-toggle--spin .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:before{transition:top .1s .25s ease-in,opacity .1s ease-in}.breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.breakdance-responsive-menu--open .breakdance-menu-toggle--spin-r .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines{top:calc(var(--toggle-layer-height) / 2);transition:background-color 0s .13s linear}.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:before{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing));transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height) * 2 + var(--toggle-layer-spacing) * 2);transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines{transition-delay:.22s;background-color:transparent!important}.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,calc(var(--toggle-layer-spacing) + var(--toggle-layer-height)),0) rotate(45deg)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spring .breakdance-menu-toggle-lines:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,calc(var(--toggle-layer-spacing) + var(--toggle-layer-height)),0) rotate(-45deg)}.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:after{top:calc((var(--toggle-layer-spacing) * 2 + var(--toggle-layer-height) * 2) * -1);transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:before{transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines{transform:translate3d(0,calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1),0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.breakdance-responsive-menu--open .breakdance-menu-toggle--spring-r .breakdance-menu-toggle-lines:before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--stand .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--stand-r .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:before{transition:top 75ms .12s ease,opacity 75ms ease}.breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.breakdance-responsive-menu--open .breakdance-menu-toggle--squeeze .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before{transition-property:top,opacity}.breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after{transition-property:bottom,transform}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before,.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after{transition-delay:0s}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:before{top:0;opacity:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(90deg)}.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before,.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before{transition-property:top,opacity}.breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after{transition-property:bottom,transform}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before,.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after{transition-delay:0s}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:before{top:0;opacity:0}.breakdance-responsive-menu--open .breakdance-menu-toggle--vortex-r .breakdance-menu-toggle-lines:after{bottom:0;transform:rotate(-90deg)}.breakdance-menu-toggle{display:none;align-items:center;cursor:pointer;border:none;color:var(--toggle-layer-color);background-color:var(--toggle-background-color);backface-visibility:hidden;transition:var(--menu-duration) color ease,var(--menu-duration) background-color ease;padding:var(--toggle-padding);border-radius:var(--toggle-radius);min-height:var(--toggle-layer-width);box-sizing:content-box}.breakdance-menu-toggle:hover{color:var(--toggle-layer-color-hover);background-color:var(--toggle-background-color-hover)}.breakdance-responsive-menu--open .breakdance-menu-toggle{color:var(--toggle-layer-color-active);background-color:var(--toggle-active-background-color)}.breakdance-menu-toggle-icon{width:var(--toggle-layer-width);height:calc(var(--toggle-layer-height) * 3 + var(--toggle-layer-spacing) * 2);display:inline-block;position:relative}.breakdance-menu-toggle-lines{top:50%;display:block;margin-top:calc(var(--toggle-layer-height) / -2)}.breakdance-menu-toggle-lines,.breakdance-menu-toggle-lines:before,.breakdance-menu-toggle-lines:after{content:"";position:absolute;display:block;width:var(--toggle-layer-width);height:var(--toggle-layer-height);background-color:currentColor;border-radius:var(--toggle-layer-border-radius);transition:.15s transform ease}.breakdance-menu-toggle-lines:before{top:calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1)}.breakdance-menu-toggle-lines:after{bottom:calc((var(--toggle-layer-spacing) + var(--toggle-layer-height)) * -1)}.breakdance-menu-toggle__custom-open-icon,.breakdance-menu-toggle__custom-close-icon{display:block;width:var(--toggle-layer-width);fill:currentColor}.breakdance-menu-toggle__custom-close-icon,.breakdance-responsive-menu--open .breakdance-menu-toggle__custom-open-icon{display:none}.breakdance-responsive-menu--open .breakdance-menu-toggle__custom-close-icon{display:block}.breakdance-menu--effect .breakdance-menu-item:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:var(--link-effect-thickness);background-color:var(--link-effect-color);transition:var(--menu-duration) transform ease,var(--menu-duration) opacity ease,var(--menu-duration) background-color ease;pointer-events:none;backface-visibility:hidden}.breakdance-menu--effect .breakdance-menu-item:hover:before{transform:none;opacity:1;will-change:transform,opacity;background-color:var(--link-effect-color-hover)}.breakdance-menu--effect-background{--link-effect-color: #eee}.breakdance-menu--effect-background .breakdance-menu-item:before{inset:0;width:100%;height:100%;border-radius:var(--link-effect-radius)}.breakdance-menu--effect-underline .breakdance-menu-item:before{top:auto;bottom:0;left:0}.breakdance-menu--effect-overline .breakdance-menu-item:before{top:0;left:0;bottom:auto}.breakdance-menu--effect-strikethrough .breakdance-menu-item:before{top:50%;bottom:auto;left:0;margin-top:calc(var(--link-effect-thickness) / 2 * -1)}.breakdance-menu--effect-none .breakdance-menu-item:before{opacity:0}.breakdance-menu--effect-left .breakdance-menu-item:before{transform:scaleX(0);transform-origin:left}.breakdance-menu--effect-right .breakdance-menu-item:before{transform:scaleX(0);transform-origin:right}.breakdance-menu--effect-center .breakdance-menu-item:before{transform:scaleX(0);transform-origin:center}.breakdance-menu--effect-bottom .breakdance-menu-item:before{transform:scaleY(0);transform-origin:bottom}.breakdance-menu--effect-top .breakdance-menu-item:before{transform:scaleY(0);transform-origin:top}.breakdance-menu--active-styles .breakdance-menu-item--active:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:var(--link-effect-thickness);transition:var(--menu-duration) transform ease,var(--menu-duration) opacity ease,var(--menu-duration) background-color ease;pointer-events:none;backface-visibility:hidden;transform:none;opacity:1;will-change:transform,opacity;background-color:var(--link-effect-color-hover);background-color:var(--link-effect-color)}.breakdance-menu--active-styles .breakdance-menu-item:hover:before{background-color:var(--link-effect-color)}.breakdance-menu--active-background{--link-effect-color: #eee}.breakdance-menu--active-background .breakdance-menu-item--active:before{inset:0;width:100%;height:100%;border-radius:var(--link-effect-radius)}.breakdance-menu--active-underline .breakdance-menu-item--active:before{top:auto;bottom:0;left:0}.breakdance-menu--active-overline .breakdance-menu-item--active:before{top:0;left:0;bottom:auto}.breakdance-menu--active-strikethrough .breakdance-menu-item--active:before{top:50%;bottom:auto;left:0;margin-top:calc(var(--link-effect-thickness) / 2 * -1)}.breakdance-menu-item.bde-button:before{display:none}.breakdance-menu--anim-fade:not(.breakdance-menu--dropdown-slide) .breakdance-dropdown-floater{opacity:0;transition:opacity var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease}.breakdance-menu--anim-fade:not(.breakdance-menu--dropdown-slide) .breakdance-dropdown--open .breakdance-dropdown-floater{opacity:1;will-change:opacity,height,visibility}.breakdance-menu--anim-stripe .breakdance-dropdown{perspective:2000px;z-index:2}.breakdance-menu--anim-stripe .breakdance-dropdown-floater{--rotate-x: -15deg;transform-origin:50% -50px;transition:opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease}.breakdance-menu--anim-stripe .breakdance-dropdown--open{z-index:3}.breakdance-menu--anim-stripe .breakdance-dropdown--open .breakdance-dropdown-floater{--rotate-x: 0deg;will-change:opacity,height,transform,visibility}.breakdance-menu--anim-scale-down .breakdance-dropdown-floater,.breakdance-menu--anim-scale-down-r .breakdance-dropdown-floater{--scale: .95;transform-origin:top left;transition:opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease}.breakdance-menu--anim-scale-down .breakdance-dropdown--open .breakdance-dropdown-floater,.breakdance-menu--anim-scale-down-r .breakdance-dropdown--open .breakdance-dropdown-floater{--scale: 1}.breakdance-menu--anim-scale-down-r .breakdance-dropdown-floater{transform-origin:top right}.breakdance-menu--anim-skew .breakdance-dropdown-floater{--scale: 1, 0;transform-origin:top center;transition:opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease}.breakdance-menu--anim-skew .breakdance-dropdown--open .breakdance-dropdown-floater{--scale: 1;will-change:transform,opacity,visibility}.breakdance-menu--anim-rotate .breakdance-dropdown-floater{transform:rotate(-5deg) translate(5px);transition:opacity var(--dropdown-animation-duration) ease,transform var(--dropdown-animation-duration) ease,visibility var(--dropdown-animation-duration) ease}.breakdance-menu--anim-rotate .breakdance-dropdown--open .breakdance-dropdown-floater{transform:rotate(0) translate(0)}.breakdance .bde-header-builder{position:relative;width:100%;background-color:var(--bde-background-color);--bde-header-width:var(--bde-section-width);--bde-header-sticky-top:calc(var(--bde-header-sticky-offset) + var(--wp-admin--admin-bar--height, 0px));--bde-header-sticky-offset:0px;--bde-header-sticky-duration:var(--bde-transition-duration)}.breakdance .bde-header-builder .bde-header-builder__container{gap:20px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:var(--bde-header-width);padding:var(--bde-section-horizontal-padding) var(--bde-section-horizontal-padding)}.breakdance .bde-header-builder.bde-header-builder--overlay:not(.bde-header-builder--sticky){position:absolute;z-index:var(--bde-z-index-header-overlay)}.breakdance .bde-header-builder.bde-header-builder--sticky{position:fixed;z-index:var(--bde-z-index-header-sticky);top:var(--bde-header-sticky-top);transition-property:transform,opacity,background-color,box-shadow,top;transition-duration:var(--bde-header-sticky-duration);transition-timing-function:ease-in-out}.breakdance .bde-header-builder.bde-header-builder--sticky-bottom{top:auto;bottom:0}.breakdance .bde-header-builder.bde-header-builder--sticky .bde-header-builder__container{transition-property:min-height;transition-duration:var(--bde-header-sticky-duration);transition-timing-function:ease-in-out}.breakdance .bde-header-builder .bde-header-builder__header-builder-border-top,.breakdance .bde-header-builder .bde-header-builder__header-builder-border-bottom{transition-property:height,background-color;transition-duration:var(--bde-header-sticky-duration);transition-timing-function:ease-in-out}.bde-header-builder--sticky-scroll-hide{box-shadow:none!important;pointer-events:none}.bde-header-builder--sticky-scroll-hide *{pointer-events:none}.bde-header-builder--sticky-scroll-start-off-hidden{transition-duration:0s!important}.bde-header-builder--sticky-scroll-hide.bde-header-builder--sticky-scroll-slide{transform:translateY(calc(-100% - var(--wp-admin--admin-bar--height, 0px)));opacity:0}.bde-header-builder--sticky-bottom.bde-header-builder--sticky-scroll-hide.bde-header-builder--sticky-scroll-slide{transform:translateY(100%)}.bde-header-builder--sticky-scroll-hide.bde-header-builder--sticky-scroll-fade{opacity:0}.breakdance .bde-container-link{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:100%;text-decoration:none;transition-property:background-color,border-color,box-shadow,color;transition-timing-function:ease-in-out;transition-duration:var(--defaultTransition,300ms);position:relative;background-size:cover}.breakdance .bde-container-link h1,.bde-container-link h2,.bde-container-link h3,.bde-container-link h4,.bde-container-link h5,.bde-container-link h6{transition-property:color;transition-timing-function:ease-in-out;transition-duration:var(--defaultTransition,300ms)}.breakdance .bde-heading{max-width:100%;margin:0}.breakdance .bde-text-link{display:flex}.breakdance .bde-text-link>*{margin:0;color:currentColor}.breakdance .bde-section{position:relative;width:100%;background-position:center center;background-size:cover}.breakdance .bde-section .section-container{max-width:var(--bde-section-width);background-size:cover;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin:0 auto;padding:var(--bde-section-vertical-padding) var(--bde-section-horizontal-padding)}.breakdance .bde-section .section-shape-divider-wrapper{position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;pointer-events:none}.breakdance .bde-section .section-shape-divider-wrapper .section-shape-divider svg{position:absolute;color:#000;width:100%;height:320px;left:0;right:0;top:0}.breakdance .bde-columns{max-width:100%;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--bde-column-gap)}.breakdance .bde-column{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;align-items:flex-start;width:calc(var(--column-width) - var(--bde-column-gap) * ((var(--columnCount) - 1) / var(--columnCount)));position:relative;background-size:cover}.breakdance .bde-div{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:100%;position:relative;background-size:cover}.breakdance .bde-heading{max-width:100%;margin:0}.breakdance .bde-rich-text{max-width:100%;color:var(--bde-text-color,var(--bde-body-text-color))}.breakdance .bde-rich-text>:last-child li:last-child>p{margin-bottom:0}.breakdance .bde-rich-text img.aligncenter{display:block;margin:auto}.breakdance .bde-rich-text img.alignleft{float:left}.breakdance .bde-rich-text img.alignright{float:right}.breakdance .bde-grid{--bde-grid-gap:var(--bde-column-gap);display:grid;grid-template-columns:repeat(var(--bde-grid-items-per-row,4),minmax(0,1fr));gap:var(--bde-grid-gap);text-align:left;max-width:100%;width:100%;position:relative;background-size:cover;align-items:var(--bde-grid-align-items,stretch);justify-items:var(--bde-grid-justify-items,stretch)}.breakdance .bde-text{max-width:100%;margin:0;color:var(--bde-text-color,var(--bde-body-text-color))}.breakdance .bde-content-reveal{width:100%;--bde-content-reveal-duration:var(--bde-transition-duration);--bde-content-reveal-height:250px;--bde-content-reveal-button-space:1rem;--bde-content-reveal-alignment:center}.breakdance .bde-content-reveal__container{display:flex;flex-direction:column}.breakdance .bde-content-reveal__content{position:relative}.breakdance :where(.is-hidden,.is-transitioning) .bde-content-reveal__content{overflow-y:hidden;max-height:var(--bde-content-reveal-height)}.breakdance .is-transitioning .bde-content-reveal__content{will-change:max-height;transition:var(--bde-content-reveal-duration) max-height ease-in-out}@supports (overflow-x:clip){.breakdance :where(.is-hidden,.is-transitioning) .bde-content-reveal__content{overflow-y:clip}}.breakdance .bde-content-reveal__content::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:var(--bde-content-reveal-gradient);pointer-events:none;transition:var(--bde-content-reveal-duration) opacity ease-in-out}.breakdance .hide-overlay .bde-content-reveal__content::after{opacity:0}.breakdance .bde-content-reveal .bde-content-reveal__button{align-self:var(--bde-content-reveal-alignment);margin-top:var(--bde-content-reveal-button-space)}.breakdance .bde-section{position:relative;width:100%;background-position:center center;background-size:cover}.breakdance .bde-section .section-container{max-width:var(--bde-section-width);background-size:cover;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin:0 auto;padding:var(--bde-section-vertical-padding) var(--bde-section-horizontal-padding)}.breakdance .bde-section .section-shape-divider-wrapper{position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;pointer-events:none}.breakdance .bde-section .section-shape-divider-wrapper .section-shape-divider svg{position:absolute;color:#000;width:100%;height:320px;left:0;right:0;top:0}.breakdance .bde-columns{max-width:100%;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--bde-column-gap)}.breakdance .bde-column{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;align-items:flex-start;width:calc(var(--column-width) - var(--bde-column-gap) * ((var(--columnCount) - 1) / var(--columnCount)));position:relative;background-size:cover}.breakdance .bde-rich-text{max-width:100%;color:var(--bde-text-color,var(--bde-body-text-color))}.breakdance .bde-rich-text>:last-child li:last-child>p{margin-bottom:0}.breakdance .bde-rich-text img.aligncenter{display:block;margin:auto}.breakdance .bde-rich-text img.alignleft{float:left}.breakdance .bde-rich-text img.alignright{float:right}.breakdance .bde-div{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:100%;position:relative;background-size:cover}.breakdance .bde-social-icons{max-width:100%;width:max-content;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:12px}.breakdance .bde-social-icons .bde-social-icons__icon-wrapper{display:flex;justify-content:center;align-items:center;background-color:var(--bde-brand-primary-color);border-radius:100%;padding:30px;transition-property:background-color,transform,opacity;transition-duration:var(--bde-transition-duration);transition-timing-function:ease}.breakdance .bde-social-icons .bde-social-icons__icon-wrapper svg{fill:#fff;width:20px;height:20px;transition-property:fill;transition-duration:var(--bde-transition-duration);transition-timing-function:ease}.breakdance .bde-social-icons .bde-social-icons__icon-facebook{background-color:#4267B2}.breakdance .bde-social-icons .bde-social-icons__icon-instagram{background-color:#E1306C}.breakdance .bde-social-icons .bde-social-icons__icon-twitter{background-color:#000}.breakdance .bde-social-icons .bde-social-icons__icon-youtube{background-color:red}.breakdance .bde-social-icons .bde-social-icons__icon-dribbble{background-color:#Ea4c89}.breakdance .bde-social-icons .bde-social-icons__icon-behance{background-color:#053eff}.breakdance .bde-social-icons .bde-social-icons__icon-github{background-color:#24292e}.breakdance .bde-social-icons .bde-social-icons__icon-linkedin{background-color:#0077b5}.breakdance .bde-social-icons .bde-social-icons__icon-vimeo{background-color:#19B7EA}.breakdance .bde-social-icons .bde-social-icons__icon-custom{background-color:var(--bde-brand-primary-color)}.breakdance .bde-button{max-width:100%}.breakdance .bde-text{max-width:100%;margin:0;color:var(--bde-text-color,var(--bde-body-text-color))}.bde-back-to-top{--bde-back-to-top-width:60px;--bde-back-to-top-height:60px;--bde-back-to-top-animation-duration:300ms}.bde-back-to-top.is-sticky{position:fixed;bottom:0;right:0;z-index:var(--bde-z-index-back-to-top);margin:20px;display:flex;justify-content:center;align-items:center}.bde-back-to-top--icon{width:var(--bde-back-to-top-width);height:var(--bde-back-to-top-height)}.bde-back-to-top__button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;transition:all ease;transition-duration:var(--bde-back-to-top-animation-duration);transform-origin:center;cursor:pointer;position:relative;z-index:20;gap:8px}.bde-back-to-top--icon .bde-back-to-top__button,.bde-back-to-top--progress .bde-back-to-top__button{width:var(--bde-back-to-top-width);height:var(--bde-back-to-top-height);border-radius:50%}.bde-back-to-top--icon .bde-back-to-top__button,.bde-back-to-top--text .bde-back-to-top__button{background:var(--grey-900)}.bde-back-to-top--icon .bde-back-to-top__button:hover,.bde-back-to-top--text .bde-back-to-top__button:hover{background:var(--grey-700)}.bde-back-to-top--text .bde-back-to-top__button{padding:16px;border-radius:8px}.bde-back-to-top__text{line-height:1;color:#fff;text-transform:uppercase;font-weight:600}.bde-back-to-top__icon-wrap>svg{font-size:inherit;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.bde-back-to-top__icon-wrap{display:flex;font-size:20px;transition:all .2s ease}.bde-back-to-top--icon .bde-back-to-top__icon-wrap{color:#fff}.bde-back-to-top--progress .bde-back-to-top__icon-wrap{color:var(--grey-900)}.bde-back-to-top--text .bde-back-to-top__icon-wrap{color:#fff}.bde-back-to-top--icon .bde-back-to-top__button:hover .bde-back-to-top__icon-wrap{font-size:24px}.bde-back-to-top__progress-svg{position:absolute;z-index:30;width:100%;height:100%;fill:none;overflow:visible}.bde-back-to-top__progress-svg path{stroke:var(--grey-200);stroke-width:5;box-sizing:border-box;transition:all 200ms linear;stroke-linecap:round}.bde-back-to-top__progress-svg path.tracker{stroke:var(--grey-900)}.bde-back-to-top__button--animation-fade.is-sticky{opacity:0}.bde-back-to-top__button--animation-fade.is-visible{opacity:1}.bde-back-to-top__button--animation-zoom.is-sticky{opacity:0;transform:scale(0.3)}.bde-back-to-top__button--animation-zoom.is-visible{opacity:1;transform:scale(1)}.bde-back-to-top__button--animation-slide-up.is-sticky{opacity:0;transform:translateY(100%)}.bde-back-to-top__button--animation-slide-up.is-visible{opacity:1;transform:translateY(0)}.bde-back-to-top__button--animation-slide-right.is-sticky{opacity:0;transform:translateX(-100%)}.bde-back-to-top__button--animation-slide-right.is-visible.is-sticky{opacity:1;transform:translateX(0)}.bde-back-to-top__button--animation-slide-left{opacity:0;transform:translateX(100%)}.bde-back-to-top__button--animation-slide-left.is-visible.is-sticky{opacity:1;transform:translateX(0)}.bde-back-to-top__button--show-always.is-sticky{opacity:1;transform:none}.bde-back-to-top__button--autohide.is-sticky.is-top{opacity:0;transform:none}:root{--white:#fff;--grey-50:#f9fafb;--grey-100:#f3f4f6;--grey-200:#e5e7eb;--grey-300:#d1d5db;--grey-400:#9ca3af;--grey-450:#787e8b;--grey-500:#6b7280;--grey-600:#4b5563;--grey-700:#374151;--grey-800:#1f2937;--grey-900:#111827;--blue-500:#3b82f6;--blue-600:#2563eb;--pink-600:#db2777;--emerald-100:#d1fae5;--emerald-700:#047857;--sky-100:#e0f2fe;--sky-500:#0ea5e9;--red-50:#fef2f2;--red-500:#ef4444;--red-700:#b91c1c;--indigo-50:#eef2ff;--indigo-600:#4f46e5;--indigo-700:#4338ca;--yellow-500:#fbbf24;--bde-brand-primary-color:var(--primary);--bde-brand-primary-color-hover:var(--primary);--bde-body-font-family:var(--ywf--family-questrial);--bde-heading-font-family:var(--ywf--family-questrial);--bde-base-font-size:16px;--bde-body-font-size:var(--bde-base-font-size);--bde-font-size-ratio:1.250;--bde-h6-font-size:var(--bde-base-font-size);--bde-h5-font-size:calc(var(--bde-h6-font-size) * var(--bde-font-size-ratio));--bde-h4-font-size:calc(var(--bde-h5-font-size) * var(--bde-font-size-ratio));--bde-h3-font-size:calc(var(--bde-h4-font-size) * var(--bde-font-size-ratio));--bde-h2-font-size:calc(var(--bde-h3-font-size) * var(--bde-font-size-ratio));--bde-h1-font-size:calc(var(--bde-h2-font-size) * var(--bde-font-size-ratio));--bde-body-text-color:var(--grey-700);--bde-headings-color:var(--grey-900);--bde-background-color:var(--white);--bde-transition-duration:300ms;--bde-column-gap:32px;--bde-section-width:1120px;--bde-section-vertical-padding:100px;--bde-section-horizontal-padding:20px;--bde-button-primary-border-color:transparent;--bde-button-primary-border-color-hover:transparent;--bde-button-primary-text-color:#fff;--bde-button-primary-text-color-hover:#fff;--bde-button-secondary-text-color-hover:#fff;--bde-button-secondary-background-color:transparent;--bde-button-custom-border-color:var(--grey-900);--bde-button-custom-border-color-hover:var(--grey-700);--bde-button-custom-text-color:var(--white);--bde-button-custom-text-color-hover:var(--white);--bde-button-custom-background-color:var(--grey-900);--bde-button-custom-background-color-hover:var(--grey-700);--bde-button-font-weight:500;--bde-button-border-radius:3px;--bde-button-border-width:1px;--bde-button-padding-base:14px 24px;--bde-button-padding-sm:8px 16px;--bde-button-padding-lg:28px 54px;--bde-button-line-height:1;--bde-form-gap:16px;--bde-form-after-label:8px;--bde-form-after-sublabel:8px;--bde-form-input-border-radius:3px;--bde-form-input-background-color:var(--white);--bde-form-input-padding-top:12px;--bde-form-input-padding-right:16px;--bde-form-input-padding-bottom:12px;--bde-form-input-padding-left:16px;--bde-form-input-placeholder-color:var(--grey-450);--bde-form-input-border-width:1px;--bde-form-input-border-color:var(--grey-300);--bde-form-label-font-weight:500;--bde-form-label-required-color:var(--red-700);--bde-form-label-required-nudge-x:0;--bde-form-label-required-nudge-y:0;--bde-form-label-required-size:inherit;--bde-form-text-color:var(--grey-700);--bde-form-input-focused-background-color:var(--white);--bde-form-input-input-shadow:none;--bde-form-checkbox-size:1em;--bde-woo-products-list-gap:var(--bde-woo-base-large-gaps);--bde-woo-base-paragraph-line-height:1.4;--bde-woo-base-heading-line-height:1.2;--bde-woo-base-border-color:var(--grey-300);--bde-woo-base-text-on-primary-color:var(--white);--bde-woo-base-space:8px;--bde-woo-base-ratio:1.618;--bde-woo-typography-font-weight-normal:400;--bde-woo-typography-font-weight-medium:500;--bde-woo-typography-font-weight-heavy:600;--bde-woo-buttons-and-links-line-height:1;--bde-woo-buttons-and-links__disabled-button-color:var(--grey-300);--bde-woo-buttons-and-links__disabled-button-text-color:var(--white);--bde-woo-buttons-and-links__nav-link-background-active:var(--grey-50);--bde-woo-buttons-and-links__nav-border-radius:4px;--bde-woo-forms__inputs-select2-selected-item:var(--grey-300);--bde-woo-forms__wrappers-small:360px;--error-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.5 16.084l-1.403 1.416-4.09-4.096-4.102 4.096-1.405-1.405 4.093-4.092-4.093-4.098 1.405-1.405 4.088 4.089 4.091-4.089 1.416 1.403-4.092 4.087 4.092 4.094z"/></svg>');--success-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z"/></svg>');--info-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 18h-2v-6h-2v-2h4v8zm-1-9.75c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z"/></svg>');--chevron-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z"/></svg>');--checkbox-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 21.035l-9-8.638 2.791-2.87 6.156 5.874 12.21-12.436 2.843 2.817z"/></svg>');--radiobutton-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12"/></svg>');--show-password-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.015 7c4.751 0 8.063 3.012 9.504 4.636-1.401 1.837-4.713 5.364-9.504 5.364-4.42 0-7.93-3.536-9.478-5.407 1.493-1.647 4.817-4.593 9.478-4.593zm0-2c-7.569 0-12.015 6.551-12.015 6.551s4.835 7.449 12.015 7.449c7.733 0 11.985-7.449 11.985-7.449s-4.291-6.551-11.985-6.551zm-.015 5c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2zm0-2c-2.209 0-4 1.792-4 4 0 2.209 1.791 4 4 4s4-1.791 4-4c0-2.208-1.791-4-4-4z"/></svg>');--hide-password-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.604 2.562l-3.346 3.137c-1.27-.428-2.686-.699-4.243-.699-7.569 0-12.015 6.551-12.015 6.551s1.928 2.951 5.146 5.138l-2.911 2.909 1.414 1.414 17.37-17.035-1.415-1.415zm-6.016 5.779c-3.288-1.453-6.681 1.908-5.265 5.206l-1.726 1.707c-1.814-1.16-3.225-2.65-4.06-3.66 1.493-1.648 4.817-4.594 9.478-4.594.927 0 1.796.119 2.61.315l-1.037 1.026zm-2.883 7.431l5.09-4.993c1.017 3.111-2.003 6.067-5.09 4.993zm13.295-4.221s-4.252 7.449-11.985 7.449c-1.379 0-2.662-.291-3.851-.737l1.614-1.583c.715.193 1.458.32 2.237.32 4.791 0 8.104-3.527 9.504-5.364-.729-.822-1.956-1.99-3.587-2.952l1.489-1.46c2.982 1.9 4.579 4.327 4.579 4.327z"/></svg>');--error-svg-icon-color:var(--red-500);--success-svg-icon-color:var(--emerald-700);--info-svg-icon-color:var(--sky-500);--chevron-svg-icon-color:var(--grey-900);--checkbox-svg-icon-color:var(--grey-900);--radiobutton-svg-icon-color:var(--grey-900);--show-password-svg-icon-color:var(--grey-900);--hide-password-svg-icon-color:var(--grey-900);--bde-woo-notices__icon-size:16px;--bde-woo-notices__padding:24px;--bde-woo-notices__border-radius:4px;--bde-woo-notices__error-background:var(--red-50);--bde-woo-notices__error-text:var(--red-500);--bde-woo-notices__error-link-text:var(--red-500);--bde-woo-notices__error-link-text-hover:var(--red-500);--bde-woo-notices__info-background:var(--sky-100);--bde-woo-notices__info-text:var(--sky-500);--bde-woo-notices__info-link-text:var(--sky-500);--bde-woo-notices__info-link-text-hover:var(--sky-500);--bde-woo-notices__success-background:var(--emerald-100);--bde-woo-notices__success-text:var(--emerald-700);--bde-woo-notices__success-link-text:var(--emerald-700);--bde-woo-notices__success-link-text-hover:var(--emerald-700);--bde-woo-sale-badge__border-radius:2px;--bde-woo-sale-badge__padding:4px 8px;--bde-woo-ratings__star-color:var(--yellow-500);--bde-woo-ratings__star-size:18px;--bde-woo-ratings__filled-star-svg:url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon id="Path" points="12 0.587 15.668 8.155 24 9.306 17.936 15.134 19.416 23.413 12 19.446 4.583 23.413 6.064 15.134 0 9.306 8.332 8.155"></polygon></svg>');--bde-woo-ratings__empty-star-svg:url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M12,5.173 L14.335,9.99 L19.64,10.722 L15.779,14.432 L16.721,19.702 L12,17.178 L7.279,19.703 L8.221,14.433 L4.36,10.723 L9.665,9.99 L12,5.173 L12,5.173 Z M12,0.587 L8.332,8.155 L0,9.306 L6.064,15.134 L4.584,23.413 L12,19.446 L19.416,23.412 L17.936,15.133 L24,9.306 L15.668,8.156 L12,0.587 Z" id="Shape"></path></svg>');--bde-woo-product-images__border-radius:4px;--bde-woo-product-images__border-width:0px;--bde-woo-product-images__border-color:var(--grey-300);--bde-woo-wrappers__background-color:var(--white);--bde-woo-wrappers__border-radius:4px;--bde-woo-wrappers__border-color:var(--grey-300);--bde-woo-wrappers__border-width:1px;--bde-woo-wrappers__shadow:rgba(0,0,0,0.05) 0 1px 3px,rgba(0,0,0,0.05) 0 1px 2px;--bde-woo-tables__header-color:var(--grey-100);--bde-woo-tables__background-color:var(--white);--bde-woo-tables__border-radius:4px;--bde-woo-tables__border-width:1px;--bde-woo-widgets__chip-background-color:transparent;--bde-woo-widgets__chip-background-color-hover:var(--indigo-50);--bde-woo-widgets__chip-text-color:inherit;--bde-woo-widgets__handle-border-color:var(--grey-300);--bde-woo-widgets__handle-background-color:var(--white);--bde-woo-widgets__handle-background-color-hover:var(--white);--bde-woo-widgets__handle-shadow:rgba(0,0,0,0.05) 0 1px 3px,rgba(0,0,0,0.05) 0 1px 2px;--bde-woo-widgets__handle-shadow-hover:var(--grey-300) 0 0 4px;--bde-woo-widgets__remove-item-from-cart-color:var(--grey-450);--bde-woo-select2__active-item-background-color:var(--indigo-50);--bde-woo-gallery__zoom-icon-shadow:rgba(0,0,0,0.05) 0 1px 3px,rgba(0,0,0,0.05) 0 1px 2px;--bde-woo-payment-box-background-color:var(--grey-100);--bde-woo-payment-box-border-color:var(--grey-200);--bde-woo-payment-box-border-width:1px;--bde-woo-quicklook-button-icon:url(//www.maaduk.com/wp-content/uploads/breakdance/css/icons/eye.svg);--bde-woo-quicklook-button-background-color:none;--bde-woo-quicklook-button-icon-size:20px;--bde-woo-quicklook-button-backdrop-color:rgba(0,0,0,0.15);--bde-woo-quicklook-button-backdrop-opacity:0.7;--bde-woo-quicklook-modal-background-color:var(--white);--bde-woo-quicklook-overlay-color:rgba(0,0,0,0.7);--bde-woo-quicklook-close-button-size:2em;--bde-woo-quicklook-arrow-size:1em;--bde-woo-quicklook-arrow-color:var(--white);--bde-woo-swatch-space-between-options:10px;--bde-woo-swatch-padding:7px 7px;--bde-woo-swatch-color-width:30px;--bde-woo-swatch-color-height:30px;--bde-woo-swatch-border:1px solid var(--grey-200);--bde-woo-swatch-border-color-hover:var(--grey-400);--bde-woo-swatch-shadow:none;--bde-woo-swatch-shadow-hover:none;--bde-woo-swatch-background:var(--white);--bde-woo-swatch-background-hover:var(--grey-50);--bde-woo-swatch-color-padding:2px;--bde-woo-swatch-tooltip-color:var(--white);--bde-woo-swatch-tooltip-background:var(--grey-900);--bde-woo-swatch-tooltip-padding:7px;--bde-woo-swatch-space-after-label:8px;--bde-woo-responsive__stack:row}:root,.bde-global-css-vars{--bde-links-color:var(--primary);--bde-links-color-hover:var(--primary);--bde-button-primary-background-color:var(--bde-brand-primary-color);--bde-button-primary-background-color-hover:var(--bde-brand-primary-color-hover);--bde-button-secondary-border-color:var(--bde-brand-primary-color);--bde-button-secondary-border-color-hover:var(--bde-brand-primary-color);--bde-button-secondary-text-color:var(--bde-brand-primary-color);--bde-button-secondary-background-color-hover:var(--bde-brand-primary-color);--bde-button-text-text-color:var(--bde-links-color);--bde-button-text-text-color-hover:var(--bde-links-color-hover);--bde-button-font-size:var(--bde-body-font-size);--bde-form-font-size:var(--bde-body-font-size);--bde-form-input-border-top-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-right:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-bottom:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-left:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-label-color:var(--bde-headings-color);--bde-form-input-focused-border-color:var(--bde-brand-primary-color);--bde-form-input-focused-shadow:var(--bde-brand-primary-color) 0 0 2px;--bde-form-checkbox-selected-color:var(--bde-brand-primary-color);--bde-z-index-lightbox:1100;--bde-z-index-popup:1050;--bde-z-index-modal:1000;--bde-z-index-modal-backdrop:calc(var(--bde-z-index-modal) - 1);--bde-z-index-high:300;--bde-z-index-medium:200;--bde-z-index-low:100;--bde-z-index-sticky:10;--bde-z-index-minicart:var(--bde-z-index-modal);--bde-z-index-minicart-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-menu-dropdown:var(--bde-z-index-modal);--bde-z-index-menu-mobile:var(--bde-z-index-modal);--bde-z-index-menu-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-search-fullscreen:var(--bde-z-index-modal);--bde-z-index-back-to-top:var(--bde-z-index-high);--bde-z-index-scroll-progress:var(--bde-z-index-high);--bde-z-index-header-sticky:var(--bde-z-index-medium);--bde-z-index-header-overlay:calc(var(--bde-z-index-header-sticky) - 1);--bde-z-index-social-share-buttons:var(--bde-z-index-low);--bde-woo-base-transition:all ease var(--bde-transition-duration);--bde-woo-base-text-color:var(--bde-body-text-color);--bde-woo-base-headings-color:var(--bde-headings-color);--bde-woo-base-primary-color:var(--bde-brand-primary-color);--bde-woo-base-primary-color-hover:var(--bde-brand-primary-color-hover);--bde-woo-base-extra-small-gaps:calc(var(--bde-woo-base-small-gaps) / var(--bde-woo-base-ratio));--bde-woo-base-small-gaps:calc(var(--bde-woo-base-space) / var(--bde-woo-base-ratio));--bde-woo-base-standard-gaps:var(--bde-woo-base-space);--bde-woo-base-medium-gaps:calc(var(--bde-woo-base-space) * var(--bde-woo-base-ratio));--bde-woo-base-big-gaps:calc(var(--bde-woo-base-medium-gaps) *  var(--bde-woo-base-ratio));--bde-woo-base-large-gaps:calc(var(--bde-woo-base-big-gaps) *  var(--bde-woo-base-ratio));--bde-woo-base-extra-large-gaps:calc(var(--bde-woo-base-large-gaps) * var(--bde-woo-base-ratio));--bde-woo-typography-ratio:var(--bde-font-size-ratio);--bde-woo-typography__size-small:calc(var(--bde-woo-typography__size-standard) / var(--bde-woo-typography-ratio));--bde-woo-typography__size-small-font-family:var(--bde-body-font-family);--bde-woo-typography__size-standard:var(--bde-body-font-size);--bde-woo-typography__size-standard-font-family:var(--bde-body-font-family);--bde-woo-typography__size-medium:calc(var(--bde-woo-typography__size-standard) * var(--bde-woo-typography-ratio));--bde-woo-typography__size-medium-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-large:calc(var(--bde-woo-typography__size-medium) * var(--bde-woo-typography-ratio));--bde-woo-typography__size-large-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-extra-large:calc(var(--bde-woo-typography__size-large) * var(--bde-woo-typography-ratio));--bde-woo-typography__size-extra-large-font-family:var(--bde-heading-font-family);--bde-woo-buttons-and-links__text-link-color:var(--primary);--bde-woo-buttons-and-links__text-link-color-hover:var(--primary);--bde-woo-buttons-and-links__nav-link-color:var(--bde-woo-base-text-color);--bde-woo-buttons-and-links__nav-link-color-hover:var(--bde-woo-base-text-on-primary-color);--bde-woo-buttons-and-links__nav-link-color-active:var(--bde-woo-base-primary-color);--bde-woo-forms__spacing-after-label:var(--bde-form-after-label);--bde-woo-forms__spacing-between-fields:var(--bde-form-gap);--bde-woo-forms__spacing-between-columns:var(--bde-woo-base-extra-large-gaps);--bde-woo-forms__labels-color:var(--bde-form-label-color);--bde-woo-forms__inputs-background-color:var(--bde-form-input-background-color);--bde-woo-forms__inputs-text-color:var(--bde-form-text-color);--bde-woo-forms__inputs-placeholder-color:var(--bde-form-input-placeholder-color);--bde-woo-forms__inputs-border-color:var(--bde-form-input-border-color);--bde-woo-forms__inputs-border-width:var(--bde-form-input-border-width);--bde-woo-forms__inputs-border-radius:var(--bde-form-input-border-top-left-radius) var(--bde-form-input-border-top-right-radius) var(--bde-form-input-border-bottom-right-radius) var(--bde-form-input-border-bottom-left-radius);--bde-woo-forms__inputs-background-color-focused:var(--bde-form-input-focused-background-color);--bde-woo-forms__inputs-border-color-focused:var(--bde-form-input-focused-border-color);--bde-woo-forms__inputs-shadow-focused:var(--bde-form-input-focused-shadow);--bde-woo-forms__inputs-shadow:var(--bde-form-input-input-shadow);--bde-woo-forms__inputs-select2-hover-item:var(--bde-woo-base-primary-color);--bde-woo-forms__labels-required-color:var(--bde-form-label-required-color);--bde-woo-forms__labels-required-size:var(--bde-form-label-required-size);--bde-woo-forms__labels-required-nudge-x:var(--bde-form-label-required-nudge-x);--bde-woo-forms__labels-required-nudge-y:var(--bde-form-label-required-nudge-y);--bde-woo-tables__border-color:var(--bde-woo-base-border-color);--bde-woo-sale-badge__background-color:var(--bde-woo-base-primary-color);--bde-woo-sale-badge__text-color:var(--bde-woo-base-text-on-primary-color);--bde-woo-sale-badge__font-weight:var(--bde-woo-typography-font-weight-heavy);--bde-woo-sale-badge__font-size:var(--bde-woo-typography__size-standard);--bde-woo-widgets__chip-text-color-hover:var(--bde-woo-buttons-and-links__text-link-color);--bde-woo-widgets__handle-border-color-hover:var(--bde-woo-base-primary-color);--bde-woo-notices__padding-left:calc(var(--bde-woo-notices__padding) + var(--bde-woo-notices__icon-size) + (var(--bde-woo-notices__icon-size) / 2));--bde-woo-quicklook-button-text-color:var(--bde-button-primary-text-color);--bde-woo-quicklook-button-background-color-hover:var(--bde-woo-quicklook-button-background-color);--bde-woo-quicklook-button-icon-spacing:var(--bde-woo-base-standard-gaps);--bde-woo-quicklook-close-button-color:var(--bde-woo-base-headings-color);--bde-woo-quicklook-arrow-color-hover:var(--bde-woo-quicklook-arrow-color);--bde-woo-quicklook-arrow-background-color:var(--bde-brand-primary-color);--bde-woo-quicklook-arrow-background-color-hover:var(--bde-woo-quicklook-arrow-background-color);--bde-woo-swatch-space-between-items:var(--bde-woo-base-medium-gaps);--bde-woo-swatch-background-selected:var(--bde-woo-swatch-background-hover);--bde-woo-swatch-border-color-selected:var(--bde-woo-swatch-border-color-hover);--bde-woo-swatch-shadow-selected:var(--bde-woo-swatch-shadow-hover);--bde-woo-swatch-color-background:var(--bde-woo-swatch-background)}:root{--bde-base-font-size:16px}.breakdance .button-atom{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;user-select:none;appearance:none;box-sizing:border-box;margin:0;border:0;padding:0;background-color:transparent;font-size:var(--bde-button-font-size);line-height:var(--bde-button-line-height);transform:translate(0,0);max-width:100%;width:var(--bde-button-width)}.breakdance .button-atom--primary,.breakdance .button-atom--secondary,.breakdance .button-atom--custom{text-align:center;font-weight:var(--bde-button-font-weight);text-decoration:none;padding:var(--bde-button-padding-base);border-radius:var(--bde-button-border-radius);cursor:pointer;border-width:var(--bde-button-border-width);border-style:solid;border-color:transparent;transition-timing-function:ease-in-out;transition-property:all;transition-duration:var(--bde-transition-duration);overflow:hidden}.breakdance .button-atom--text{color:var(--bde-button-text-text-color)}.breakdance .button-atom--text:hover{color:var(--bde-button-text-text-color-hover)}.breakdance .button-atom--primary{color:var(--bde-button-primary-text-color);background:var(--bde-button-primary-background-color);border-color:var(--bde-button-primary-border-color)}.breakdance .button-atom--primary:hover{color:var(--bde-button-primary-text-color-hover);background:var(--bde-button-primary-background-color-hover);border-color:var(--bde-button-primary-border-color-hover)}.breakdance .button-atom--secondary{color:var(--bde-button-secondary-text-color);background:var(--bde-button-secondary-background-color);border-color:var(--bde-button-secondary-border-color)}.breakdance .button-atom--secondary:hover{color:var(--bde-button-secondary-text-color-hover);background:var(--bde-button-secondary-background-color-hover);border-color:var(--bde-button-secondary-border-color-hover)}.breakdance .button-atom--custom{color:var(--bde-button-custom-text-color);background:var(--bde-button-custom-background-color);border-color:var(--bde-button-custom-border-color)}.breakdance .button-atom--custom:hover{color:var(--bde-button-custom-text-color-hover);background:var(--bde-button-custom-background-color-hover);border-color:var(--bde-button-custom-border-color-hover)}.breakdance .button-atom:disabled,.breakdance .button-atom:hover:disabled{filter:grayscale(100%);opacity:0.6;cursor:not-allowed}.button-atom__icon-wrapper>svg:not(.breakdance-icon-atom-svg-gradient){font-size:inherit;width:1em;height:1em;stroke-width:0;stroke:var(--bde-brand-primary-color);fill:var(--bde-brand-primary-color)}.breakdance-icon-atom{display:flex;font-size:40px}.breakdance-icon-atom>svg:not(.breakdance-icon-atom-svg-gradient){font-size:inherit;width:1em;height:1em;stroke-width:0;stroke:var(--bde-brand-primary-color);fill:var(--bde-brand-primary-color);transform:var(--eeiTransform)}.breakdance *,.breakdance *::before,.breakdance *::after{box-sizing:border-box}.breakdance img{max-width:100%;height:auto}.breakdance figure{margin-left:0;margin-right:0}.breakdance-full-width{width:100%;max-width:100%}.breakdance-rich-text-styles>*:first-child{margin-top:0}.breakdance-rich-text-styles>*:last-child{margin-bottom:0}.bde-stop-scrolling,.bde-stop-scrolling body{overflow-y:hidden}@supports (overflow-y:clip){.bde-stop-scrolling,.bde-stop-scrolling body{overflow-y:clip}}.breakdance-animation-enabled,.breakdance-animation-enabled body{overflow-x:hidden}@supports (overflow-x:clip){.breakdance-animation-enabled,.breakdance-animation-enabled body{overflow-x:clip}}.lg-outer{z-index:var(--bde-z-index-lightbox)}.lg-outer .lg-thumb-outer{background-color:transparent}.lg-video-play-icon{transform:translate3d(-40%,-50%,0)}.admin-bar .lg-toolbar{top:var(--wp-admin--admin-bar--height)}[data-bde-lazy-bg="waiting"]{background-image:none!important}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;word-wrap:normal!important;padding:0;position:absolute!important;width:1px}.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}.breakdance{background-color:var(--bde-background-color);color:var(--bde-body-text-color)}.breakdance h1,.breakdance h2,.breakdance h3,.breakdance h4,.breakdance h5,.breakdance h6{color:var(--bde-headings-color)}.breakdance a,.button-atom--text{color:var(--bde-links-color)}.breakdance a:hover,.button-atom--text:hover{color:var(--bde-links-color-hover)}.breakdance .button-atom--primary,.bde-mini-cart-offcanvas .button,.bde-woo-product-quicklook-button,.woocommerce-page.woocommerce-lost-password .breakdance-woocommerce button[type="submit"],.breakdance-woocommerce .woocommerce-form-track-order button[type="submit"],.breakdance-woocommerce #place_order,.breakdance-woocommerce .woocommerce-button.pay,.breakdance-woocommerce button.single_add_to_cart_button,.breakdance-woocommerce a.single_add_to_cart_button,.breakdance-woocommerce a.button.wc-backward,.breakdance-woocommerce a.checkout-button,.breakdance-woocommerce p.order-again a.button,.breakdance-woocommerce button[name="add-to-cart"],.breakdance-woocommerce button[name="login"],.breakdance-woocommerce button[name="save_address"],.breakdance-woocommerce button[name="save_account_details"],.breakdance-woocommerce button[name="woocommerce_checkout_place_order"],.breakdance-woocommerce .woocommerce-MyAccount-content a.button[href*="add-payment-method"]{--bde-button-primary-border-color:var(--primary);--bde-button-primary-border-color-hover:var(--primary);--bde-button-primary-background-color:var(--primary);--bde-button-primary-background-color-hover:var(--white);--bde-button-primary-text-color:var(--white);--bde-button-primary-text-color-hover:var(--primary);border-radius:var(--radius);border-width:1px;color:var(--white);letter-spacing:2px;text-transform:lowercase;padding:var(--bde-button-padding-sm)}.breakdance .button-atom--primary:hover,.bde-mini-cart-offcanvas .button:hover,.bde-woo-product-quicklook-button:hover,.woocommerce-page.woocommerce-lost-password .breakdance-woocommerce button[type="submit"]:hover,.breakdance-woocommerce .woocommerce-form-track-order button[type="submit"]:hover,.breakdance-woocommerce #place_order:hover,.breakdance-woocommerce .woocommerce-button.pay:hover,.breakdance-woocommerce button.single_add_to_cart_button:hover,.breakdance-woocommerce a.single_add_to_cart_button:hover,.breakdance-woocommerce a.button.wc-backward:hover,.breakdance-woocommerce a.checkout-button:hover,.breakdance-woocommerce p.order-again a.button:hover,.breakdance-woocommerce button[name="add-to-cart"]:hover,.breakdance-woocommerce button[name="login"]:hover,.breakdance-woocommerce button[name="save_address"]:hover,.breakdance-woocommerce button[name="save_account_details"]:hover,.breakdance-woocommerce button[name="woocommerce_checkout_place_order"]:hover,.breakdance-woocommerce .woocommerce-MyAccount-content a.button[href*="add-payment-method"]:hover{color:var(--primary)}.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}.bde-h1,.bde-h2,.bde-h3,.bde-h4,.bde-h5,.bde-h6,.breakdance h1,.breakdance h2,.breakdance h3,.breakdance h4,.breakdance h5,.breakdance h6{font-family:var(--bde-heading-font-family)}.bde-h1,.breakdance h1{font-size:var(--bde-h1-font-size)}.bde-h2,.breakdance h2{font-size:var(--bde-h2-font-size)}.bde-h3,.breakdance h3{font-size:var(--bde-h3-font-size)}.bde-h4,.breakdance h4{font-size:var(--bde-h4-font-size)}.bde-h5,.breakdance h5{font-size:var(--bde-h5-font-size)}.bde-h6,.breakdance h6{font-size:var(--bde-h6-font-size)}.breakdance{line-height:var(--text-line-height)}.bde-h1,.bde-h2,.bde-h3,.bde-h4,.bde-h5,.bde-h6,.breakdance h1,.breakdance h2,.breakdance h3,.breakdance h4,.breakdance h5,.breakdance h6{line-height:1em}@media (max-width:1119px){.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}}@media (max-width:1023px){.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}}@media (max-width:767px){.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}}@media (max-width:479px){.breakdance-global-gradients-sprite{position:absolute;width:0;height:0;overflow:hidden}}.breakdance .bde-header-builder-42-100 .bde-header-builder__header-builder-border-bottom{height:1px;background:var(--neutral-light)}.breakdance .bde-header-builder-42-100 .bde-header-builder__container{padding-left:var(--space-s);padding-right:var(--space-s);padding-bottom:var(--space-s);padding-top:var(--space-s)}body{margin-top:139px}@media screen and (max-width:600px){#wpadminbar{display:none}.breakdance .bde-header-builder{--wp-admin--admin-bar--height:0px}}@media (max-width:1119px){body{margin-top:123px}@media screen and (max-width:600px){#wpadminbar{display:none}.breakdance .bde-header-builder{--wp-admin--admin-bar--height:0px}}}@media (max-width:1023px){body{margin-top:102px}@media screen and (max-width:600px){#wpadminbar{display:none}.breakdance .bde-header-builder{--wp-admin--admin-bar--height:0px}}}@media (max-width:767px){body{margin-top:87px}@media screen and (max-width:600px){#wpadminbar{display:none}.breakdance .bde-header-builder{--wp-admin--admin-bar--height:0px}}}@media (max-width:479px){body{margin-top:65px}@media screen and (max-width:600px){#wpadminbar{display:none}.breakdance .bde-header-builder{--wp-admin--admin-bar--height:0px}}}.breakdance .bde-container-link-42-119{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--space-m)}.breakdance .bde-image2-42-101{width:200px;height:auto}@media (max-width:1119px){.breakdance .bde-image2-42-101{width:175px;height:auto}}@media (max-width:1023px){.breakdance .bde-image2-42-101{width:150px;height:auto}}@media (max-width:767px){.breakdance .bde-image2-42-101{width:125px;height:auto}}@media (max-width:479px){.breakdance .bde-image2-42-101{width:100px;height:auto}}.breakdance .bde-heading-42-102{width:300px;color:var(--black);font-size:2em;text-transform:lowercase}@media (max-width:767px){.breakdance .bde-heading-42-102{font-size:1.4em}}@media (max-width:479px){.breakdance .bde-heading-42-102{width:190px;font-size:1.2em}}.breakdance .bde-menu-42-103 .breakdance-menu{--menu-background:var(--primary);--menu-hide-on-mobile:none;--toggle-layer-color:var(--neutral);--mobile-offcanvas-width:300px;--mobile-offcanvas-x:100%;--link-color:var(--white);--link-border:none;--link-alignment:center;--link-color-active:var(--neutral)}.breakdance .bde-menu-42-103 .breakdance-menu-link{color:var(--white);font-size:var(--h2);font-weight:700}.breakdance .bde-menu-42-103 .breakdance-menu{--links-gap:0;--dropdown-link-icon-display:none;--dropdown-link-description-display:none;--dropdown-links-gap:var(--gap-none)}.breakdance .bde-menu-42-103 .breakdance-menu-list{align-items:stretch;background-color:var(--menu-background);display:none;flex-direction:column;left:var(--mobile-offset-x);max-height:var(--menu-max-height);overflow-y:auto;position:absolute;top:var(--mobile-offset-y,100%);width:calc(100vw - var(--menu-scrollbar-width, 0px));z-index:var(--bde-z-index-menu-mobile)}.breakdance .bde-menu-42-103 .breakdance-menu--enabled .breakdance-menu-list{display:flex}.breakdance .bde-menu-42-103 .breakdance-responsive-menu--bottom .breakdance-menu-list{bottom:var(--mobile-offset-y,100%);top:auto}.breakdance .bde-menu-42-103 .breakdance-responsive-menu--open .breakdance-menu-list{opacity:1!important;pointer-events:auto!important;transform:none!important}.breakdance .bde-menu-42-103 .breakdance-menu-list>.bde-button{border-top:var(--link-border);justify-content:var(--link-alignment);margin-left:0;padding:10px 15px}.breakdance .bde-menu-42-103 .breakdance-menu-list>.bde-button .button-atom{width:var(--bde-button-width,100%)}.breakdance .bde-menu-42-103 .breakdance-menu-list>:last-child{border-bottom:var(--link-border)}.breakdance .bde-menu-42-103 .breakdance-menu--accordion .breakdance-menu-list:not(.is-visible):not(.is-collapsing),.breakdance .bde-menu-42-103 .breakdance-menu--default .breakdance-menu-list:not(.is-visible):not(.is-collapsing){height:0;overflow:hidden;pointer-events:none;visibility:hidden}.breakdance .bde-menu-42-103 .breakdance-menu--accordion .breakdance-menu-list.is-collapsing,.breakdance .bde-menu-42-103 .breakdance-menu--default .breakdance-menu-list.is-collapsing{height:0;overflow:hidden;transition:var(--menu-duration) height ease-in-out,var(--menu-duration) visibility ease-in-out}.breakdance .bde-menu-42-103 .breakdance-menu .breakdance-menu-link{border-top:var(--link-border);outline-offset:-1px;padding:var(--mobile-link-padding-top) var(--mobile-link-padding-right) var(--mobile-link-padding-bottom) var(--mobile-link-padding-left)}.breakdance .bde-menu-42-103 .breakdance-menu-link-arrow{border-top:var(--link-border);bottom:0;position:absolute;right:0;top:0}.breakdance .bde-menu-42-103 .hide-arrows-on-desktop .breakdance-menu-link-arrow{display:block}.breakdance .bde-menu-42-103 .hide-arrows-on-mobile .breakdance-menu-link-arrow{display:none}.breakdance .bde-menu-42-103 .breakdance-dropdown-floater{transform:none;visibility:visible}.breakdance .bde-menu-42-103 .breakdance-dropdown--open .breakdance-dropdown-floater{transform:none}.breakdance .bde-menu-42-103 .breakdance-dropdown-caret{display:none}.breakdance .bde-menu-42-103 .breakdance-dropdown-body{background-color:var(--link-background-color);border-radius:0;border-top:var(--link-border);box-shadow:none;flex-direction:column}.breakdance .bde-menu-42-103 .breakdance-dropdown--custom .breakdance-dropdown-floater,.breakdance .bde-menu-42-103 .breakdance-menu--custom-width .breakdance-dropdown-floater{width:auto}.breakdance .bde-menu-42-103 .breakdance-menu--placement-section-width .breakdance-dropdown-floater{width:100%}.breakdance .bde-menu-42-103 .breakdance-dropdown-section{--dropdown-section-padding:0;--dropdown-section-gap:var(--gap-none)}.breakdance .bde-menu-42-103 .breakdance-dropdown-section--additional{background-color:transparent;border-top:var(--link-border)}.breakdance .bde-menu-42-103 .breakdance-dropdown-columns{--dropdown-columns-stack:column;--dropdown-columns-gap:var(--gap-none)}.breakdance .bde-menu-42-103 .breakdance-dropdown-column{gap:var(--gap-none)}.breakdance .bde-menu-42-103 .breakdance-dropdown-column+.breakdance-dropdown-column{border-top:var(--link-border)}.breakdance .bde-menu-42-103 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible{gap:var(--gap-none)}.breakdance .bde-menu-42-103 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-item:first-child,.breakdance .bde-menu-42-103 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible:not(:first-child){border-top:var(--link-border)}.breakdance .bde-menu-42-103 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title{cursor:pointer;outline-offset:-1px}.breakdance .bde-menu-42-103 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-links:not(.is-visible):not(.is-collapsing){height:0;overflow:hidden;pointer-events:none;visibility:hidden}.breakdance .bde-menu-42-103 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-links.is-collapsing{height:0;overflow:hidden;transition:var(--menu-duration) height ease-in-out,var(--menu-duration) visibility ease-in-out}.breakdance .bde-menu-42-103 .breakdance-dropdown-column__title{font-weight:500;justify-content:var(--link-alignment);padding:var(--mobile-link-level-2-padding-top) var(--mobile-link-level-2-padding-right) var(--mobile-link-level-2-padding-bottom) var(--mobile-link-level-2-padding-left);white-space:normal}.breakdance .bde-menu-42-103 .breakdance-menu--collapse .breakdance-dropdown-column--collapsible .breakdance-dropdown-column__title:after{display:block}.breakdance .bde-menu-42-103 .breakdance-dropdown-item+.breakdance-dropdown-item{border-top:var(--link-border)}.breakdance .bde-menu-42-103 .breakdance-menu .breakdance-dropdown-link{justify-content:var(--link-alignment);outline-offset:-1px;padding:var(--mobile-link-level-3-padding-top) var(--mobile-link-level-3-padding-right) var(--mobile-link-level-3-padding-bottom) var(--mobile-link-level-3-padding-left);white-space:normal}.breakdance .bde-menu-42-103 .breakdance-menu--no-titles .breakdance-dropdown-column__title{display:none}.breakdance .bde-menu-42-103 .breakdance-menu-topbar{align-items:center;display:flex}.breakdance .bde-menu-42-103 .breakdance-menu--offcanvas .breakdance-menu-list{bottom:0;height:100vh!important;left:0;max-height:none;max-width:100%;opacity:1;padding-top:var(--wp-admin--admin-bar--height,0);position:fixed;top:0;transform:translate3d(-100%,0,0);transition:var(--menu-duration) transform ease,var(--menu-duration) visibility ease;visibility:hidden;width:var(--mobile-offcanvas-width)}.breakdance .bde-menu-42-103 .breakdance-menu--offcanvas.breakdance-responsive-menu--open .breakdance-menu-list{visibility:visible}.breakdance .bde-menu-42-103 .breakdance-menu--offcanvas-right .breakdance-menu-list{left:auto;right:0;transform:translate3d(100%,0,0)}.breakdance .bde-menu-42-103 .breakdance-menu--fullscreen .breakdance-menu-list{height:100vh!important;max-height:none!important;opacity:0;padding-top:var(--wp-admin--admin-bar--height,0);pointer-events:none;position:fixed;top:0;transition:var(--menu-duration) opacity ease,var(--menu-duration) visibility ease;visibility:hidden}.breakdance .bde-menu-42-103 .breakdance-menu--fullscreen.breakdance-responsive-menu--open .breakdance-menu-list{visibility:visible}.breakdance .bde-menu-42-103 .breakdance-dropdown--wp .breakdance-dropdown-section{margin-bottom:-1px}.breakdance .bde-menu-42-103 .breakdance-dropdown--wp .breakdance-dropdown-link{border-bottom:var(--link-border);padding:var(--mobile-link-level-2-padding-top) var(--mobile-link-level-2-padding-right) var(--mobile-link-level-2-padding-bottom) var(--mobile-link-level-2-padding-left)}.breakdance .bde-menu-42-103 .breakdance-menu-toggle{display:flex}.breakdance .bde-menu-42-103 .breakdance-menu--active-styles .breakdance-menu-item--active:before,.breakdance .bde-menu-42-103 .breakdance-menu--effect .breakdance-menu-item:before{display:none}.breakdance .bde-menu-42-103 .breakdance-menu-item--active .breakdance-menu-link{background-color:var(--link-background-color-active);color:var(--link-color-active)}@media (max-width:1119px){.breakdance .bde-menu-42-103 .breakdance-menu{--menu-hide-on-mobile:none}}@media (max-width:1023px){.breakdance .bde-menu-42-103 .breakdance-menu{--menu-hide-on-mobile:none}}@media (max-width:767px){.breakdance .bde-menu-42-103 .breakdance-menu{--menu-hide-on-mobile:none}}@media (max-width:479px){.breakdance .bde-menu-42-103 .breakdance-menu{--menu-hide-on-mobile:none}}.breakdance .bde-section-212-100 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-212-100 .section-container{--bde-section-width:100%}.breakdance .bde-section-212-100{padding-right:0px;padding-left:0px}.breakdance .bde-columns-212-101{--columnCount:2}@media (max-width:1119px){.breakdance .bde-columns-212-101{--columnCount:2}.breakdance .bde-columns-212-101.bde-columns{flex-direction:column;flex-wrap:nowrap}.breakdance .bde-columns-212-101.bde-columns>.bde-column{width:100%}}@media (max-width:1023px){.breakdance .bde-columns-212-101{--columnCount:2}}@media (max-width:767px){.breakdance .bde-columns-212-101{--columnCount:2}}@media (max-width:479px){.breakdance .bde-columns-212-101{--columnCount:2}}.breakdance .bde-column-212-102{--column-width:50%}@media (max-width:479px){.breakdance .bde-image2-212-105{display:none}}.breakdance .bde-column-212-106{--column-width:50%}.breakdance .bde-column-212-106{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}.breakdance .bde-div-212-107{width:100%;padding:var(--space-xs) var(--space-xl) var(--space-xs) var(--space-xl)}.breakdance .bde-div-212-107{background-color:var(--primary-light)}.breakdance .bde-heading-212-108{color:var(--black);font-size:var(--h1);font-weight:700;text-transform:lowercase}.breakdance .bde-div-212-109{width:100%;padding-right:var(--space-m);padding-left:var(--space-xl)}.breakdance .bde-heading-212-113{width:380px;font-size:var(--h2);text-transform:lowercase}@media (max-width:479px){.breakdance .bde-heading-212-113{width:280px}}.breakdance .bde-section-212-115 .section-container{display:flex;flex-direction:column}.breakdance .bde-section-212-115 .section-container{--bde-section-width:100%}.breakdance .bde-section-212-115{padding-top:0px;padding-bottom:0px;padding-left:0px}@media (max-width:479px){.breakdance .bde-section-212-115{padding-right:0px}}.breakdance .bde-div-212-116{width:51%;padding:var(--space-xs) var(--space-xl) var(--space-xs) var(--space-xl)}.breakdance .bde-div-212-116{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.breakdance .bde-div-212-116{background-color:var(--secondary-light)}@media (max-width:1023px){.breakdance .bde-div-212-116{width:100%}.breakdance .bde-div-212-116{align-items:flex-start;text-align:left}}@media (max-width:767px){.breakdance .bde-div-212-116{width:100%}}@media (max-width:479px){.breakdance .bde-div-212-116{align-items:flex-start;text-align:left}}.breakdance .bde-heading-212-117{color:var(--black);font-size:var(--h1);font-weight:700;text-transform:lowercase}.breakdance .bde-grid-212-118{width:var(--content-width);--bde-grid-items-per-row:3;margin-bottom:var(--space-xxl)}.breakdance .bde-grid>*{width:auto!important;height:auto!important}.breakdance .bde-grid-212-118{margin-right:auto;margin-left:auto}@media (max-width:1119px){.breakdance .bde-grid-212-118{--bde-grid-items-per-row:3}}@media (max-width:1023px){.breakdance .bde-grid-212-118{--bde-grid-items-per-row:2;--bde-grid-gap:var(--space-xl)}.breakdance .bde-grid-212-118{padding-left:var(--space-m)}}@media (max-width:767px){.breakdance .bde-grid-212-118{--bde-grid-items-per-row:1}}.breakdance .bde-div-212-120{display:flex;flex-direction:column;gap:var(--space-xs)}.breakdance .bde-text-212-122{font-size:var(--text-m)}.breakdance .bde-heading-212-123{color:var(--primary);font-size:var(--h2)}.breakdance .bde-text-212-124{font-size:var(--text-s)}.breakdance .bde-content-reveal-212-126{--bde-content-reveal-alignment:flex-start;max-width:300px}.breakdance .bde-content-reveal-212-126 .bde-content-reveal__button{color:var(--black);font-weight:700}.breakdance .bde-content-reveal-212-126{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.breakdance .bde-div-212-143{display:flex;flex-direction:column;gap:var(--space-xs)}.breakdance .bde-text-212-145{font-size:var(--text-m)}.breakdance .bde-heading-212-146{color:var(--primary);font-size:var(--h2)}.breakdance .bde-text-212-147{font-size:var(--text-s)}.breakdance .bde-content-reveal-212-148{--bde-content-reveal-alignment:flex-start;max-width:300px}.breakdance .bde-content-reveal-212-148 .bde-content-reveal__button{color:var(--black);font-weight:700}.breakdance .bde-content-reveal-212-148{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.breakdance .bde-div-212-150{display:flex;flex-direction:column;gap:var(--space-xs)}.breakdance .bde-text-212-152{font-size:var(--text-m)}.breakdance .bde-heading-212-153{color:var(--primary);font-size:var(--h2)}.breakdance .bde-text-212-154{font-size:var(--text-s)}.breakdance .bde-content-reveal-212-155{--bde-content-reveal-alignment:flex-start;max-width:300px}.breakdance .bde-content-reveal-212-155 .bde-content-reveal__button{color:var(--black);font-weight:700}.breakdance .bde-content-reveal-212-155{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.breakdance .bde-div-212-136{display:flex;flex-direction:column;gap:var(--space-xs)}.breakdance .bde-text-212-138{font-size:var(--text-m)}.breakdance .bde-heading-212-139{color:var(--primary);font-size:var(--h2)}.breakdance .bde-text-212-140{font-size:var(--text-s)}.breakdance .bde-content-reveal-212-141{--bde-content-reveal-alignment:flex-start;max-width:300px}.breakdance .bde-content-reveal-212-141 .bde-content-reveal__button{color:var(--black);font-weight:700}.breakdance .bde-content-reveal-212-141{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.breakdance .bde-div-212-129{display:flex;flex-direction:column;gap:var(--space-xs)}.breakdance .bde-text-212-131{font-size:var(--text-m)}.breakdance .bde-heading-212-132{color:var(--primary);font-size:var(--h2)}.breakdance .bde-text-212-133{font-size:var(--text-s)}.breakdance .bde-content-reveal-212-134{--bde-content-reveal-alignment:flex-start;max-width:300px}.breakdance .bde-content-reveal-212-134 .bde-content-reveal__button{color:var(--black);font-weight:700}.breakdance .bde-content-reveal-212-134{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.breakdance .bde-section-569-100 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-569-100 .section-container{padding-bottom:var(--space-l);padding-top:var(--space-l)}.breakdance .bde-section-569-100{border-top:1px solid var(--neutral-light)}.breakdance .bde-columns-569-139{--columnCount:3;--bde-column-gap:var(--space-m)}@media (max-width:1119px){.breakdance .bde-columns-569-139{--columnCount:3}}@media (max-width:1023px){.breakdance .bde-columns-569-139{--columnCount:3}.breakdance .bde-columns-569-139.bde-columns{flex-direction:column;flex-wrap:nowrap}.breakdance .bde-columns-569-139.bde-columns>.bde-column{width:100%}}@media (max-width:767px){.breakdance .bde-columns-569-139{--columnCount:3}}@media (max-width:479px){.breakdance .bde-columns-569-139{--columnCount:3}}.breakdance .bde-column-569-140{--column-width:33.33%}.breakdance .bde-column-569-140{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right}@media (max-width:1023px){.breakdance .bde-column-569-140{align-items:center;justify-content:center;text-align:center}}@media (max-width:767px){.breakdance .bde-column-569-140{align-items:center;justify-content:center;text-align:center}}@media (max-width:479px){.breakdance .bde-column-569-140{align-items:center;justify-content:center;text-align:center}}.breakdance .bde-rich-text-569-147 p{line-height:1.5em}.breakdance .bde-column-569-141{--column-width:33.33%}.breakdance .bde-column-569-141{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width:1023px){.breakdance .bde-column-569-141{order:-1}}@media (max-width:479px){.breakdance .bde-column-569-141{order:-1}}.breakdance .bde-image2-569-146{width:200px;height:auto}.breakdance .bde-column-569-142{--column-width:33.34%}.breakdance .bde-column-569-142{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;text-align:left}@media (max-width:1023px){.breakdance .bde-column-569-142{align-items:center;justify-content:center;text-align:center}}.breakdance .bde-div-569-148{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}@media (max-width:1023px){.breakdance .bde-div-569-148{margin-top:var(--space-m);margin-bottom:var(--space-m)}}.breakdance .bde-social-icons-569-149{flex-direction:row}.breakdance .bde-social-icons-569-149 .bde-social-icons__icon-wrapper{border-radius:0;background-color:var(--white);padding:0px;opacity:1}.breakdance .bde-social-icons-569-149 .bde-social-icons__icon-wrapper:hover{transform:scale(1.1);opacity:0.8}.breakdance .bde-social-icons-569-149 .bde-social-icons__icon-wrapper svg{width:32px;height:32px;fill:var(--black)}.breakdance .bde-button-569-150 .bde-button__button{--bde-button-custom-border-color:var(--white);--bde-button-custom-border-color-hover:var(--primary);--bde-button-custom-background-color:var(--primary);--bde-button-custom-background-color-hover:transparent;--bde-button-custom-text-color:var(--white);--bde-button-custom-text-color-hover:var(--primary);letter-spacing:1px;padding:var(--bde-button-padding-sm)}.breakdance .bde-button-569-150 .bde-button__button:hover{color:var(--primary)}.breakdance .bde-button-569-150 .bde-button__button::after{content:"";display:block;background-color:currentColor;width:0.9em;height:0.9em;margin-right:0px;margin-left:4px;mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M278.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-160%20160c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L210.7%20256%2073.4%20118.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l160%20160z%22%2F%3E%3C%2Fsvg%3E);mask-position:0 0;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M278.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-160%20160c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L210.7%20256%2073.4%20118.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l160%20160z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-position:0 0;-webkit-mask-size:100% 100%;transition-timing-function:ease-in-out;transition-property:transform,background-color;transition-duration:var(--bde-transition-duration)}.breakdance .bde-button-569-150 .bde-button__button::after{margin-right:0px}.breakdance .bde-div-569-153{width:215px}.breakdance .bde-div-569-153{display:flex;flex-direction:row;flex-wrap:nowrap}@media (max-width:1023px){.breakdance .bde-div-569-153{justify-content:center}}.breakdance .bde-image2-569-145{height:50px;width:auto}.breakdance .bde-text-569-151{font-size:var(--text-s);margin-top:var(--space-m)}.breakdance .bde-back-to-top-569-138 .bde-back-to-top__button:hover{background-color:}@media (max-width:1119px){.breakdance .bde-back-to-top-569-138 .bde-back-to-top__button:hover{background-color:}}@media (max-width:1023px){.breakdance .bde-back-to-top-569-138 .bde-back-to-top__button:hover{background-color:}}@media (max-width:767px){.breakdance .bde-back-to-top-569-138 .bde-back-to-top__button:hover{background-color:}}@media (max-width:479px){.breakdance .bde-back-to-top-569-138 .bde-back-to-top__button:hover{background-color:}}