:root { --alternate-dark: #11184f; --alternate-med: #294e95; --alternate-light: #c9d0f0; --alternate-pale: #eaeef5; --connector-dark: #4d144a; --connector-med: #7a126b; --connector-light: #d9c1d8; --connector-pale: #f1e1ed; --critical: #b8322e; --elementary-dark: #64131e; --elementary-med: #871c23; --elementary-light: #f0c7bf; --elementary-pale: #faeceb; --elementary-signature: #e1251b; --informative-dark: #c73d08; --informative-pale: #faeceb; --suplementary-dark: #285d50; --suplementary-pale: #e5f0ed; --pure-dark: #000; --neutral-dark-01: #171717; --neutral-dark-02: #202020; --neutral-dark-03: #2a2a2a; --neutral-dark-04: #3b3b3b; --neutral-dark-05: #535353; --neutral-med-01: #4e444e; --neutral-med-02: #6d656f; --neutral-med-03: #aba8b1; --neutral-pale-01: #e6e2e4; --neutral-pale-02: #ccc; --neutral-light-01: #e4e4e4; --neutral-light-02: #ededed; --neutral-light-03: #f5f5f5; --pure-light: #fff; --bold: 700; --light: 300; --regular: 400; --typo-primary: "Montserrat", "Lato", sans-serif; --typo-secondary: "Noto Sans", "Lato", sans-serif; --typo-tertiary: "Lato", "Arial", sans-serif; --letter-spacing-regular: -30; --letter-spacing-small: -10; --display-xl: calc(1 / 16 * 64); --display-xl-line: calc(1 / 16 * 72); --display-l: calc(1 / 16 * 56); --display-l-line: calc(1 / 16 * 68); --display-m: calc(1 / 16 * 48); --display-m-line: calc(1 / 16 * 62); --display-s: calc(1 / 16 * 40); --display-s-line: calc(1 / 16 * 58); --headline-l: calc(1 / 16 * 36); --headline-l-line: calc(1 / 16 * 44); --headline-m: calc(1 / 16 * 32); --headline-m-line: calc(1 / 16 * 40); --headline-s: calc(1 / 16 * 28); --headline-s-line: calc(1 / 16 * 36); --title-xl: calc(1 / 16 * 24); --title-xl-line: calc(1 / 16 * 32); --title-l: calc(1 / 16 * 20); --title-l-line: calc(1 / 16 * 24); --title-m: calc(1 / 16 * 18); --title-m-line: calc(1 / 16 * 24); --title-s: calc(1 / 16 * 16); --title-s-line: calc(1 / 16 * 24); --body-l: calc(1 / 16 * 18); --body-l-line: calc(1 / 16 * 28); --body-m: calc(1 / 16 * 16); --body-m-line: calc(1 / 16 * 24); --body-s: calc(1 / 16 * 14); --body-s-line: calc(1 / 16 * 20); --label-s: calc(1 / 16 * 12); --label-s-line: calc(1 / 16 * 16); --display-xl-spacing: calc(var(--display-xl) * var(--letter-spacing-regular) / 1000); --display-l-spacing: calc(var(--display-l) * var(--letter-spacing-regular) / 1000); --display-m-spacing: calc(var(--display-m) * var(--letter-spacing-regular) / 1000); --display-s-spacing: calc(var(--display-s) * var(--letter-spacing-regular) / 1000); --headline-l-spacing: calc(var(--headline-l) * var(--letter-spacing-regular) / 1000); --headline-m-spacing: calc(var(--headline-m) * var(--letter-spacing-regular) / 1000); --headline-s-spacing: calc(var(--headline-s) * var(--letter-spacing-regular) / 1000); --title-xl-spacing: calc(var(--title-xl) * var(--letter-spacing-regular) / 1000); --title-l-spacing: calc(var(--title-l) * var(--letter-spacing-regular) / 1000); --title-m-spacing: calc(var(--title-m) * var(--letter-spacing-regular) / 1000); --title-s-spacing: calc(var(--title-s) * var(--letter-spacing-regular) / 1000); --body-l-spacing: calc(var(--body-l) * var(--letter-spacing-small) / 1000); --body-m-spacing: calc(var(--body-m) * var(--letter-spacing-small) / 1000); --body-s-spacing: calc(var(--body-s) * var(--letter-spacing-small) / 1000); --label-s-spacing: calc(var(--label-s) * var(--letter-spacing-small) / 1000); --spacing-0: calc(1 / 16 * 0); --spacing-1: calc(1 / 16 * 8); --spacing-2: calc(1 / 16 * 12); --spacing-3: calc(1 / 16 * 16); --spacing-4: calc(1 / 16 * 20); --spacing-5: calc(1 / 16 * 24); --spacing-6: calc(1 / 16 * 32); --spacing-7: calc(1 / 16 * 40); --spacing-8: calc(1 / 16 * 48); --spacing-9: calc(1 / 16 * 56); --spacing-10: calc(1 / 16 * 64); --spacing-11: calc(1 / 16 * 72); --spacing-12: calc(1 / 16 * 80); --mobile-grid-margins: var(--spacing-3); --tablet-grid-margins: var(--spacing-3); --small-desktop-grid-margins: var(--spacing-8); --full-desktop-grid-margins: calc(1 / 16 * 248); --grid-slider-peek: calc(var(--spacing-4) + var(--spacing-5)); --breakpoint-mobile: 0px; --breakpoint-tablet: 768px; --breakpoint-small-desktop: 1280px; --breakpoint-full-desktop: 1920px; --small-border-radius: 4px; --large-border-radius: 12px; --btn-br: 100px; --btn-br-mobile: 100px; --btn-gap: var(--spacing-3); --transition-duration: .2s; --main-transition-timing-function: ease-in; --second-transition-timing-function: ease-out; --third-transition-timing-function: ease-in-out; --main-transition-duration: .3s; --second-transition-duration: .8s; --third-transition-duration: 2s; --wpc-ani-slide-short: 10px; --wpc-ani-slide-medium: 40px; --wpc-ani-slide-long: 60px; --wpc-ani-slide-xlong: 80px; --wpc-ani-scale-up-large: 1.5; --wpc-ani-scale-up-small: 1.1; --wpc-ani-scale-down: .9; --wpc-ani-zoom-scale: 150%; --wpc-ani-opacity-100: 1; --wpc-ani-opacity-0: 0; --wpc-ani-shadow-medium: 0 0 15px 0px rgba(0, 0, 0, .15); };.dx-hide-all { display: none; } @media screen and (min-width: 0px) and (max-width: 767.5px) { .dx-hide-sm { display: none; } } @media screen and (min-width: 768px) and (max-width: 1279.5px) { .dx-hide-md { display: none; } } @media screen and (min-width: 1280px) and (max-width: 1919.5px) { .dx-hide-lg { display: none; } } @media screen and (min-width: 1920px) { .dx-hide-xl { display: none; } }.dx-background-center { left: 50%; top: 50%; transform: translate(-50%, -50%); } .dx-background-top-left { left: 0; top: 0; } .dx-background-top-center { top: 0px; left: 50%; transform: translateX(-50%); } .dx-background-top-right { top: 0px; right: 0px; } .dx-background-center-right { right: 0px; top: 50%; transform: translateY(-50%); } .dx-background-bottom-right { right: 0; bottom: 0; } .dx-background-bottom-center { bottom: 0px; left: 50%; transform: translateX(-50%); } .dx-background-bottom-left { bottom: 0px; left: 0px; } .dx-background-center-left { left: 0; top: 50%; transform: translateY(-50%); }