@font-face {font-family: 'Questrial';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: auto;src: url(//www.thesolomining.co/wp-content/uploads/yabe-webfont/fonts/google-fonts-questrial-v18-latin-400-normal-1726837336.woff2) format("woff2");}@font-face {font-family: 'Russo One';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: auto;src: url(//www.thesolomining.co/wp-content/uploads/yabe-webfont/fonts/google-fonts-russo-one-v16-latin-400-normal-1726839760.woff2) format("woff2");}:root {--ywf--family-questrial: 'Questrial';--ywf--family-russo-one: 'Russo One';}.has-questrial-font-family {font-family: var(--ywf--family-questrial) !important;}.has-russo-one-font-family {font-family: var(--ywf--family-russo-one) !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: #f15800;
--primary-hsl: 22 100% 47%;
--primary-rgb: 241 88 0;
--primary-r: 241;
--primary-g: 88;
--primary-b: 0;
--primary-h: 22;
--primary-s: 100%;
--primary-l: 47%;
--primary-hover-h: 22;
--primary-hover-s: 100%;
--primary-hover-l: 54%;
--primary-ultra-light-h: 22;
--primary-ultra-light-s: 100%;
--primary-ultra-light-l: 95%;
--primary-light-h: 22;
--primary-light-s: 100%;
--primary-light-l: 85%;
--primary-semi-light-h: 22;
--primary-semi-light-s: 100%;
--primary-semi-light-l: 65%;
--primary-semi-dark-h: 22;
--primary-semi-dark-s: 100%;
--primary-semi-dark-l: 35%;
--primary-dark-h: 22;
--primary-dark-s: 100%;
--primary-dark-l: 25%;
--primary-ultra-dark-h: 22;
--primary-ultra-dark-s: 100%;
--primary-ultra-dark-l: 10%;
--base-hex: #38617b;
--base-hsl: 203 37% 35%;
--base-rgb: 56 97 123;
--base-r: 56;
--base-g: 97;
--base-b: 123;
--base-h: 203;
--base-s: 37%;
--base-l: 35%;
--base-hover-h: 203;
--base-hover-s: 37%;
--base-hover-l: 40%;
--base-ultra-light-h: 203;
--base-ultra-light-s: 37%;
--base-ultra-light-l: 95%;
--base-light-h: 203;
--base-light-s: 37%;
--base-light-l: 85%;
--base-semi-light-h: 203;
--base-semi-light-s: 37%;
--base-semi-light-l: 65%;
--base-semi-dark-h: 203;
--base-semi-dark-s: 37%;
--base-semi-dark-l: 35%;
--base-dark-h: 203;
--base-dark-s: 37%;
--base-dark-l: 25%;
--base-ultra-dark-h: 203;
--base-ultra-dark-s: 37%;
--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: #f15800;
--primary-hover: #ff6a14;
--primary-ultra-light: #ffefe6;
--primary-light: #ffcfb3;
--primary-semi-light: #ff8e4d;
--primary-semi-dark: #b34100;
--primary-dark: #802f00;
--primary-ultra-dark: #331300;
--base: #38617b;
--base-hover: #406f8c;
--base-ultra-light: #eef3f7;
--base-light: #cbdce7;
--base-semi-light: #85adc7;
--base-semi-dark: #38617a;
--base-dark: #284557;
--base-ultra-dark: #101c23;
--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(241, 88, 0, 0.1);
--primary-trans-20: rgba(241, 88, 0, 0.2);
--primary-trans-30: rgba(241, 88, 0, 0.3);
--primary-trans-40: rgba(241, 88, 0, 0.4);
--primary-trans-50: rgba(241, 88, 0, 0.5);
--primary-trans-60: rgba(241, 88, 0, 0.6);
--primary-trans-70: rgba(241, 88, 0, 0.7);
--primary-trans-80: rgba(241, 88, 0, 0.8);
--primary-trans-90: rgba(241, 88, 0, 0.9);
--primary-light-trans-10: rgba(255, 207, 179, 0.1);
--primary-light-trans-20: rgba(255, 207, 179, 0.2);
--primary-light-trans-30: rgba(255, 207, 179, 0.3);
--primary-light-trans-40: rgba(255, 207, 179, 0.4);
--primary-light-trans-50: rgba(255, 207, 179, 0.5);
--primary-light-trans-60: rgba(255, 207, 179, 0.6);
--primary-light-trans-70: rgba(255, 207, 179, 0.7);
--primary-light-trans-80: rgba(255, 207, 179, 0.8);
--primary-light-trans-90: rgba(255, 207, 179, 0.9);
--primary-dark-trans-10: rgba(128, 47, 0, 0.1);
--primary-dark-trans-20: rgba(128, 47, 0, 0.2);
--primary-dark-trans-30: rgba(128, 47, 0, 0.3);
--primary-dark-trans-40: rgba(128, 47, 0, 0.4);
--primary-dark-trans-50: rgba(128, 47, 0, 0.5);
--primary-dark-trans-60: rgba(128, 47, 0, 0.6);
--primary-dark-trans-70: rgba(128, 47, 0, 0.7);
--primary-dark-trans-80: rgba(128, 47, 0, 0.8);
--primary-dark-trans-90: rgba(128, 47, 0, 0.9);
--primary-ultra-dark-trans-10: rgba(51, 19, 0, 0.1);
--primary-ultra-dark-trans-20: rgba(51, 19, 0, 0.2);
--primary-ultra-dark-trans-30: rgba(51, 19, 0, 0.3);
--primary-ultra-dark-trans-40: rgba(51, 19, 0, 0.4);
--primary-ultra-dark-trans-50: rgba(51, 19, 0, 0.5);
--primary-ultra-dark-trans-60: rgba(51, 19, 0, 0.6);
--primary-ultra-dark-trans-70: rgba(51, 19, 0, 0.7);
--primary-ultra-dark-trans-80: rgba(51, 19, 0, 0.8);
--primary-ultra-dark-trans-90: rgba(51, 19, 0, 0.9);
--base-trans-10: rgba(56, 97, 123, 0.1);
--base-trans-20: rgba(56, 97, 123, 0.2);
--base-trans-30: rgba(56, 97, 123, 0.3);
--base-trans-40: rgba(56, 97, 123, 0.4);
--base-trans-50: rgba(56, 97, 123, 0.5);
--base-trans-60: rgba(56, 97, 123, 0.6);
--base-trans-70: rgba(56, 97, 123, 0.7);
--base-trans-80: rgba(56, 97, 123, 0.8);
--base-trans-90: rgba(56, 97, 123, 0.9);
--base-light-trans-10: rgba(203, 220, 231, 0.1);
--base-light-trans-20: rgba(203, 220, 231, 0.2);
--base-light-trans-30: rgba(203, 220, 231, 0.3);
--base-light-trans-40: rgba(203, 220, 231, 0.4);
--base-light-trans-50: rgba(203, 220, 231, 0.5);
--base-light-trans-60: rgba(203, 220, 231, 0.6);
--base-light-trans-70: rgba(203, 220, 231, 0.7);
--base-light-trans-80: rgba(203, 220, 231, 0.8);
--base-light-trans-90: rgba(203, 220, 231, 0.9);
--base-dark-trans-10: rgba(40, 69, 87, 0.1);
--base-dark-trans-20: rgba(40, 69, 87, 0.2);
--base-dark-trans-30: rgba(40, 69, 87, 0.3);
--base-dark-trans-40: rgba(40, 69, 87, 0.4);
--base-dark-trans-50: rgba(40, 69, 87, 0.5);
--base-dark-trans-60: rgba(40, 69, 87, 0.6);
--base-dark-trans-70: rgba(40, 69, 87, 0.7);
--base-dark-trans-80: rgba(40, 69, 87, 0.8);
--base-dark-trans-90: rgba(40, 69, 87, 0.9);
--base-ultra-dark-trans-10: rgba(16, 28, 35, 0.1);
--base-ultra-dark-trans-20: rgba(16, 28, 35, 0.2);
--base-ultra-dark-trans-30: rgba(16, 28, 35, 0.3);
--base-ultra-dark-trans-40: rgba(16, 28, 35, 0.4);
--base-ultra-dark-trans-50: rgba(16, 28, 35, 0.5);
--base-ultra-dark-trans-60: rgba(16, 28, 35, 0.6);
--base-ultra-dark-trans-70: rgba(16, 28, 35, 0.7);
--base-ultra-dark-trans-80: rgba(16, 28, 35, 0.8);
--base-ultra-dark-trans-90: rgba(16, 28, 35, 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: 2rem;
--section-padding-block: var(--section-space-m);
--section-gutter: 2rem;
--gutter: 2rem;
--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: 62.5%;
--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: 136.6rem;
--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: 700;
--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 {
--option-primary-btn-outline: on;
--option-secondary-btn-outline: on;
--btn-padding-block: 0.75em;
--btn-padding-inline: 1.5em;
--btn-min-width: 14rem;
--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.5em;
--btn-pad-y: 0.75em;
--btn-text-style: normal;
--btn-weight: 400;
--btn-width: 14;
}
: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-link: var(--primary);
--bg-ultra-light-link-hover: var(--primary-hover);
--bg-light-link: var(--primary);
--bg-light-link-hover: var(--primary-hover);
--bg-dark-link: var(--primary);
--bg-dark-link-hover: var(--primary-hover);
--bg-ultra-dark-link: var(--primary);
--bg-ultra-dark-link-hover: var(--primary-hover);
--bg-ultra-light-button: primary;
--bg-light-button: primary;
--bg-dark-button: primary;
--bg-ultra-dark-button: primary;
}
:root {
--radius: 5px;
--radius-50: 50%;
--radius-circle: 50vw;
--radius-none: 0;
--radius-xs: 2.2222222222px;
--radius-s: 3.3333333333px;
--radius-m: 5px;
--radius-l: 7.5px;
--radius-xl: 11.25px;
--radius-xxl: 16.875px;
--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);
}
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--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);
}
.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) + *, .smart-spacing.smart-spacing > :is(figure, blockquote, ul, ol) + * {
--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--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);
--bg-ultra-light-link: var(--primary);
--bg-ultra-light-link-hover: var(--primary-hover);
--bg-light-link: var(--primary);
--bg-light-link-hover: var(--primary-hover);
--bg-dark-link: var(--primary);
--bg-dark-link-hover: var(--primary-hover);
--bg-ultra-dark-link: var(--primary);
--bg-ultra-dark-link-hover: var(--primary-hover);
}
.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);
--bg-ultra-light-link: var(--primary);
--bg-ultra-light-link-hover: var(--primary-hover);
--bg-light-link: var(--primary);
--bg-light-link-hover: var(--primary-hover);
--bg-dark-link: var(--primary);
--bg-dark-link-hover: var(--primary-hover);
--bg-ultra-dark-link: var(--primary);
--bg-ultra-dark-link-hover: var(--primary-hover);
}
: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 :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)) {
color: var(--bg-ultra-light-link);
}
.bg--ultra-light :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)):hover {
color: var(--bg-ultra-light-link-hover);
}
.bg--light :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)) {
color: var(--bg-light-link);
}
.bg--light :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)):hover {
color: var(--bg-light-link-hover);
}
.bg--dark :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)) {
color: var(--bg-dark-link);
}
.bg--dark :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)):hover {
color: var(--bg-dark-link-hover);
}
.bg--ultra-dark :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)) {
color: var(--bg-ultra-dark-link);
}
.bg--ultra-dark :is(a):where(:not([class*= btn--], :is(h1, h2, h3, h4, h5, h6) a)):hover {
color: var(--bg-ultra-dark-link-hover);
}
.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--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--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--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--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(1.2rem + (-0.1869935601 * ((100vw - 36rem) / 100.6)));
--text-s: calc(1.3rem + (0.0503375844 * ((100vw - 36rem) / 100.6)));
--text-m: calc(1.6rem + (0.2 * ((100vw - 36rem) / 100.6)));
--text-l: calc(1.92rem + (0.4794 * ((100vw - 36rem) / 100.6)));
--text-xl: calc(2.304rem + (0.8944002 * ((100vw - 36rem) / 100.6)));
--text-xxl: calc(2.7648rem + (1.4986674666 * ((100vw - 36rem) / 100.6)));
--h6: calc(1.2rem + (-0.3558279667 * ((100vw - 36rem) / 100.6)));
--h5: calc(1.3rem + (-0.1747186797 * ((100vw - 36rem) / 100.6)));
--h4: calc(1.3rem + (0.2 * ((100vw - 36rem) / 100.6)));
--h3: calc(1.4625rem + (0.537 * ((100vw - 36rem) / 100.6)));
--h2: calc(1.6453125rem + (1.020021 * ((100vw - 36rem) / 100.6)));
--h1: calc(1.8509765625rem + (1.701912993 * ((100vw - 36rem) / 100.6)));
}
@media (min-width: 1367px) {
:root {
--text-xs: 1.0130064399rem;
--text-s: 1.3503375844rem;
--text-m: 1.8rem;
--text-l: 2.3994rem;
--text-xl: 3.1984002rem;
--text-xxl: 4.2634674666rem;
--h6: 0.8441720333rem;
--h5: 1.1252813203rem;
--h4: 1.5rem;
--h3: 1.9995rem;
--h2: 2.6653335rem;
--h1: 3.5528895555rem;
}
}
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
:root {
--text-xs: clamp(1.2rem, calc(-0.1858782904vw + 1.2669161845rem), 1.0130064399rem);
--text-s: clamp(1.3rem, calc(0.0500373602vw + 1.2819865503rem), 1.3503375844rem);
--text-m: clamp(1.6rem, calc(0.1988071571vw + 1.5284294235rem), 1.8rem);
--text-l: clamp(1.92rem, calc(0.4765407555vw + 1.748445328rem), 2.3994rem);
--text-xl: clamp(2.304rem, calc(0.8890658052vw + 1.9839363101rem), 3.1984002rem);
--text-xxl: clamp(2.7648rem, calc(1.489729092vw + 2.2284975269rem), 4.2634674666rem);
--h6: clamp(1.2rem, calc(-0.3537057324vw + 1.3273340636rem), 0.8441720333rem);
--h5: clamp(1.3rem, calc(-0.17367662vw + 1.3625235832rem), 1.1252813203rem);
--h4: clamp(1.3rem, calc(0.1988071571vw + 1.2284294235rem), 1.5rem);
--h3: clamp(1.4625rem, calc(0.5337972167vw + 1.270333002rem), 1.9995rem);
--h2: clamp(1.6453125rem, calc(1.0139373757vw + 1.2802950447rem), 2.6653335rem);
--h1: clamp(1.8509765625rem, calc(1.6917624185vw + 1.2419420918rem), 3.5528895555rem);
}
}
@supports (padding: calc(1vw + 2vw)) {
:root {
--space-xs: calc(0.7878938977rem + (0.4565505467 * ((100vw - 36rem) / 100.6)));
--space-s: calc(1.0502625656rem + (0.816404101 * ((100vw - 36rem) / 100.6)));
--space-m: calc(1.4rem + (1.4 * ((100vw - 36rem) / 100.6)));
--space-l: calc(1.8662rem + (2.3338 * ((100vw - 36rem) / 100.6)));
--space-xl: calc(2.4876446rem + (3.8123554 * ((100vw - 36rem) / 100.6)));
--space-xxl: calc(3.3160302518rem + (6.1339697482 * ((100vw - 36rem) / 100.6)));
--section-space-xs: calc(1.5757877954rem + (2.1575455379 * ((100vw - 36rem) / 100.6)));
--section-space-s: calc(2.1005251313rem + (3.4994748687 * ((100vw - 36rem) / 100.6)));
--section-space-m: calc(2.8rem + (5.6 * ((100vw - 36rem) / 100.6)));
--section-space-l: calc(3.7324rem + (8.8676 * ((100vw - 36rem) / 100.6)));
--section-space-xl: calc(4.9752892rem + (13.9247108 * ((100vw - 36rem) / 100.6)));
--section-space-xxl: calc(6.6320605036rem + (21.7179394964 * ((100vw - 36rem) / 100.6)));
--section-padding-x: calc(2rem + (4 * ((100vw - 36rem) / 100.6)));
--gutter: calc(2rem + (4 * ((100vw - 36rem) / 100.6)));
}
@media (min-width: 1367px) {
:root {
--space-xs: 1.2444444444rem;
--space-s: 1.8666666667rem;
--space-m: 2.8rem;
--space-l: 4.2rem;
--space-xl: 6.3rem;
--space-xxl: 9.45rem;
--section-space-xs: 3.7333333333rem;
--section-space-s: 5.6rem;
--section-space-m: 8.4rem;
--section-space-l: 12.6rem;
--section-space-xl: 18.9rem;
--section-space-xxl: 28.35rem;
--section-padding-x: 6rem;
--gutter: 6rem;
}
}
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
:root {
--space-xs: clamp(0.7878938977rem, calc(0.4538275813vw + 0.6245159685rem), 1.2444444444rem);
--space-s: clamp(1.0502625656rem, calc(0.8115348917vw + 0.7581100046rem), 1.8666666667rem);
--space-m: clamp(1.4rem, calc(1.3916500994vw + 0.8990059642rem), 2.8rem);
--space-l: clamp(1.8662rem, calc(2.3198807157vw + 1.0310429423rem), 4.2rem);
--space-xl: clamp(2.4876446rem, calc(3.7896176938vw + 1.1233822302rem), 6.3rem);
--space-xxl: clamp(3.3160302518rem, calc(6.0973854356vw + 1.120971495rem), 9.45rem);
--section-space-xs: clamp(1.5757877954rem, calc(2.1446774731vw + 0.8037039051rem), 3.7333333333rem);
--section-space-s: clamp(2.1005251313rem, calc(3.4786032492vw + 0.8482279616rem), 5.6rem);
--section-space-m: clamp(2.8rem, calc(5.5666003976vw + 0.7960238569rem), 8.4rem);
--section-space-l: clamp(3.7324rem, calc(8.8147117296vw + 0.5591037773rem), 12.6rem);
--section-space-xl: clamp(4.9752892rem, calc(13.841660835vw + -0.0077087006rem), 18.9rem);
--section-space-xxl: clamp(6.6320605036rem, calc(21.5884090421vw + -1.1397667516rem), 28.35rem);
--section-padding-x: clamp(2rem, calc(3.9761431412vw + 0.5685884692rem), 6rem);
--gutter: clamp(2rem, calc(3.9761431412vw + 0.5685884692rem), 6rem);
}
}
.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(1.4rem, calc(0.1988071571vw + 1.3284294235rem), 1.6rem);
--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(1.4rem, calc(0.1988071571vw + 1.3284294235rem), 1.6rem);
--f-legend-margin-bottom: 1em;
--f-legend-border: none;
--f-legend-line-height: 1.2;
--f-help-text-weight: 400;
--f-help-size: clamp(1.2rem, calc(0.1988071571vw + 1.1284294235rem), 1.4rem);
--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.1rem;
--f-input-border-right-size: 0.1rem;
--f-input-border-bottom-size: 0.1rem;
--f-input-border-left-size: 0.1rem;
--f-input-border-radius: var(--btn-radius);
--f-input-size: clamp(1.4rem, calc(0.3976143141vw + 1.2568588469rem), 1.8rem);
--f-input-font-weight: 400;
--f-input-line-height: 1;
--f-input-height: 5rem;
--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(1.4rem, calc(0.3976143141vw + 1.2568588469rem), 1.8rem);
--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(1.4rem, calc(0.1988071571vw + 1.3284294235rem), 1.6rem);
--f-option-label-spacing: 0.5em;
--f-option-label-line-height: 1.4;
--f-progress-height: 3rem;
--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(1.6rem, calc(0.1988071571vw + 1.5284294235rem), 1.8rem);
--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;
}
@media (min-width: 768px) {
.form--dark .frm-fluent-form .ff-t-container {
gap: var(--f-grid-gutter, 2rem);
}
}
.form--dark .frm-fluent-form input[type="date"], .form--dark .frm-fluent-form input[type="datetime-local"], .form--dark .frm-fluent-form input[type="month"], .form--dark .frm-fluent-form input[type="password"], .form--dark .frm-fluent-form input[type="search"], .form--dark .frm-fluent-form input[type="time"], .form--dark .frm-fluent-form input[type="week"], .form--dark .frm-fluent-form input[type="email"], .form--dark .frm-fluent-form input[type="number"], .form--dark .frm-fluent-form input[type="tel"], .form--dark .frm-fluent-form input[type="text"], .form--dark .frm-fluent-form input[type="url"], .form--dark .frm-fluent-form select:not([multiple]):not([size]) {
height: var(--f-input-height, 5rem);
}
.form--dark .frm-fluent-form .input, .form--dark .frm-fluent-form input:not([type="submit"]), .form--dark .frm-fluent-form select, .form--dark .frm-fluent-form textarea {
background-color: var(--f-dark-input-background, var(--neutral-dark));
border-top-width: var(--f-input-border-top-size, 0.1rem);
border-right-width: var(--f-input-border-right-size, 0.1rem);
border-bottom-width: var(--f-input-border-bottom-size, 0.1rem);
border-left-width: var(--f-input-border-left-size, 0.1rem);
border-style: var(--f-input-border-style, solid);
border-color: var(--f-dark-input-border-color, var(--neutral-medium));
border-radius: var(--f-input-border-radius, var(--btn-radius));
color: var(--f-dark-input-text-color, var(--neutral-ultra-light));
font-size: var(--f-input-size, --text-m);
font-weight: var(--f-input-font-weight, 400);
line-height: var(--f-input-line-height, 1);
padding: var(--f-input-padding-y, 0.5em) var(--f-input-padding-x, 1em);
-webkit-border-radius: var(--f-input-border-radius, var(--btn-radius));
-moz-border-radius: var(--f-input-border-radius, var(--btn-radius));
-ms-border-radius: var(--f-input-border-radius, var(--btn-radius));
-o-border-radius: var(--f-input-border-radius, var(--btn-radius));
transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
.form--dark .frm-fluent-form .input:hover:not([data-wsf-legal]), .form--dark .frm-fluent-form .input:hover:enabled:not(:focus):not([data-wsf-legal]), .form--dark .frm-fluent-form input:not([type="submit"]):hover:not([data-wsf-legal]), .form--dark .frm-fluent-form input:not([type="submit"]):hover:enabled:not(:focus):not([data-wsf-legal]), .form--dark .frm-fluent-form select:hover:not([data-wsf-legal]), .form--dark .frm-fluent-form select:hover:enabled:not(:focus):not([data-wsf-legal]), .form--dark .frm-fluent-form textarea:hover:not([data-wsf-legal]), .form--dark .frm-fluent-form textarea:hover:enabled:not(:focus):not([data-wsf-legal]) {
background-color: var(--f-dark-input-color-background-hover, var(--neutral-dark));
border-color: var(--f-dark-input-border-color-hover, var(--neutral-semi-dark));
color: var(--f-dark-input-text-color-hover, var(--neutral-ultra-light));
}
.form--dark .frm-fluent-form .input::placeholder, .form--dark .frm-fluent-form input:not([type="submit"])::placeholder, .form--dark .frm-fluent-form select::placeholder, .form--dark .frm-fluent-form textarea::placeholder {
color: var(--f-dark-input-placeholder-color, var(--neutral-ultra-light));
opacity: var(--f-dark-input-placeholder-opacity, 0.5);
transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
.form--dark .frm-fluent-form .input:hover::placeholder, .form--dark .frm-fluent-form input:not([type="submit"]):hover::placeholder, .form--dark .frm-fluent-form select:hover::placeholder, .form--dark .frm-fluent-form textarea:hover::placeholder {
color: var(--f-dark-input-placeholder-color-hover, var(--neutral-ultra-light));
}
.form--dark .frm-fluent-form .ff-el-is-error .ff-el-form-control {
border-color: hsl(var(--danger-h, 354), var(--danger-s, 70%), var(--danger-l, 54%));
}
.form--dark .frm-fluent-form .text-danger {
color: hsl(var(--danger-h, 354), var(--danger-s, 70%), var(--danger-l, 54%));
}
.form--dark .frm-fluent-form .ff-el-form-control:focus {
border-color: var(--f-dark-input-border-color, var(--neutral-medium));
color: var(--f-dark-input-text-color, var(--neutral-ultra-light));
background-color: var(--f-dark-input-background, var(--neutral-dark));
}
.form--dark .frm-fluent-form .ff-el-form-control:hover:focus {
color: var(--f-dark-input-placeholder-color-hover, var(--neutral-ultra-light));
background-color: var(--f-dark-input-color-background-hover, var(--neutral-dark));
}
.form--dark .frm-fluent-form .ff-btn:not(.ff_upload_btn) {
background-color: var(--f-dark-btn-background, var(--primary));
color: var(--f-dark-btn-text-color, var(--primary-ultra-light));
border-style: var(--f-btn-border-style, solid);
border-width: var(--f-btn-border-width, var(--btn-border-width));
border-color: var(--f-dark-btn-border-color, var(--primary));
border-radius: var(--f-btn-border-radius, var(--btn-radius));
-webkit-border-radius: var(--f-btn-border-radius, var(--btn-radius));
-moz-border-radius: var(--f-btn-border-radius, var(--btn-radius));
-ms-border-radius: var(--f-btn-border-radius, var(--btn-radius));
-o-border-radius: var(--f-btn-border-radius, var(--btn-radius));
font-size: var(--f-btn-text-size, --text-m);
font-weight: var(--f-btn-font-weight, 400);
line-height: var(--f-btn-line-height, 1);
padding: var(--f-btn-padding-y, 0.75em) var(--f-btn-padding-x, 1.5em);
margin-block-start: var(--f-btn-margin-top, 0);
text-align: center;
-webkit-text-decoration: var(--f-btn-text-decoration, none);
text-decoration: var(--f-btn-text-decoration, none);
text-transform: var(--f-btn-text-transform, none);
transition: all var(--btn-transition-duration) ease;
min-height: var(--f-input-height, 5rem);
}
.form--dark .frm-fluent-form .ff-btn:not(.ff_upload_btn):hover {
background-color: var(--f-dark-btn-background-hover, var(--primary-hover));
color: var(--f-dark-btn-text-color-hover, var(--primary-ultra-light));
border-color: var(--f-dark-btn-border-color-hover, var(--primary-hover));
}
.form--dark .frm-fluent-form .ff-btn:not(.ff_upload_btn):hover {
opacity: inherit;
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-save-progress {
background-color: var(--f-dark-save-btn-background-color, var(--neutral-light));
color: var(--f-dark-save-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-dark-save-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-save-progress:hover {
background-color: var(--f-dark-save-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-dark-save-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-dark-save-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-secondary {
background-color: var(--f-dark-secondary-btn-background-color, var(--neutral-light));
color: var(--f-dark-secondary-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-dark-secondary-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-secondary:hover {
background-color: var(--f-dark-secondary-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-dark-secondary-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-dark-secondary-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-next {
background-color: var(--f-dark-next-btn-background-color, var(--neutral-light));
color: var(--f-dark-next-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-dark-next-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-next:hover {
background-color: var(--f-dark-next-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-dark-next-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-dark-next-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-prev {
background-color: var(--f-dark-prev-btn-background-color, var(--neutral-light));
color: var(--f-dark-prev-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-dark-prev-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--dark .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-prev:hover {
background-color: var(--f-dark-prev-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-dark-prev-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-dark-prev-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--dark .frm-fluent-form .ff-el-group {
padding-inline: calc(var(--f-grid-gutter, 2rem) / 2) !important;
}
.form--dark .frm-fluent-form .ff-el-group:not(.ff_submit_btn_wrapper) {
margin-block-end: var(--f-field-margin-bottom, 1.5em);
}
.form--dark .frm-fluent-form label:not(.ff-el-form-check-label) {
background-color: var(--f-dark-label-background-color, transparent);
color: var(--f-dark-label-text-color, var(--neutral-ultra-light));
font-size: var(--f-label-size, --text-m);
font-weight: var(--f-label-font-weight, 400);
line-height: var(--f-label-line-height, 1);
margin-block-end: var(--f-label-margin-bottom, 0.5em);
text-transform: var(--f-label-text-transform, none);
padding: var(--f-label-padding-y, 0) var(--f-label-padding-x, 0);
}
.form--dark .frm-fluent-form label:not(.ff-el-form-check-label)::after {
color: var(--f-dark-required-color, var(--action)) !important;
}
.form--dark .frm-fluent-form .iti input, .form--dark .frm-fluent-form .iti input[type="tel"], .form--dark .frm-fluent-form .iti input[type="text"] {
padding-inline-start: calc(4.8rem + 6px);
}
.form--dark .frm-fluent-form .ff-el-section-break {
color: var(--f-dark-label-text-color, var(--neutral-ultra-light));
}
.form--dark .frm-fluent-form input[type="file"] {
padding: 0;
}
.form--dark .frm-fluent-form .ff_upload_btn.ff-btn {
background: var(--f-dark-upload-btn-background-color, var(--neutral-light));
padding: var(--f-input-padding-y, 0.5em) var(--f-input-padding-x, 1em);
color: var(--f-dark-upload-btn-text-color, var(--neutral-ultra-dark));
font-size: var(--f-label-size, --text-m);
font-weight: var(--f-label-font-weight, 400);
line-height: var(--f-label-line-height, 1);
transition: all var(--btn-transition-duration) ease;
}
.form--dark .frm-fluent-form .ff-upload-preview {
font-size: var(--f-label-size, --text-m);
font-weight: var(--f-label-font-weight, 400);
border-style: var(--f-input-border-style, solid);
border-top-width: var(--f-input-border-top-size, 0.1rem);
border-right-width: var(--f-input-border-right-size, 0.1rem);
border-bottom-width: var(--f-input-border-bottom-size, 0.1rem);
border-left-width: var(--f-input-border-left-size, 0.1rem);
border-color: var(--f-dark-input-border-color, var(--neutral-medium));
border-radius: var(--f-input-border-radius, var(--btn-radius));
}
.form--dark .frm-fluent-form .ff-el-form-check.ff-el-form-check- {
display: flex;
margin: 0;
}
.form--dark .frm-fluent-form .ff-el-form-check.ff-el-form-check- label {
display: inherit;
gap: 0.4em;
margin: 0;
}
.form--dark .frm-fluent-form .ff-el-form-check-label span, .form--dark .frm-fluent-form .ff_t_c {
background-color: var(--f-dark-option-background-color, transparent);
color: var(--f-dark-label-text-color, var(--neutral-ultra-light));
font-family: inherit;
font-size: var(--f-option-label-size, --text-m);
font-weight: var(--f-option-label-font-weight, 400);
}
.form--dark .frm-fluent-form input.ff_gdpr_field, .form--dark .frm-fluent-form span.ff_tc_checkbox input {
width: auto;
height: initial;
position: relative;
top: initial;
}
.form--dark .frm-fluent-form input[type="radio"], .form--dark .frm-fluent-form input[type="checkbox"] {
accent-color: var(--f-dark-option-action-color, var(--primary));
top: initial;
}
.form--dark .frm-fluent-form .ff_list_buttons .ff-el-input--content {
display: flex;
flex-flow: row wrap;
gap: var(--f-option-label-spacing, 0.5em);
}
.form--dark .frm-fluent-form .ff_list_buttons .ff-el-input--content .ff-el-form-check {
margin: 0;
}
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span {
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) {
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span:hover, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span:hover, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span: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);
}
}
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span:focus, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span:focus, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label > span, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span {
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-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);
box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label > span:hover, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span: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);
}
}
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label > span:focus, .form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
@media only screen and (max-width: 768px) {
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-input--content {
display: flex;
flex-direction: column;
}
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check {
width: 100%;
margin: 0;
}
.form--dark .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span {
border: var(--btn-border-width) var(--btn-border-style) var(--btn-border-color) !important;
border-radius: var(--btn-radius) !important;
}
}
.form--dark .frm-fluent-form .ff-el-form-check + .ff-el-form-check {
margin-block-start: var(--f-option-label-spacing, 0.5em);
}
.form--dark .frm-fluent-form .ff-el-progress {
background-color: var(--f-dark-progress-background-color, var(--base-ultra-light));
height: var(--f-progress-height, 3rem);
border-radius: var(--f-progress-bar-radius, var(--btn-radius));
}
.form--dark .frm-fluent-form .ff-el-progress-bar {
background-color: var(--f-dark-progress-bar-fill-color, var(--primary));
border-radius: var(--f-progress-bar-radius, var(--btn-radius));
align-content: center;
}
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;
}
@media (min-width: 768px) {
.form--light .frm-fluent-form .ff-t-container {
gap: var(--f-grid-gutter, 2rem);
}
}
.form--light .frm-fluent-form input[type="date"], .form--light .frm-fluent-form input[type="datetime-local"], .form--light .frm-fluent-form input[type="month"], .form--light .frm-fluent-form input[type="password"], .form--light .frm-fluent-form input[type="search"], .form--light .frm-fluent-form input[type="time"], .form--light .frm-fluent-form input[type="week"], .form--light .frm-fluent-form input[type="email"], .form--light .frm-fluent-form input[type="number"], .form--light .frm-fluent-form input[type="tel"], .form--light .frm-fluent-form input[type="text"], .form--light .frm-fluent-form input[type="url"], .form--light .frm-fluent-form select:not([multiple]):not([size]) {
height: var(--f-input-height, 5rem);
}
.form--light .frm-fluent-form .input, .form--light .frm-fluent-form input:not([type="submit"]), .form--light .frm-fluent-form select, .form--light .frm-fluent-form textarea {
background-color: var(--f-light-input-background, var(--white));
border-top-width: var(--f-input-border-top-size, 0.1rem);
border-right-width: var(--f-input-border-right-size, 0.1rem);
border-bottom-width: var(--f-input-border-bottom-size, 0.1rem);
border-left-width: var(--f-input-border-left-size, 0.1rem);
border-style: var(--f-input-border-style, solid);
border-color: var(--f-light-input-border-color, var(--neutral-light));
border-radius: var(--f-input-border-radius, var(--btn-radius));
color: var(--f-light-input-text-color, var(--neutral-dark));
font-size: var(--f-input-size, --text-m);
font-weight: var(--f-input-font-weight, 400);
line-height: var(--f-input-line-height, 1);
padding: var(--f-input-padding-y, 0.5em) var(--f-input-padding-x, 1em);
-webkit-border-radius: var(--f-input-border-radius, var(--btn-radius));
-moz-border-radius: var(--f-input-border-radius, var(--btn-radius));
-ms-border-radius: var(--f-input-border-radius, var(--btn-radius));
-o-border-radius: var(--f-input-border-radius, var(--btn-radius));
transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
.form--light .frm-fluent-form .input:hover:not([data-wsf-legal]), .form--light .frm-fluent-form .input:hover:enabled:not(:focus):not([data-wsf-legal]), .form--light .frm-fluent-form input:not([type="submit"]):hover:not([data-wsf-legal]), .form--light .frm-fluent-form input:not([type="submit"]):hover:enabled:not(:focus):not([data-wsf-legal]), .form--light .frm-fluent-form select:hover:not([data-wsf-legal]), .form--light .frm-fluent-form select:hover:enabled:not(:focus):not([data-wsf-legal]), .form--light .frm-fluent-form textarea:hover:not([data-wsf-legal]), .form--light .frm-fluent-form textarea:hover:enabled:not(:focus):not([data-wsf-legal]) {
background-color: var(--f-light-input-color-background-hover, var(--white));
border-color: var(--f-light-input-border-color-hover, var(--neutral-light));
color: var(--f-light-input-text-color-hover, var(--neutral-dark));
}
.form--light .frm-fluent-form .input::placeholder, .form--light .frm-fluent-form input:not([type="submit"])::placeholder, .form--light .frm-fluent-form select::placeholder, .form--light .frm-fluent-form textarea::placeholder {
color: var(--f-light-input-placeholder-color, var(--neutral-dark));
opacity: var(--f-light-input-placeholder-opacity, 0.5);
transition: var(--transition-duration) var(--transition-timing) var(--transition-delay);
}
.form--light .frm-fluent-form .input:hover::placeholder, .form--light .frm-fluent-form input:not([type="submit"]):hover::placeholder, .form--light .frm-fluent-form select:hover::placeholder, .form--light .frm-fluent-form textarea:hover::placeholder {
color: var(--f-light-input-placeholder-color-hover, var(--neutral-dark));
}
.form--light .frm-fluent-form .ff-el-is-error .ff-el-form-control {
border-color: hsl(var(--danger-h, 354), var(--danger-s, 70%), var(--danger-l, 54%));
}
.form--light .frm-fluent-form .text-danger {
color: hsl(var(--danger-h, 354), var(--danger-s, 70%), var(--danger-l, 54%));
}
.form--light .frm-fluent-form .ff-el-form-control:focus {
border-color: var(--f-light-input-border-color, var(--neutral-light));
color: var(--f-light-input-text-color, var(--neutral-dark));
background-color: var(--f-light-input-background, var(--white));
}
.form--light .frm-fluent-form .ff-el-form-control:hover:focus {
color: var(--f-light-input-placeholder-color-hover, var(--neutral-dark));
background-color: var(--f-light-input-color-background-hover, var(--white));
}
.form--light .frm-fluent-form .ff-btn:not(.ff_upload_btn) {
background-color: var(--f-light-btn-background, var(--primary));
color: var(--f-light-btn-text-color, var(--primary-ultra-light));
border-style: var(--f-btn-border-style, solid);
border-width: var(--f-btn-border-width, var(--btn-border-width));
border-color: var(--f-light-btn-border-color, var(--primary));
border-radius: var(--f-btn-border-radius, var(--btn-radius));
-webkit-border-radius: var(--f-btn-border-radius, var(--btn-radius));
-moz-border-radius: var(--f-btn-border-radius, var(--btn-radius));
-ms-border-radius: var(--f-btn-border-radius, var(--btn-radius));
-o-border-radius: var(--f-btn-border-radius, var(--btn-radius));
font-size: var(--f-btn-text-size, --text-m);
font-weight: var(--f-btn-font-weight, 400);
line-height: var(--f-btn-line-height, 1);
padding: var(--f-btn-padding-y, 0.75em) var(--f-btn-padding-x, 1.5em);
margin-block-start: var(--f-btn-margin-top, 0);
text-align: center;
-webkit-text-decoration: var(--f-btn-text-decoration, none);
text-decoration: var(--f-btn-text-decoration, none);
text-transform: var(--f-btn-text-transform, none);
transition: all var(--btn-transition-duration) ease;
min-height: var(--f-input-height, 5rem);
}
.form--light .frm-fluent-form .ff-btn:not(.ff_upload_btn):hover {
background-color: var(--f-light-btn-background-hover, var(--primary-hover));
color: var(--f-light-btn-text-color-hover, var(--primary-ultra-light));
border-color: var(--f-light-btn-border-color-hover, var(--primary-hover));
}
.form--light .frm-fluent-form .ff-btn:not(.ff_upload_btn):hover {
opacity: inherit;
}
.form--light .frm-fluent-form .ff-btn.ff-btn-save-progress {
background-color: var(--f-light-save-btn-background-color, var(--neutral-light));
color: var(--f-light-save-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-light-save-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--light .frm-fluent-form .ff-btn.ff-btn-save-progress:hover {
background-color: var(--f-light-save-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-light-save-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-light-save-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--light .frm-fluent-form .ff-btn.ff-btn-secondary {
background-color: var(--f-light-secondary-btn-background-color, var(--neutral-light));
color: var(--f-light-secondary-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-light-secondary-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--light .frm-fluent-form .ff-btn.ff-btn-secondary:hover {
background-color: var(--f-light-secondary-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-light-secondary-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-light-secondary-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--light .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-next {
background-color: var(--f-light-next-btn-background-color, var(--neutral-light));
color: var(--f-light-next-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-light-next-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--light .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-next:hover {
background-color: var(--f-light-next-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-light-next-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-light-next-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--light .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-prev {
background-color: var(--f-light-prev-btn-background-color, var(--neutral-light));
color: var(--f-light-prev-btn-text-color, var(--neutral-ultra-dark));
border-color: var(--f-light-prev-btn-background-color, var(--neutral-light));
transition: all var(--btn-transition-duration) ease;
}
.form--light .frm-fluent-form .ff-btn.ff-btn-secondary.ff-btn-prev:hover {
background-color: var(--f-light-prev-btn-background-color-hover, var(--neutral-ultra-light));
color: var(--f-light-prev-btn-text-color-hover, var(--neutral-ultra-dark));
border-color: var(--f-light-prev-btn-background-color-hover, var(--neutral-ultra-light));
}
.form--light .frm-fluent-form .ff-el-group {
padding-inline: 0;
}
.form--light .frm-fluent-form .ff-el-group:not(.ff_submit_btn_wrapper) {
margin-block-end: var(--f-field-margin-bottom, 1.5em);
}
.form--light .frm-fluent-form label:not(.ff-el-form-check-label) {
background-color: var(--f-light-label-background-color, );
color: var(--f-light-label-text-color, var(--neutral-dark));
font-size: var(--f-label-size, --text-m);
font-weight: var(--f-label-font-weight, 400);
line-height: var(--f-label-line-height, 1);
margin-block-end: var(--f-label-margin-bottom, 0.5em);
text-transform: var(--f-label-text-transform, none);
padding: var(--f-label-padding-y, 0) var(--f-label-padding-x, 0);
}
.form--light .frm-fluent-form label:not(.ff-el-form-check-label)::after {
color: var(--f-light-required-color, var(--action)) !important;
}
.form--light .frm-fluent-form .iti input, .form--light .frm-fluent-form .iti input[type="tel"], .form--light .frm-fluent-form .iti input[type="text"] {
padding-inline-start: calc(4.8rem + 6px);
}
.form--light .frm-fluent-form .ff-el-section-break {
color: var(--f-light-label-text-color, var(--neutral-dark));
}
.form--light .frm-fluent-form input[type="file"] {
padding: 0;
}
.form--light .frm-fluent-form .ff_upload_btn.ff-btn {
background: var(--f-light-upload-btn-background-color, var(--neutral-light));
padding: var(--f-input-padding-y, 0.5em) var(--f-input-padding-x, 1em);
color: var(--f-light-upload-btn-text-color, var(--neutral-ultra-dark));
font-size: var(--f-label-size, --text-m);
font-weight: var(--f-label-font-weight, 400);
line-height: var(--f-label-line-height, 1);
transition: all var(--btn-transition-duration) ease;
}
.form--light .frm-fluent-form .ff-upload-preview {
font-size: var(--f-label-size, --text-m);
font-weight: var(--f-label-font-weight, 400);
border-style: var(--f-input-border-style, solid);
border-top-width: var(--f-input-border-top-size, 0.1rem);
border-right-width: var(--f-input-border-right-size, 0.1rem);
border-bottom-width: var(--f-input-border-bottom-size, 0.1rem);
border-left-width: var(--f-input-border-left-size, 0.1rem);
border-color: var(--f-light-input-border-color, var(--neutral-light));
border-radius: var(--f-input-border-radius, var(--btn-radius));
}
.form--light .frm-fluent-form .ff-el-form-check.ff-el-form-check- {
display: flex;
margin: 0;
}
.form--light .frm-fluent-form .ff-el-form-check.ff-el-form-check- label {
display: inherit;
gap: 0.4em;
margin: 0;
}
.form--light .frm-fluent-form .ff-el-form-check-label span, .form--light .frm-fluent-form .ff_t_c {
color: var(--f-light-label-text-color, var(--neutral-dark));
font-family: inherit;
font-size: var(--f-option-label-size, --text-m);
font-weight: var(--f-option-label-font-weight, 400);
}
.form--light .frm-fluent-form input.ff_gdpr_field, .form--light .frm-fluent-form span.ff_tc_checkbox input {
width: auto;
height: initial;
position: relative;
top: initial;
}
.form--light .frm-fluent-form input[type="radio"], .form--light .frm-fluent-form input[type="checkbox"] {
accent-color: var(--f-light-option-action-color, var(--primary));
top: initial;
}
.form--light .frm-fluent-form .ff_list_buttons .ff-el-input--content {
display: flex;
flex-flow: row wrap;
gap: var(--f-option-label-spacing, 0.5em);
}
.form--light .frm-fluent-form .ff_list_buttons .ff-el-input--content .ff-el-form-check {
margin: 0;
}
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span {
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) {
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span:hover, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span:hover, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span: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);
}
}
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:first-child label > span:focus, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span:focus, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check:last-child label > span:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label > span, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span {
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-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);
box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label > span:hover, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span: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);
}
}
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label > span:focus, .form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
@media only screen and (max-width: 768px) {
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-input--content {
display: flex;
flex-direction: column;
}
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check {
width: 100%;
margin: 0;
}
.form--light .frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span {
border: var(--btn-border-width) var(--btn-border-style) var(--btn-border-color) !important;
border-radius: var(--btn-radius) !important;
}
}
.form--light .frm-fluent-form .ff-el-form-check + .ff-el-form-check {
margin-block-start: var(--f-option-label-spacing, 0.5em);
}
.form--light .frm-fluent-form .ff-el-progress {
background-color: var(--f-light-progress-background-color, var(--base-ultra-light));
height: var(--f-progress-height, 3rem);
border-radius: var(--f-progress-bar-radius, var(--btn-radius));
}
.form--light .frm-fluent-form .ff-el-progress-bar {
background-color: var(--f-light-progress-bar-fill-color, var(--primary));
border-radius: var(--f-progress-bar-radius, var(--btn-radius));
align-content: center;
}
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--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);
}
.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;
}p.cr-comment-image-text { margin-bottom: 0.5em; font-size: 0.9em; }
p.cr-comment-video-text { margin-bottom: 0.5em; font-size: 0.9em; }
.iv-comment-image {
float: left;
margin-right: 5px;
margin-left: 0;
margin-bottom: 5px;
margin-top: 0px;
border-radius: 5px;
overflow: hidden;
border: 1px solid #e4e1e3;
filter: brightness(100%);
}
.iv-comment-image:hover,
.cr-comment-video:hover {
filter: brightness(95%);
}
.cr-comment-image-top {
display: inline-block;
margin-right: 5px;
vertical-align: top;
max-height: 150px;
border-radius: 5px;
overflow: hidden;
border: 1px solid #e4e1e3;
filter: brightness(100%);
box-sizing: content-box;
position: relative;
}
.cr-comment-image-top:hover {
filter: brightness(95%);
}
.cr-comment-video {
float: left;
margin-right: 5px;
margin-bottom: 5px;
position: relative;
cursor: pointer;
border-radius: 5px;
overflow: hidden;
border: 1px solid #e4e1e3;
filter: brightness(100%);
}
.cr-comment-video video.cr-video-a {
width: 75px;
height: 75px;
display: block;
object-fit: cover;
}
.cr-comment-video-modal.cr-comment-video video.cr-video-a {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
background-color: rgba(0,0,0,0.4);
}
.cr-comment-video .cr-comment-videoicon,
.cr-comment-image-top .cr-comment-videoicon {
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: auto;
margin-top: -16px;
margin-left: -16px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav .cr-comment-videoicon,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav .cr-comment-videoicon {
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: auto;
margin-top: -13px;
margin-left: -13px;
}
.cr-comment-image-top img,
.cr-comment-image-top video {
width: 150px;
height: 150px;
box-shadow: none;
padding: 0;
border-radius: 0;
object-fit: cover;
cursor: pointer;
}
#reviews div.iv-comment-image img,
div.iv-comment-image img {
box-shadow: none;
width: 75px;
height: 75px;
max-width: 75px;
max-height: 75px;
object-fit:cover;
padding: 0;
border-radius: 0;
display: block;
position: relative;
}
.cr-comment-images, .cr-comment-videos {
margin-bottom: 1em;
}
.cr-all-reviews-shortcode .cr-comment-images, .cr-comment-videos {
margin: 0;
}
.cr-comment-videos .cr-comment-video .cr-comment-video-close {
display: none;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-comment-video-close {
display: block;
background-color: #7A7A7A;
color: #FFFFFF;
border: 0px solid;
border-radius: 10px;
position: absolute;
top: 0px;
right: 0px;
padding: 1px;
line-height: 0;
cursor: pointer;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-comment-video-close .cr-close-button-svg {
display: block;
width: 18px;
height: 18px;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-comment-video-close .cr-close-button-svg-p {
fill: #ffffff;
}
.cr-comment-videos .cr-comment-video .cr-video-cont {
display: flex;
position: relative;
margin: auto;
}
.cr-comment-videos .cr-comment-video.cr-comment-video-modal .cr-video-cont {
padding: 10px;
max-width: 100%;
max-height: 100%;
}
.cr-comment-videos-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
overflow: auto;
background-color: rgba(0,0,0,0.4);
display: flex;
align-items: center;
justify-content: center;
}
.cr-comment-videos-modal .cr-comment-video,
.cr-comment-videos-modal .iv-comment-image {
display: none;
}
.cr-comment-video.cr-comment-video-modal {
width: 80%;
height: 80%;
float: none;
margin: auto;
z-index: 1;
display: flex;
justify-content: center;
cursor: auto;
border-width: 0;
filter: brightness(100%);
}
.cr-recaptcha { margin-bottom: 1.5em; }
#commentform.comment-form .cr-upload-local-images, .comment-form .cr-upload-local-images { width: 100%; flex: none; }
#commentform.comment-form .cr-upload-local-images label, .comment-form .cr-upload-local-images label {
display: block;
transform: none;
position: relative;
left: auto;
top: auto;
}
#commentform.comment-form .cr-upload-local-images input, .comment-form .cr-upload-local-images input { display: block; width: 100%; }
.ivole-meter {
overflow: hidden;
background: #f2f2f2;
background: -webkit-linear-gradient(top,#eee,#f6f6f6);
background: linear-gradient(to bottom,#eee,#f6f6f6);
background-color: #f3f3f3;
height: 22px;
border-radius: 1px;
box-shadow: inset 0 1px 2px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ivole-meter .ivole-meter-bar {
border-radius: 1px;
background: #fb0;
background: -webkit-linear-gradient(top,#ffce00,#ffa700);
background: linear-gradient(to bottom,#ffce00,#ffa700);
background-color: #ffce00;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.05);
-webkit-transition: width .5s ease;
transition: width .5s ease;
float: left;
font-size: 0;
height: 100%;
width: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ivole-meter .ivole-meter-bar:before {
background-color: rgba(255,255,255,.25);
content: "";
display: block;
font-size: 0;
height: 1px;
margin: 1px
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell1 {
white-space: nowrap;
width: auto;
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell2 {
width: 70%;
}
.cr-all-reviews-shortcode .cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell2 {
min-width: 100px;
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogramCell3 {
text-align: right;
white-space: nowrap;
width: auto;
}
#reviews .cr-summaryBox-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap,
.cr-reviews-grid .cr-summaryBox-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2px;
align-items: center;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-summaryBox-wrap {
display: none;
}
.cr-reviews-grid.cr-reviews-grid-new-review .cr-summaryBox-wrap,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-reviews-grid-empty {
display: none;
}
#reviews .cr-summaryBox-wrap {
margin: 0 0 1em 0;
background-color: #F9F9F9;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap,
.cr-reviews-grid .cr-summaryBox-wrap {
margin: 0;
background-color: #F9F9F9;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator {
width: auto;
height: 40px;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator {
flex: 2 2 auto;
display: flex;
justify-content: center;
align-items: center;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator-side,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-summary-separator-side {
flex: 1 1 auto;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-int,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-int {
width: 2px;
height: 40px;
background-color: #BCCCD4;
}
.cr-reviews-grid .cr-summaryBox-wrap {
margin: 0 10px 20px 10px;
}
#reviews .cr-summaryBox-wrap .ivole-summaryBox,
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-summaryBox,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap {
margin: 0px;
width: 49%;
flex: 0 0 49%;
padding: 10px;
border-radius: 4px;
border: 0px solid #e4e1e3;
box-sizing: border-box;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox {
width: 35%;
flex: 1 0 35%;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap {
width: auto;
flex: 0 0 auto;
}
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
}
#reviews .cr-summaryBox-wrap .cr-average-rating,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-average-rating,
.cr-reviews-grid .cr-summaryBox-wrap .cr-average-rating {
font-size: 36px;
font-weight: bold;
line-height: 50px;
color: #0E252C;
}
#reviews .cr-summaryBox-wrap .cr-total-rating-count,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-total-rating-count,
.cr-reviews-grid .cr-summaryBox-wrap .cr-total-rating-count {
font-size: 14px;
color: #0E252C;
line-height: 25px;
}
.cr-all-reviews-shortcode .cr-review-form-wrap,
.cr-reviews-grid .cr-review-form-wrap,
.cr-qna-block .cr-qna-new-q-form {
display: none;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-review-form-wrap,
.cr-ajax-reviews-review-form .cr-review-form-wrap,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-review-form-wrap,
.cr-qna-block.cr-qna-new-q-form-open .cr-qna-new-q-form {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav,
.cr-qna-block .cr-review-form-nav {
display: flex;
justify-content: space-between;
border-top: 1px solid #E5E9EB;
border-bottom: 1px solid #E5E9EB;
height: 50px;
}
.cr-qna-block .cr-qna-list-inl-answ .cr-review-form-nav {
margin: 0 0 20px 0;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left,
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-right,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-right,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-right,
.cr-qna-block .cr-review-form-nav .cr-nav-left,
.cr-qna-block .cr-review-form-nav .cr-nav-right {
display: flex;
align-items: center;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-wrap .cr-review-form-nav .cr-nav-right {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg,
.cr-qna-block .cr-review-form-nav .cr-nav-left svg {
margin: 0 5px 0 0;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg {
pointer-events: none;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg:hover,
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-right svg:hover,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg:hover,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-right svg:hover,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left svg:hover,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-right svg:hover,
.cr-qna-block .cr-review-form-nav .cr-nav-left svg:hover,
.cr-qna-block .cr-review-form-nav .cr-nav-right svg:hover {
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span,
.cr-qna-block .cr-review-form-nav .cr-nav-left span {
font-size: 16px;
color: #0E252C;
}
.cr-all-reviews-shortcode .cr-review-form-item,
.cr-ajax-reviews-review-form .cr-review-form-item,
.cr-reviews-grid .cr-review-form-item,
.cr-qna-block .cr-review-form-item {
display: flex;
max-width: 500px;
margin: 0 auto;
padding: 30px 0;
border-bottom: 1px solid #E5E9EB;
position: relative;
align-items: center;
}
.cr-all-reviews-shortcode .cr-review-form-item img,
.cr-ajax-reviews-review-form .cr-review-form-item img,
.cr-reviews-grid .cr-review-form-item img,
.cr-qna-block .cr-review-form-item img {
display: block;
height: 60px;
width: auto;
margin: 0 20px 0 0;
}
.rtl .cr-all-reviews-shortcode .cr-review-form-item img,
.rtl .cr-ajax-reviews-review-form .cr-review-form-item img,
.rtl .cr-reviews-grid .cr-review-form-item img,
.rtl .cr-qna-block .cr-review-form-item img {
margin: 0 0 0 20px;
}
.cr-all-reviews-shortcode .cr-review-form-item span,
.cr-ajax-reviews-review-form .cr-review-form-item span,
.cr-reviews-grid .cr-review-form-item span,
.cr-qna-block .cr-review-form-item span {
display: block;
font-size: 22px;
font-weight: 500;
color: #0E252C;
}
.cr-all-reviews-shortcode .cr-review-form-rating,
.cr-ajax-reviews-review-form .cr-review-form-rating,
.cr-reviews-grid .cr-review-form-rating {
max-width: 500px;
margin: 0 auto;
padding: 30px 0 30px 0;
position: relative;
}
.cr-onsite-ratings .cr-review-form-rating,
.cr-review-form-rating-overall .cr-review-form-rating {
max-width: 500px;
margin: 1em 0 1em 0;
padding: 0;
position: relative;
}
.cr-review-form-rating-overall.cr-review-form-rating-ovonly .cr-review-form-rating {
margin: 1em 0 1.5em 0;
}
.cr-review-form-wrap .cr-onsite-ratings .cr-review-form-rating,
.cr-review-form-wrap .cr-review-form-rating-overall .cr-review-form-rating {
margin-left: auto;
margin-right: auto;
}
.cr-review-form-wrap .cr-onsite-ratings .cr-review-form-rating-label {
font-size: 12px;
color: #4D5D64;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont,
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont {
display: flex;
position: relative;
height: auto;
padding: 5px 0;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner {
height: 20px;
padding: 0 5px;
line-height: 0;
}
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner {
height: 30px;
padding: 0 5px;
}
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg {
height: 30px;
width: 33px;
}
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner:first-child,
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner:first-child {
padding-left: 0;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-ajax-reviews-review-form .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner .cr-rating-act {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover,
.cr-ajax-reviews-review-form .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg:hover {
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr,
.cr-onsite-ratings .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr,
.cr-reviews-grid .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr {
font-size: 14px;
line-height: 20px;
height: 20px;
margin: 0 0 0 10px;
}
.cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr {
font-size: 18px;
line-height: 30px;
height: 30px;
margin: 0 0 0 10px;
}
.rtl .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr {
margin: 0 10px 0 0;
}
.cr-review-form-rating-overall .cr-review-form-rating-label {
font-size: 18px;
}
.cr-all-reviews-shortcode .cr-review-form-rating-overall .cr-review-form-rating-label,
.cr-ajax-reviews-review-form .cr-review-form-rating-overall .cr-review-form-rating-label,
.cr-reviews-grid .cr-review-form-rating-overall .cr-review-form-rating-label {
font-size: 16px;
}
.cr-all-reviews-shortcode .cr-review-form-field-error,
.cr-onsite-ratings .cr-review-form-field-error,
.cr-review-form-rating-overall .cr-review-form-field-error,
.cr-onsite-questions .cr-onsite-question .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-field-error,
.cr-qna-block .cr-review-form-field-error {
font-size: 11px;
color: #CE2B37;
margin: 5px 0 0 0;
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont,
.cr-onsite-ratings .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont,
.cr-review-form-rating-overall .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont,
.cr-reviews-grid .cr-review-form-rating.cr-review-form-error .cr-review-form-rating-cont {
background-color: #fae9eb;
}
.cr-all-reviews-shortcode .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-onsite-ratings .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-review-form-rating-overall .cr-review-form-rating.cr-review-form-error .cr-review-form-field-error,
.cr-onsite-questions .cr-onsite-question.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-captcha.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-form-item-media.cr-review-form-error .cr-review-form-field-error,
.cr-all-reviews-shortcode .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-captcha.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-form-item-media.cr-review-form-error .cr-review-form-field-error,
.cr-ajax-reviews-review-form .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-captcha.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-form-item-media.cr-review-form-error .cr-review-form-field-error,
.cr-reviews-grid .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-comment.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-name.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-email.cr-review-form-error .cr-review-form-field-error,
.cr-qna-block .cr-review-form-terms.cr-review-form-error .cr-review-form-field-error {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-comment,
.cr-ajax-reviews-review-form .cr-review-form-comment,
.cr-reviews-grid .cr-review-form-comment,
.cr-qna-block .cr-review-form-comment {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
position: relative;
}
.cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-comment-txt,
.cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt,
.cr-reviews-grid .cr-review-form-comment .cr-review-form-comment-txt,
.cr-qna-block .cr-review-form-comment .cr-review-form-comment-txt {
border: solid 1px #D8E2E7;
background-color: #FFFFFF;
box-shadow: none;
position: relative;
padding: 12px 16px;
color: #0E252C;
font-size: 14px;
width: 100%;
margin: 0;
}
.cr-all-reviews-shortcode .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt,
.cr-ajax-reviews-review-form .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt,
.cr-reviews-grid .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt,
.cr-qna-block .cr-review-form-comment.cr-review-form-error .cr-review-form-comment-txt {
border: #CE2B37 solid 2px;
}
.cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-lbl,
.cr-all-reviews-shortcode .cr-review-form-name .cr-review-form-lbl,
.cr-all-reviews-shortcode .cr-review-form-email .cr-review-form-lbl,
.cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-lbl,
.cr-ajax-reviews-review-form .cr-review-form-name .cr-review-form-lbl,
.cr-ajax-reviews-review-form .cr-review-form-email .cr-review-form-lbl,
.cr-reviews-grid .cr-review-form-comment .cr-review-form-lbl,
.cr-reviews-grid .cr-review-form-name .cr-review-form-lbl,
.cr-reviews-grid .cr-review-form-email .cr-review-form-lbl,
.cr-qna-block .cr-review-form-lbl {
position: absolute;
top: -7px;
z-index: 1;
left: 16px;
background-color: #FFFFFF;
padding: 0 5px;
font-size: 12px;
line-height: 12px;
height: 12px;
color: #4D5D64;
}
.rtl .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-lbl,
.rtl .cr-all-reviews-shortcode .cr-review-form-name .cr-review-form-lbl,
.rtl .cr-all-reviews-shortcode .cr-review-form-email .cr-review-form-lbl,
.rtl .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-lbl,
.rtl .cr-ajax-reviews-review-form .cr-review-form-name .cr-review-form-lbl,
.rtl .cr-ajax-reviews-review-form .cr-review-form-email .cr-review-form-lbl,
.rtl .cr-reviews-grid .cr-review-form-comment .cr-review-form-lbl,
.rtl .cr-reviews-grid .cr-review-form-name .cr-review-form-lbl,
.rtl .cr-reviews-grid .cr-review-form-email .cr-review-form-lbl,
.rtl .cr-qna-block .cr-review-form-lbl {
left: auto;
right: 16px;
}
.cr-all-reviews-shortcode .cr-form-item-media,
.cr-ajax-reviews-review-form .cr-form-item-media,
.cr-reviews-grid .cr-form-item-media {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
}
.cr-all-reviews-shortcode .cr-review-form-terms,
.cr-ajax-reviews-review-form .cr-review-form-terms,
.cr-reviews-grid .cr-review-form-terms,
.cr-qna-block .cr-captcha-terms,
.cr-qna-block .cr-review-form-terms {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
line-height: 1;
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-terms label,
.cr-ajax-reviews-review-form .cr-review-form-terms label,
.cr-reviews-grid .cr-review-form-terms label,
.cr-qna-block .cr-review-form-terms label {
display: inline-block;
font-size: 14px;
font-weight: normal;
margin: 0;
}
.cr-all-reviews-shortcode .cr-review-form-terms .cr-review-form-checkbox,
.cr-ajax-reviews-review-form .cr-review-form-terms .cr-review-form-checkbox,
.cr-reviews-grid .cr-review-form-terms .cr-review-form-checkbox,
.cr-qna-block .cr-review-form-terms .cr-review-form-checkbox {
appearance: auto;
width: auto;
height: auto;
border: none;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
accent-color: #4D5D64;
}
.rtl .cr-all-reviews-shortcode .cr-review-form-terms .cr-review-form-checkbox,
.rtl .cr-ajax-reviews-review-form .cr-review-form-terms .cr-review-form-checkbox,
.rtl .cr-reviews-grid .cr-review-form-terms .cr-review-form-checkbox,
.rtl .cr-qna-block .cr-review-form-terms .cr-review-form-checkbox {
margin: 0 0 0 5px;
}
.cr-all-reviews-shortcode .cr-review-form-terms span,
.cr-ajax-reviews-review-form .cr-review-form-terms span,
.cr-reviews-grid .cr-review-form-terms span,
.cr-qna-block .cr-review-form-terms span {
display: inline;
vertical-align: middle;
color: #0E252C;
line-height: 1.3;
}
.cr-all-reviews-shortcode .cr-review-form-terms .cr-review-form-checkbox::after,
.cr-ajax-reviews-review-form .cr-review-form-terms .cr-review-form-checkbox::after,
.cr-reviews-grid .cr-review-form-terms .cr-review-form-checkbox::after,
.cr-qna-block .cr-review-form-terms .cr-review-form-checkbox::after {
border: none;
content: normal;
}
.cr-qna-block .cr-captcha-terms {
font-size: 12px;
font-weight: normal;
vertical-align: middle;
color: #0E252C;
}
.cr-all-reviews-shortcode .cr-review-form-ne,
.cr-ajax-reviews-review-form .cr-review-form-ne,
.cr-reviews-grid .cr-review-form-ne,
.cr-qna-block .cr-review-form-ne {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
position: relative;
display: flex;
gap: 10px;
}
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-name,
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-email,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-name,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-email,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-name,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-email,
.cr-qna-block .cr-review-form-ne .cr-review-form-name,
.cr-qna-block .cr-review-form-ne .cr-review-form-email {
width: 50%;
position: relative;
}
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-name input,
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-email input,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-name input,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-email input,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-name input,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-email input,
.cr-qna-block .cr-review-form-ne .cr-review-form-name input,
.cr-qna-block .cr-review-form-ne .cr-review-form-email input {
width: 100%;
}
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt,
.cr-reviews-grid .cr-review-form-ne .cr-review-form-txt,
.cr-qna-block .cr-review-form-ne .cr-review-form-txt {
border: solid 1px #D8E2E7;
background-color: #FFFFFF;
box-shadow: none;
position: relative;
padding: 12px 16px;
color: #0E252C;
font-size: 14px;
margin: 0;
}
.cr-review-form-wrap .cr-onsite-question .cr-onsite-question-inp {
border: solid 1px #D8E2E7;
background-color: #FFFFFF;
box-shadow: none;
padding: 12px 16px;
color: #0E252C;
font-size: 14px;
width: 50%;
}
.cr-review-form-wrap .cr-onsite-question label {
position: absolute;
top: -7px;
z-index: 1;
left: 16px;
background-color: #FFFFFF;
padding: 0 5px;
font-size: 12px;
line-height: 12px;
height: 12px;
color: #4D5D64;
font-weight: normal;
}
.rtl .cr-review-form-wrap .cr-onsite-question label {
left: auto;
right: 16px;
}
.cr-review-form-wrap .cr-onsite-questions {
max-width: 500px;
margin: 0 auto;
}
.cr-all-reviews-shortcode .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-all-reviews-shortcode .cr-review-form-email.cr-review-form-error .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-email.cr-review-form-error .cr-review-form-txt,
.cr-onsite-questions .cr-onsite-question.cr-review-form-error input[type='text'],
.cr-onsite-questions .cr-onsite-question.cr-review-form-error input[type='number'],
.cr-single-product-review .cr-review-form-textbox.cr-review-form-error,
.cr-reviews-grid .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-reviews-grid .cr-review-form-email.cr-review-form-error .cr-review-form-txt,
.cr-qna-block .cr-review-form-name.cr-review-form-error .cr-review-form-txt,
.cr-qna-block .cr-review-form-email.cr-review-form-error .cr-review-form-txt {
border: #CE2B37 solid 2px;
}
.cr-all-reviews-shortcode .cr-review-form-captcha,
.cr-ajax-reviews-review-form .cr-review-form-captcha,
.cr-reviews-grid .cr-review-form-captcha {
max-width: 500px;
margin: 0 auto;
padding: 0 0 20px 0;
display: flex;
flex-direction: column;
align-items: start;
}
.cr-all-reviews-shortcode .cr-review-form-captcha .cr-recaptcha,
.cr-ajax-reviews-review-form .cr-review-form-captcha .cr-recaptcha,
.cr-reviews-grid .cr-review-form-captcha .cr-recaptcha {
margin: 0;
}
.cr-all-reviews-shortcode .cr-review-form-buttons,
.cr-ajax-reviews-review-form .cr-review-form-buttons,
.cr-reviews-grid .cr-review-form-buttons,
.cr-qna-block .cr-review-form-buttons {
max-width: 500px;
margin: 0 auto;
padding: 0 0 30px 0;
position: relative;
display: flex;
gap: 10px;
}
.cr-qna-block .cr-qna-list-inl-answ .cr-review-form-buttons {
padding: 0;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit {
display: flex;
background-color: #31856C;
color: #ffffff;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: 50%;
padding: 0 10px;
margin: 0;
align-items: center;
justify-content: center;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-buttons .cr-review-form-submit {
width: 100%;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit:hover,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit:hover {
background-color: #276A56;
text-decoration: none;
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-cancel,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-comment .cr-review-form-comment-txt,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-ne .cr-review-form-txt,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-captcha,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-onsite-question,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-onsite-question-inp,
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-terms,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-cancel,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-comment .cr-review-form-comment-txt,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-ne .cr-review-form-txt,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-captcha,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-onsite-question,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-onsite-question-inp,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-terms,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-cancel,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-rating .cr-review-form-rating-inner,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-comment .cr-review-form-comment-txt,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-ne .cr-review-form-txt,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-captcha,
.cr-reviews-grid .cr-review-form-submitting .cr-onsite-question,
.cr-reviews-grid .cr-review-form-submitting .cr-onsite-question-inp,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-terms,
.cr-qna-block .cr-review-form-submitting.cr-qna-new-q-form,
.cr-qna-block .cr-review-form-submitting.cr-qna-list-inl-answ {
pointer-events: none;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit span,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit span,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit span {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span,
.cr-qna-block .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit span {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit img,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit img,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit img,
.cr-qna-block .cr-review-form-buttons .cr-review-form-submit img {
display: none;
height: 10px;
}
.cr-all-reviews-shortcode .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img,
.cr-ajax-reviews-review-form .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img,
.cr-reviews-grid .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img,
.cr-qna-block .cr-review-form-submitting .cr-review-form-buttons .cr-review-form-submit img {
display: block;
}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel,
.cr-qna-block .cr-review-form-buttons .cr-review-form-cancel {
display: flex;
background-color: #ffffff;
color: #0E252C;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: 50%;
border: solid 1px #D8E2E7;
padding: 0 10px;
margin: 0;
align-items: center;
justify-content: center;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc .cr-review-form-buttons .cr-review-form-cancel {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-reviews-grid .cr-review-form-buttons .cr-review-form-cancel:hover,
.cr-qna-block .cr-review-form-buttons .cr-review-form-cancel:hover {
border: solid 1px #4D5D64;
text-decoration: none;
cursor: pointer;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-rating,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-comment,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-ne,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-captcha,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-buttons,
.cr-all-reviews-shortcode .cr-review-form-res .cr-onsite-ratings,
.cr-all-reviews-shortcode .cr-review-form-res .cr-onsite-question,
.cr-all-reviews-shortcode .cr-review-form-res .cr-form-item-media,
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-terms,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-rating,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-comment,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-ne,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-captcha,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-buttons,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-onsite-ratings,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-onsite-question,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-form-item-media,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-terms,
.cr-reviews-grid .cr-review-form-res .cr-review-form-rating,
.cr-reviews-grid .cr-review-form-res .cr-review-form-comment,
.cr-reviews-grid .cr-review-form-res .cr-review-form-ne,
.cr-reviews-grid .cr-review-form-res .cr-review-form-captcha,
.cr-reviews-grid .cr-review-form-res .cr-review-form-buttons,
.cr-reviews-grid .cr-review-form-res .cr-onsite-ratings,
.cr-reviews-grid .cr-review-form-res .cr-onsite-question,
.cr-reviews-grid .cr-review-form-res .cr-form-item-media,
.cr-reviews-grid .cr-review-form-res .cr-review-form-terms,
.cr-qna-block .cr-review-form-res .cr-review-form-comment,
.cr-qna-block .cr-review-form-res .cr-review-form-ne,
.cr-qna-block .cr-review-form-res .cr-review-form-buttons,
.cr-qna-block .cr-review-form-res .cr-captcha-terms,
.cr-qna-block .cr-review-form-res .cr-review-form-terms {
display: none;
}
.cr-all-reviews-shortcode .cr-review-form-result,
.cr-ajax-reviews-review-form .cr-review-form-result,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in,
.cr-reviews-grid .cr-review-form-result,
.cr-reviews-grid .cr-review-form-not-logged-in,
.cr-qna-block .cr-review-form-not-logged-in,
.cr-qna-block .cr-review-form-result {
max-width: 500px;
margin: 0 auto;
display: none;
position: relative;
padding: 40px 0;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result,
.cr-reviews-grid .cr-review-form-not-logged-in,
.cr-qna-block .cr-review-form-res .cr-review-form-result,
.cr-qna-block .cr-review-form-not-logged-in {
display: flex;
flex-direction: column;
align-items: center;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result span,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result span,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in span,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in span,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result span,
.cr-reviews-grid .cr-review-form-not-logged-in span,
.cr-qna-block .cr-review-form-res .cr-review-form-result span,
.cr-qna-block .cr-review-form-not-logged-in span {
padding: 0 0 20px 0;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-qna-block .cr-review-form-res .cr-review-form-result .cr-review-form-continue,
.cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue {
display: flex;
background-color: #31856C;
color: #ffffff;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: auto;
text-decoration: none;
align-items: center;
justify-content: center;
}
.cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue,
.cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue {
padding: 10px 20px;
min-width: 100px;
text-align: center;
}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-qna-block .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue:hover {
background-color: #276A56;
text-decoration: none;
cursor: pointer;
}
.ivole-summaryBox {
max-width: 100%;
font-size: 14px;
}
div.ivole-summaryBox {
margin-bottom: 2rem;
}
.cr-summaryBox-wrap .cr-histogramTable {
margin-bottom: 0px;
border-collapse: collapse;
border: 0px;
width: 100%;
max-width: 320px;
min-width: auto;
margin: 0 auto;
}
.cr-histogramTable .ivole-histogramRow {
border: 0px;
}
.cr-histogramTable tr.ivole-histogramRow td {
padding: 0.2rem 0.3rem;
vertical-align: middle;
border: 0px;
background-color: transparent;
}
.cr-histogramTable tr.ivole-histogramRow:first-child td {
padding-top: 0
}
.cr-histogramTable tr.ivole-histogramRow:last-child td {
padding-bottom: 0
}
.cr-histogramTable tr.ivole-histogramRow td:first-child {
padding-left: 0
}
.cr-histogramTable tr.ivole-histogramRow td:last-child {
padding-right: 0
}
#reviews .cr-credits-div,
.cr-all-reviews-shortcode .cr-credits-div,
.cr-reviews-grid .cr-credits-div {
font-size: 10px;
text-align: right;
width: 100%;
padding: 0 5px;
margin: 7px 0;
line-height: 16px;
display: flex;
align-items: center;
justify-content: right;
box-sizing: border-box;
}
.cr-reviews-grid .cr-credits-div {
margin-top: 0;
padding: 0 10px;
}
.cr-all-reviews-shortcode .cr-credits-div a,
#reviews .cr-credits-div a,
.cr-reviews-grid .cr-credits-div a {
text-decoration: none;
}
.cr-all-reviews-shortcode .cr-credits-div a img,
#reviews .cr-credits-div a img,
.cr-reviews-grid .cr-credits-div a img {
display: inline;
height: 16px;
margin: 0 0 0 4px;
padding: 0;
vertical-align: middle;
}
#reviews .cr-summaryBox-wrap .cr-count-filtered-reviews,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-count-filtered-reviews,
.cr-reviews-grid .cr-summaryBox-wrap .cr-count-filtered-reviews {
width: 100%;
padding: 5px 10px;
margin-top: 0;
font-size: 14px;
color: #0E252C;
}
.cr-histogramTable tr.ivole-histogramRow .ivole-histogram-a,
.cr-histogramTable tr.ivole-histogramRow .cr-histogram-a {
display: inline;
cursor: pointer;
color: #0E252C;
}
.cr-histogramTable tr.ivole-histogramRow.ivole-histogramRow-s .ivole-histogram-a,
.cr-histogramTable tr.ivole-histogramRow.ivole-histogramRow-s .cr-histogram-a {
display: inline;
font-weight: bold;
}
#reviews.cr-reviews-ajax-reviews {
width: 100%;
}
.cr-all-reviews-shortcode .cr-count-row,
#reviews.cr-reviews-ajax-reviews .cr-count-row {
background-color: #F9F9F9;
padding: 10px 12px;
font-size: 12px;
color: #0E252C;
margin: 24px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-count-row {
display: none;
}
.cr-all-reviews-shortcode .cr-count-row a,
.cr-reviews-ajax-comments .cr-count-row a {
color: #0E252C;
text-decoration: underline;
}
.cr-all-reviews-shortcode .cr-count-row a:hover,
.cr-reviews-ajax-comments .cr-count-row a:hover {
cursor: pointer;
color: #0E252C;
}
div.ivole-summaryBox.cr-summaryBox-ajax.cr-summaryBar-updating,
div.ivole-summaryBox.cr-all-reviews-ajax.cr-summaryBar-updating,
div.ivole-summaryBox.cr-summaryBar-updating,
.cr-count-row .cr-seeAll-updating,
.cr-ajax-reviews-sort.cr-sort-updating,
.cr-review-tags-filter.cr-tags-updating {
opacity: 0.5;
pointer-events: none;
}
.cr-voting-cont {
display: flex;
align-items: center;
justify-content: flex-end;
}
.cr-voting-cont img, .cr-voting-cont-uni svg {
margin-left: 0px;
margin-right: 7px;
margin-top: 0px;
margin-bottom: 0px;
width: 13px;
height: 16px;
cursor: pointer;
pointer-events: auto;
}
.rtl .cr-voting-cont img, .rtl .cr-voting-cont-uni svg {
margin-right: 0px;
margin-left: 7px;
}
.cr-voting-cont-uni .cr-voting-update svg {
pointer-events: none;
}
.cr-voting-cont-uni span.cr-voting-upvote svg:hover {
color: #000000;
}
.cr-voting-cont-uni span {
display: block;
line-height: 11px;
font-size: 11px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.cr-voting-cont-uni span.cr-voting-upvote svg .cr-voting-svg-int {
fill: none;
}
.cr-voting-cont-uni span.cr-voting-upvote svg .cr-voting-svg-ext {
fill: #18B394;
}
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-active svg .cr-voting-svg-int {
fill: #00A382;
fill-opacity: 0.4;
}
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-active svg .cr-voting-svg-ext {
fill: #00A382;
}
.cr-voting-cont-uni span.cr-voting-upvote svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-downvote svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-active svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-active svg:hover .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-update svg .cr-voting-svg-ext,
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-update svg .cr-voting-svg-ext {
fill: #202020;
}
.cr-voting-cont-uni span.cr-voting-upvote.cr-voting-update svg .cr-voting-svg-int,
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-update svg .cr-voting-svg-int {
fill: none;
animation: pulse 1s infinite;
}
@keyframes pulse {
0% {
fill: #FFFFFF;
}
50% {
fill: #A9A9A9;
}
100% {
fill: #FFFFFF;
}
}
.cr-voting-cont-uni span.cr-voting-downvote svg .cr-voting-svg-int {
fill: none;
}
.cr-voting-cont-uni span.cr-voting-downvote svg .cr-voting-svg-ext {
fill: #CE2B37;
}
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-active svg .cr-voting-svg-int {
fill: #CA2430;
fill-opacity: 0.4;
}
.cr-voting-cont-uni span.cr-voting-downvote.cr-voting-active svg .cr-voting-svg-ext {
fill: #CA2430;
}
.cr-voting-cont-uni span.cr-voting-upvote-count {
margin-right: 10px;
color: #18B394;
}
.rtl .cr-voting-cont-uni span.cr-voting-upvote-count {
margin-right: 0px;
margin-left: 10px;
}
.cr-voting-cont-uni span.cr-voting-downvote-count {
color: #CE2B37;
}
.cr-all-reviews-shortcode ol li.comment, .cr-all-reviews-shortcode ol li.review {
list-style: none;
margin-right: 0;
margin-bottom: 2.5em;
position: relative;
border: 0;
}
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container,
.cr-all-reviews-shortcode ol li.comment .comment_container,
.cr-all-reviews-shortcode ol li.review .comment_container {
position: relative;
padding: 0px;
}
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .cr-avatar,
.cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar,
.cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar {
float: left;
position: absolute;
padding: 0;
top: 0;
left: 0;
width: 50px;
height: auto;
border: 0px solid #e4e1e3;
margin: 0;
box-shadow: none;
border-radius: 25px;
max-height: none;
}
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .cr-avatar,
.rtl .cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar,
.rtl .cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar {
float: right;
position: absolute;
padding: 0;
top: 0;
right: 0;
width: 50px;
height: auto;
border: 0px solid #e4e1e3;
margin: 0;
box-shadow: none;
border-radius: 25px;
max-height: none;
}
.cr-all-reviews-shortcode ol li.review .comment_container.cr-comment-no-avatar .cr-avatar {
display: none;
}
.cr-avatar-check {
display: none;
}
.cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar-check,
.cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar-check,
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-avatar-check,
.cr-reviews-grid .cr-review-card .cr-avatar-check,
.cr-reviews-slider .cr-review-card .cr-avatar-check {
width: 20px;
height: 20px;
background-color: #31856C;
position: absolute;
left: 34px;
top: 28px;
border-radius: 10px;
border: 2px solid #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
z-index: 10;
}
.rtl .cr-all-reviews-shortcode ol li.comment .comment_container .cr-avatar-check,
.rtl .cr-all-reviews-shortcode ol li.review .comment_container .cr-avatar-check,
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .cr-avatar-check,
.rtl .cr-reviews-grid .cr-review-card .cr-avatar-check,
.rtl .cr-reviews-slider .cr-review-card .cr-avatar-check {
right: 34px;
left: auto;
}
.cr-all-reviews-shortcode ol li.review .comment_container .meta,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .meta {
display: flex;
align-items: baseline;
justify-content: space-between;
color: #767676;
font-size: 14px;
flex-wrap: wrap;
}
.cr-all-reviews-shortcode ol li div.comment_container a.cr-comment-a {
box-shadow: none;
}
.cr-all-reviews-shortcode ol li div.comment_container p.iv-comment-product {
font-size: 90%;
}
.cr-all-reviews-shortcode ol li div.comment_container a.iv-comment-product-a {
box-shadow: none;
line-height: 0;
}
.cr-all-reviews-shortcode ol li .comment_container .iv-comment-product-img {
width: 20px;
height: auto;
vertical-align: top;
margin-right: 5px;
display: inline;
border-radius: 3px;
}
.cr-all-reviews-shortcode .commentlist.cr-pagination-load {
opacity: 0.5;
pointer-events: none;
}
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text,
.cr-all-reviews-shortcode ol.commentlist li .comment-text {
margin: 0 0 0 70px;
border-top: 0 solid #e4e1e3;
border-left: 0 solid #e4e1e3;
border-right: 0 solid #e4e1e3;
border-bottom: 1px solid #e4e1e3;
padding: 0 0 1em 0;
}
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text,
.rtl .cr-all-reviews-shortcode ol.commentlist li .comment-text {
margin: 0 70px 0 0;
}
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text.comment-text-no-avatar,
.cr-all-reviews-shortcode ol.commentlist li .comment-text.comment-text-no-avatar {
margin: 0;
float: none;
width: 100%;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text p,
.cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p {
margin: 1em 0;
text-align: left;
}
.rtl .cr-reviews-ajax-reviews .cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p {
text-align: right;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta {
font-size: 16px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta time {
font-style: normal;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-featured-date,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .cr-meta-author-featured-date {
display: flex;
flex-direction: row;
column-gap: 20px;
align-items: baseline;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name {
display: flex;
align-items: center;
column-gap: 20px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture {
display: flex;
align-items: center;
margin: 0 0 0 0;
column-gap: 7px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture .cr-comment-productname-a {
font-size: 14px;
color: #0E252C;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name .cr-product-name-picture .cr-comment-productname-a:hover {
text-decoration: underline;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author {
color: #0E252C;
font-size: 16px;
display: inline;
font-weight: 500;
margin: 0;
text-indent: 0;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__verified,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__verified {
display: block;
color: #4D5D64;
font-size: 14px;
font-weight: 400;
margin: 0;
text-indent: 0;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-date time {
color: #4D5D64;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-title {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .cr-meta-author-title svg {
width: 18px;
height: 18px;
display: block;
margin: 0 0 0 10px;
color: #4D5D64;
}
.cr-tag {
color: #3d3d3d;
background-color: #EEEFF2;
display: inline-block;
padding: .2em .4em;
font-size: 12px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 0.7em;
border: 1px solid #c3c6d1;
border-color: #31856C;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cr-review-tags-filter .cr-tag {
font-size: 14px;
border-radius: 0.7em;
margin-right: 5px;
margin-bottom: 7px;
border-color: #D0D0D0;
}
.cr-review-tags-filter span.cr-tag:hover {
border-color: #31856C;
cursor: pointer;
}
.cr-review-tags-filter {
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
pointer-events: auto;
opacity: 1;
}
.cr-review-tags-filter span.cr-tag.cr-tag-selected {
border-color: #31856C;
background-color: #D3D3D3;
}
div.cr-review-tags-filter.cr-review-tags-filter-disabled {
pointer-events: none;
opacity: 0.5;
}
.cr-review-tags {
margin-bottom: 1em;
}
.cr-incentivized-badge {
display: flex;
column-gap: 4px;
align-items: center;
font-size: 10px;
line-height: 10px;
margin: 0 0 1em 0;
}
.cr-reviews-grid .cr-review-card .cr-incentivized-row .cr-incentivized-badge,
.cr-reviews-slider .cr-review-card .cr-incentivized-row .cr-incentivized-badge {
margin: 0;
}
.cr-incentivized-badge .cr-incentivized-icon {
display: block;
height: 12px;
}
.cr-incentivized-badge .cr-incentivized-icon .cr-incentivized-svg {
width: 12px;
height: 12px;
}
.cr-all-reviews-shortcode ol.commentlist ul.children,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
margin-inline-start: 70px;
padding-inline-start: 0;
}
.ivole-verified-badge {
font-size: 12px;
vertical-align: middle;
}
.ivole-verified-badge-text {
vertical-align: middle;
}
.ivole-verified-badge span.ivole-review-country-text, p.ivole-verified-badge span.ivole-review-country-space {
vertical-align: middle;
}
.cr-all-reviews-shortcode ol.commentlist,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list {
list-style-type: none;
margin: 0;
padding: 0 0 1.5em 0;
display: block;
position: relative;
}
.cr-all-reviews-shortcode ol.commentlist li,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li {
margin: 0 0 30px 0;
list-style: none;
clear: both;
border: 0;
padding: 0;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review ol.commentlist,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-reviews-grid-inner,
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-review-tags-filter,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-review-tags-filter {
display: none;
}
.cr-all-reviews-shortcode .ivole-review-country-icon,
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .ivole-review-country-icon {
display: inline;
height: 12px;
width: auto;
margin: 0 0 0 5px;
border-radius: 0;
}
.woocommerce #content #reviews p.ivole-verified-badge img.ivole-review-country-icon,
#reviews p.ivole-verified-badge img.ivole-review-country-icon {
float: none;
height: 12px;
width: auto;
vertical-align:middle;
margin: 0px 5px 0px 0px;
display: inline;
border-radius: 0;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce #content div.Product #reviews .comment_container img.ivole-verified-badge-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-icon,
#reviews p.ivole-verified-badge img.ivole-verified-badge-icon,
p.ivole-verified-badge img.ivole-verified-badge-icon,
#reviews img.ivole-verified-badge-icon,
img.ivole-verified-badge-icon {
float: none;
height: 20px;
width: auto;
vertical-align:middle;
margin: 0px 5px 0px 0px;
display: inline;
border-radius: 0;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce #content div.Product #reviews .comment_container img.ivole-verified-badge-ext-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-ext-icon,
#reviews p.ivole-verified-badge .ivole-verified-badge-text img.ivole-verified-badge-ext-icon,
p.ivole-verified-badge .ivole-verified-badge-text img.ivole-verified-badge-ext-icon,
#reviews img.ivole-verified-badge-ext-icon,
img.ivole-verified-badge-ext-icon {
float: none;
height: 11px;
width: 11px;
vertical-align:middle;
margin: 0px 0px 0px 5px;
display: inline;
border-radius: 0;
}
.cr-form-item-media-none {
padding: 24px;
text-align: left;
display: flex;
align-items: center;
cursor: pointer;
border: 1px dashed #D8E2E7;
border-radius: 2px;
}
.cr-review-form-error .cr-form-item-media-none {
border-color: #CE2B37;
}
.cr-form-visible .cr-form-item-media-none {
display: none;
}
.cr-form-item-media-none .cr-form-item-media-icon {
width: 60px;
height: 60px;
padding: 8px;
border: 1px solid #e0e0e0;
fill: #e0e0e0;
border-radius: 2px;
flex-shrink: 0;
}
.cr-form-item-media-none .cr-form-item-media-icon:first-child {
margin: 0 5px 0 0;
}
.rtl .cr-form-item-media-none .cr-form-item-media-icon:first-child {
margin: 0 0 0 5px;
}
.cr-rtl .cr-form-item-media-none .cr-form-item-media-icon:first-child {
margin-right: 0;
margin-left: 5px;
}
.cr-form-item-media-none span {
display: inline-block;
vertical-align: top;
margin: 0 0 0 20px;
color: #4D5D64;
font-size: 12px;
}
.rtl .cr-form-item-media-none span {
margin: 0 20px 0 0;
}
.cr-rtl .cr-form-item-media-none span {
margin-left: 0;
margin-right: 20px;
}
.cr-form-item-media-none:active {
border-color: #c9c9c9;
}
.cr-form-item-media-none:active .cr-form-item-media-icon {
border: 1px solid #c9c9c9;
fill: #c9c9c9;
}
.cr-form-item-media .cr-form-item-media-file {
display: none;
}
.cr-form-item-media-preview {
display: none;
margin: 0;
flex-wrap: wrap;
}
.cr-form-visible .cr-form-item-media-preview {
display: flex;
row-gap: 9px;
}
.cr-form-item-media-preview .cr-upload-images-containers {
width: 108px;
height: 108px;
margin-bottom: 0px;
margin-right: 9px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
border: 1px solid #D8E2E7;
padding: 0;
overflow: hidden;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-delete-pending {
pointer-events: none;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok {
padding: 0px;
}
.cr-form-item-media-preview .cr-upload-images-containers img {
margin: 0 0 0 0;
opacity: 0.3;
object-fit: cover;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-video-thumbnail {
width: 108px;
height: 108px;
margin: 0 0 0 0;
opacity: 0.3;
padding: 15px;
border: 1px solid #e0e0e0;
fill: #e0e0e0;
border-radius: 2px;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok img {
opacity: 1;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-video-thumbnail {
opacity: 0.6;
border-width: 0;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending img {
opacity: 0.2;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-video-thumbnail {
opacity: 0.2;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-delete {
padding: 1px;
position: absolute;
top: 2px;
right: 2px;
width: 16px;
height: 16px;
display: none;
background-color: #CE2B37;
border-radius: 8px;
border: 0px solid;
line-height: 0;
cursor: pointer;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-delete {
display: block;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-delete {
opacity: 0.2;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-delete .cr-no-icon {
fill: #ffffff;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-delete-spinner {
margin: 0;
background: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: none;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete-spinner {
display: block;
}
.cr-form-item-media-preview .cr-form-item-media-add {
cursor: pointer;
width: 108px;
height: 108px;
text-align: center;
line-height: 108px;
font-size: 40px;
color: #e0e0e0;
border: 1px dashed #e0e0e0;
margin-bottom: 0px;
display: inline-block;
}
.cr-form-item-media-preview .cr-form-item-media-add:active {
border-color: #c9c9c9;
color: #c9c9c9;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-pbar {
width: 94px;
height: 10px;
margin: 0 5px 0 5px;
padding: 0;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
background-color: #dddddd;
border-radius: 5px;
}
.cr-form-item-media-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-pbar {
display: none;
}
.cr-form-item-media-preview .cr-upload-images-containers .cr-upload-images-pbar .cr-upload-images-pbarin {
width: 0;
height: 100%;
margin: 0;
padding: 0;
background-color: #1AB394;
border-radius: 5px;
}
.cr-pswp {
display: none;
}
.cr-reviews-rating {
display: flex;
column-gap: 10px;
align-items: center;
margin: 0;
padding: 0;
line-height: 0;
.cr-qna-separator {
margin: 0;
}
}
.cr-average-rating-stars {
line-height: 0;
}
.crstar-rating-svg {
margin: 8px 0;
position: relative;
display: inline-block;
}
.cr-reviews-grid .cr-review-card .crstar-rating-svg,
.cr-reviews-slider .cr-review-card .crstar-rating-svg,
.cr-reviews-rating .crstar-rating-svg,
.cr-ajax-reviews-slide-main-comment .crstar-rating-svg,
.crf-custom-question-rating-cont .crstar-rating-svg {
margin: 0;
}
.cr-average-rating-stars .crstar-rating-svg {
margin: 5px 0 0 0;
}
.crstar-rating-svg .cr-rating-icon-base {
display: flex;
height: 20px;
}
.crstar-rating-svg .cr-rating-icon-frnt {
display: flex;
height: 20px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-base,
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt {
height: 25px;
column-gap: 3px;
}
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-base,
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-frnt,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-base,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-frnt {
height: 18px;
column-gap: 0;
}
.rtl .crstar-rating-svg .cr-rating-icon-frnt {
right: 0;
left: auto;
}
.crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
width: 20px;
height: 20px;
fill: none;
stroke: #FFBC00;
}
.crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
width: 20px;
height: 20px;
fill: #FFBC00;
flex-shrink: 0;
}
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.cr-reviews-grid .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.cr-reviews-slider .cr-review-card .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
width: 25px;
height: 25px;
}
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.crf-custom-question-rating-cont .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg,
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
width: 18px;
height: 18px;
}
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-base .cr-rating-icon-bg {
stroke: #aaaaaa;
}
.cr-reviews-slider .cr-sldr-custom-question .crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
fill: #aaaaaa;
}
@media (max-width: 500px) {
#reviews .cr-summaryBox-wrap .ivole-summaryBox,
#reviews .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .ivole-summaryBox,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox,
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-all-reviews-shortcode .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .ivole-summaryBox,
.cr-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-overall-rating-wrap,
.cr-reviews-grid .cr-summaryBox-wrap.cr-summaryBox-add-review .cr-add-review-wrap {
width: 100%;
flex: 0 0 100%;
}
.cr-all-reviews-shortcode ol.commentlist {
margin-left: 0px;
margin-right: 0px;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-int,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-int {
width: 50px;
height: 2px;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-summary-separator-side,
.cr-reviews-grid .cr-summaryBox-wrap .cr-summary-separator-side {
display: none;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap {
width: 100%;
padding: 10px;
}
}
.woocommerce .product #reviews .comment-text p.ivf-custom-question-checkbox {font-weight: 550;margin: 0.6em 0;}
.woocommerce .product #reviews .comment-text ul.ivf-custom-question-ul {margin: 0.6em 0;}
.woocommerce .product #reviews .comment-text ul.ivf-custom-question-ul li {margin:0;}
.woocommerce .product #reviews .comment-text span.ivf-custom-question-radio {font-weight: 550;}
.woocommerce .product #reviews .comment-text hr.ivf-custom-question-hr,
.cr-all-reviews-shortcode .commentlist hr.ivf-custom-question-hr {
margin: 0.6em 0;
}
.cr-all-reviews-shortcode .commentlist hr.ivf-custom-question-hr {
display: none;
}
.cr-all-reviews-shortcode .commentlist .comment-text .ivf-custom-question-p {
font-size: 14px;
margin: 0.5em 0;
}
.woocommerce .product #reviews .comment-text .crf-custom-question-rating-cont,
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating-cont {
margin: 0.6em 0;
display: flex;
align-items: center;
flex-direction: row;
}
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating-cont {
font-size: 14px;
}
.woocommerce .product #reviews .comment-text p.ivf-custom-question-p,
.cr-all-reviews-shortcode .commentlist p.ivf-custom-question-p {
margin: 0.6em 0;
}
.woocommerce .product #reviews .comment-text .crf-custom-question-rating,
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating {
padding-right: 7px;
font-weight: 550;
}
.woocommerce .product #reviews .comment-text .crf-custom-question-rating-cont .star-rating,
.cr-all-reviews-shortcode .commentlist .crf-custom-question-rating-cont .star-rating {
font-size: 1em;
height: 1.1em;
line-height: 1.1em;
float: none;
margin: 0;
}
.cr-onsite-questions .cr-onsite-question {
display: block;
margin: 1.5em 0;
position: relative;
}
.cr-onsite-questions .cr-onsite-question .required,
.cr-onsite-ratings .cr-review-form-rating .required,
.cr-review-form-rating-overall .cr-review-form-rating .required {
margin: 0 0 0 3px;
}
.cr-onsite-questions .cr-onsite-question label,
.cr-onsite-questions .cr-onsite-question input {
display: block;
}
.cr-onsite-questions .cr-onsite-question.cr-full-width label,
.cr-onsite-questions .cr-onsite-question.cr-full-width input {
width: 100%;
}
.cr-review-form-wrap .cr-onsite-questions .cr-onsite-question.cr-full-width label {
width: auto;
}
.cr-onsite-ratings {
border-top: 1px solid #DFE4E7;
border-bottom: 1px solid #DFE4E7;
}
.cr-onsite-ratings.cr-onsite-ratings-only {
border-bottom: none;
}
.cr-review-form-wrap .cr-onsite-ratings {
max-width: 500px;
margin: 0 auto;
}
.cr-customer-consent .checkbox input.cr-customer-consent-checkbox {
margin-right:7px;
position: relative;
}
#kco-extra-checkout-fields .cr-customer-consent {
display: none;
}
.cr-show-more{
width:100%;
}
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd,
.cr-all-reviews-shortcode .cr-show-more-button,
.cr-reviews-grid .cr-show-more-button,
.cr-qna-block .cr-show-more-que {
display: block;
margin: 10px auto;
height: 40px;
padding: 0 20px 0 20px;
border: solid 1px #BCCCD4;
font-size: 14px;
background-color: transparent;
color: #0E252C;
}
.cr-qna-block .cr-show-more-que {
margin: 20px auto;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-show-more-button,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-show-more-button {
display: none;
}
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd:hover,
.cr-reviews-ajax-reviews .cr-show-more-reviews-prd:focus,
.cr-all-reviews-shortcode .cr-show-more-button:hover,
.cr-all-reviews-shortcode .cr-show-more-button:focus,
.cr-reviews-grid .cr-show-more-button:hover,
.cr-reviews-grid .cr-show-more-button:focus,
.cr-qna-block .cr-show-more-que:hover,
.cr-qna-block .cr-show-more-que:focus {
border: solid 1px #00A79D;
background-color: transparent;
color: #0E252C;
}
.cr-show-more-review-spinner,
.cr-show-more .cr-show-more-spinner,
.cr-all-reviews-shortcode .commentlist.cr-pagination-load .cr-pagination-review-spinner {
display: block;
margin: 20px auto;
background: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
}
.cr-all-reviews-shortcode .commentlist.cr-pagination-load .cr-pagination-review-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-show-more-review-spinner,
.cr-reviews-grid.cr-reviews-grid-new-review .cr-show-more-review-spinner,
.cr-all-reviews-shortcode .commentlist .cr-pagination-review-spinner {
display: none;
}
.cr-show-more-review-spinner-cnt {
width: 100%;
height: 60px;
display: flex;
align-items: center;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-sort-div .cr-ajax-reviews-sort,
.cr-all-reviews-shortcode .cr-ajax-reviews-sort-div .cr-ajax-reviews-sort {
display: block;
margin: 0;
background: transparent;
border: 0px;
padding: 4px;
width: auto;
height: auto;
appearance: auto;
color: #0E252C;
font-size: 12px;
font-weight: 500;
}
.cr-ajax-reviews-sort-div {
display: flex;
justify-content: space-between;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-search-no-reviews {
display: none;
}
#reviews.cr-reviews-ajax-reviews .cr-button-search,
.cr-all-reviews-shortcode .cr-button-search {
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
padding: 3px 10px;
background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
font-weight: normal;
color: black;
letter-spacing: normal;
font-size: 1em;
text-transform: none;
line-height: 1.5em;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 0px;
white-space: nowrap;
width: auto;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-button-search,
.rtl .cr-all-reviews-shortcode .cr-button-search {
margin-left: 0px;
margin-right: 5px;
}
#reviews.cr-reviews-ajax-reviews .cr-button-search:hover,
.cr-all-reviews-shortcode .cr-button-search:hover {
background: #e0e3e9;
background: -webkit-linear-gradient(top,#e7eaf0,#d9dce1);
background: linear-gradient(to bottom,#e7eaf0,#d9dce1);
text-decoration: none;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search,
.cr-all-reviews-shortcode .cr-ajax-search {
display: flex;
padding: 0;
margin: 24px 0;
width: 100%;
}
.cr-all-reviews-shortcode.cr-all-reviews-new-review .cr-ajax-search {
display: none;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search div,
.cr-all-reviews-shortcode .cr-ajax-search div,
.cr-qna-block .cr-qna-search-block div {
position: relative;
flex-grow: 1;
}
#reviews.cr-reviews-ajax-reviews .cr-input-text,
.cr-all-reviews-shortcode .cr-ajax-search .cr-input-text,
.cr-ajax-search input[type="text"] {
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
background-color: #ffffff;
padding: 3px 10px;
padding-left: calc(1.5em + .75rem);
padding-right: 1.8em;
width: 100%;
line-height: 1.5em;
margin: 0px;
font-size: 1em;
box-sizing: border-box;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-input-text,
.rtl .cr-all-reviews-shortcode .cr-ajax-search .cr-input-text,
.rtl .cr-ajax-search input[type="text"] {
padding-right: calc(1.5em + .75rem);
padding-left: 1.8em;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search .cr-ajax-search-icon,
.cr-all-reviews-shortcode .cr-ajax-search .cr-ajax-search-icon,
.cr-ajax-search .cr-ajax-search-icon {
position: absolute;
display: inline-block;
top: 50%;
left: 9px;
transform: translateY(-50%);
width: 1.1em;
height: 1.1em;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-ajax-search .cr-ajax-search-icon,
.rtl .cr-all-reviews-shortcode .cr-ajax-search .cr-ajax-search-icon,
.rtl .cr-ajax-search .cr-ajax-search-icon {
right: 9px;
}
.cr-qna-block .cr-input-text, .cr-ajax-search input[type="text"] {
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
background-color: #ffffff;
color: #898F92;
padding: 3px 10px;
padding-left: calc(1.5em + .75rem);
padding-right: 1.5em;
width: 100%;
margin: 0px;
font-size: 1em;
box-shadow: none;
outline: none;
}
.cr-ajax-search input[type="text"] {
height: 42px;
}
.cr-qna-block .cr-input-text {
height: 100%;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt {
height: 40px;
display: flex;
align-items: center;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val {
font-size: 25px;
font-weight: bold;
margin: 0 0 0 15px;
color: #0E252C;
}
.rtl .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val {
margin: 0 15px 0 0;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl {
font-size: 20px;
font-weight: normal;
margin: 0 0 0 15px;
color: #4D5D64;
}
.rtl .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl {
margin: 0 15px 0 0;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add {
margin: 0 0 0 15px;
cursor: pointer;
background-color: #31856C;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
min-height: 40px;
text-transform: none;
line-height: 20px;
font-size: 15px;
border: none;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover {
background-color: #276A56;
}
#reviews.cr-reviews-ajax-reviews .cr-clear-input,
.cr-all-reviews-shortcode .cr-clear-input,
.cr-qna-block .cr-qna-search-block .cr-clear-input {
display:none;
position:absolute;
cursor: pointer;
margin-left: -1.7em ;
margin-top: -8px;
height: 16px;
top: 50%;
right: 8px;
}
.rtl #reviews.cr-reviews-ajax-reviews .cr-clear-input,
.rtl .cr-all-reviews-shortcode .cr-clear-input,
.rtl .cr-qna-block .cr-qna-search-block .cr-clear-input {
left: 8px;
right: auto;
margin-left: 0;
}
.cr-all-reviews-shortcode .cr-clear-input.cr-visible {
display: inline-block;
}
#reviews.cr-reviews-ajax-reviews .cr-clear-input svg,
.cr-all-reviews-shortcode .cr-clear-input svg,
.cr-qna-block .cr-qna-search-block .cr-clear-input svg {
display: block;
height: 16px;
}
#reviews.cr-reviews-ajax-reviews .cr-qna-search-icon,
.cr-all-reviews-shortcode .cr-qna-search-icon,
.cr-qna-block .cr-qna-search-block .cr-qna-search-icon {
fill: #18B394;
display: inline-block;
position:absolute;
width: 1.1em;
height: 1.1em;
left: 9px;
top: 50%;
transform: translateY(-50%);
}
#reviews.cr-reviews-ajax-reviews .cr-input-text:focus,
.cr-all-reviews-shortcode .cr-input-text:focus,
.cr-qna-block .cr-input-text:focus,
.cr-ajax-search input[type="text"]:focus {
background-color: #ffffff;
outline:none;
border-color: #e77600;
box-shadow: 0 0 3px 2px rgba(228,121,17,.5);
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-add-review {
display: block;
margin: 1em 0px;
border: 1px solid;
border-radius: 4px 4px 4px 4px;
border-color: #ADB1B8 #A2A6AC #8D9096;
padding: 3px 10px;
background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
font-weight: 600;
color: black;
letter-spacing: normal;
font-size: 1em;
text-transform: none;
line-height: normal;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-add-review:hover {
background: #e0e3e9;
background: -webkit-linear-gradient(top,#e7eaf0,#d9dce1);
background: linear-gradient(to bottom,#e7eaf0,#d9dce1);
text-decoration: none;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review {
display: block;
background-color: #31856C;
color: #ffffff;
border: 0;
height: 40px;
line-height: 20px;
font-size: 15px;
width: auto;
padding: 10px 20px;
margin: 0;
}
.cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover,
.cr-reviews-grid .cr-summaryBox-wrap .cr-add-review-wrap .cr-all-reviews-add-review:hover {
background-color: #276A56;
text-decoration: none;
cursor: pointer;
}
.cr-ajax-reviews-review-form {
display: none;
}
.cr-ajax-reviews-review-form.cr-ajax-reviews-review-form-nc {
display: block;
}
#reviews.cr-reviews-ajax-reviews .comment-reply-title {
display: block;
font-size: 1.5em;
}
.cr-ajax-reviews-review-form p.form-submit {
display: flex;
justify-content: space-between;
align-items: center;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-div,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-div {
margin: 12px 0 24px 0;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-div .cr-ajax-reviews-cus-images-title,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-div .cr-ajax-reviews-cus-images-title {
font-size: 1em;
margin: 0 auto 5px auto;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-div2,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-div2 {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal-cont,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal-cont {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(120, 120, 120, 0.8);
z-index: 100001;
display: none;
opacity: 0;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal-cont.cr-mask-active,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal-cont.cr-mask-active {
visibility: visible;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal {
visibility: visible;
position: relative;
max-width: 100vw;
width: 700px;
background: #fff;
z-index: 100001;
display: block;
border-radius: 3px;
opacity: 1;
max-height: 100vh;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-hdr,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-hdr {
height: 36px;
background: #f2f2f2;
background: #f1f1f1;
background: -webkit-linear-gradient(top,#f7f7f7,#eaeaea);
background: linear-gradient(to bottom,#f7f7f7,#eaeaea);
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(255,255,255,.4) inset;
position: relative;
border-bottom: 1px solid #cdcdcd;
border-bottom-color: rgba(0,0,0,.2);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close {
display: block;
zoom: 1;
background-color: transparent;
border: none;
float: right;
padding: 8px;
position: absolute;
top: 50%;
right: 5px;
margin: -15px 0 0;
line-height: 0;
min-height: auto;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close svg,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal button.cr-ajax-reviews-cus-images-close svg {
opacity: .64;
width: 15px;
height: 15px;
font-size: 15px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-close .cr-no-icon,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-close .cr-no-icon {
fill: #333333;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-slide-main-flex,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-slide-main-flex {
display: flex;
flex-direction: row;
justify-content: space-evenly;
gap: 20px;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav {
width: 80%;
margin: 0 auto 35px auto;
background-color: #f4f4f4;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav img,
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav video,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav img,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav video {
max-height: 75px;
margin: 0 auto;
width: auto;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-nav .cr-ajax-reviews-slide-nav {
padding: 0px;
line-height: 0;
text-align: center;
position: relative;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main img,
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main video,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main img,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main video {
max-width: 400px;
max-height: 400px;
width: auto;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment {
width: 250px;
padding: 0;
line-height: 1.5;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment p,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment p {
margin: 0px;
display: block;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment time,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment time {
opacity: 0.5;
font-size: 0.875em;
display: block;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment .cr-ajax-reviews-slide-main-comment-body,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment .cr-ajax-reviews-slide-main-comment-body {
max-height: 300px;
overflow-x: hidden;
overflow-y: scroll;
line-height: normal;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main.slick-initialized .slick-slide,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main.slick-initialized .slick-slide {
float: none;
display: inline-block;
vertical-align: middle;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-vote,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-vote {
box-sizing: border-box;
margin: 1em 0 0 0;
}
.cr-search-highlight{
background: linear-gradient(0deg, #FFEB82, #FFEB82), #F9F9F9;
}
.cr-noscroll {
overflow: hidden;
}
.product_meta .cr_gtin_val, .product_meta .cr_mpn_val, .product_meta .cr_brand_val {
display: inline;
}
.cr-reviews-slider .cr-slider-read-more a, .cr-reviews-slider .cr-slider-read-less a {
font-size: 0.8em;
}
.cr-reviews-slider .cr-slider-details{
display:none;
}
.cr-qna-block .cr-qna-search-block {
display: flex;
justify-content: flex-end;
margin-bottom: 30px;
}
.cr-qna-block .cr-qna-list-block {
display: block;
}
.cr-qna-block.cr-qna-new-q-form-open .cr-qna-search-block,
.cr-qna-block.cr-qna-new-q-form-open .cr-qna-list-block {
display: none;
}
.cr-qna-block .cr-qna-search-block .cr-qna-ask-button {
font-size: 16px;
font-weight: 400;
background: #31856C;
border: 0px solid;
border-radius: 0;
min-height: 42px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
outline-style: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 0px;
padding: 5px 15px;
}
.cr-qna-block .cr-qna-search-block .cr-qna-ask-button:hover {
background: #276A56;
}
.rtl .cr-qna-block .cr-qna-search-block .cr-qna-ask-button {
margin-left: 0px;
margin-right: 10px;
}
.cr-qna-block .cr-qna-list-block div.cr-qna-list-empty {
padding: 30px;
text-align: center;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont {
margin-top: 20px;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
overflow-wrap: break-word;
word-break: break-word;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b {
display: flex;
margin: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b {
margin-top: 20px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-l {
min-width: 50px;
display: flex;
align-items: center;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-l,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-l {
min-width: 50px;
display: flex;
align-items: flex-start;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-icon {
width: 30px;
height: 30px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-icon circle {
stroke: #31856C;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-icon path {
fill: #31856C;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-v-icon {
width: 16px;
height: 16px;
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.rtl .cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-v-icon {
margin-left: 10px;
margin-right: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-r,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r {
display: block;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r {
padding-bottom: 20px;
border-bottom: solid 2px #F9F9F9;
border-top: solid 0px;
border-right: solid 0px;
border-left: solid 0px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r.cr-qna-list-q-b-r-no-ans {
justify-content: right;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b.cr-qna-ans-form-open .cr-qna-list-q-b-r {
display: none;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-inl-answ {
padding-bottom: 20px;
border-bottom: solid 2px #F9F9F9;
border-top: solid 0px;
border-right: solid 0px;
border-left: solid 0px;
width: 100%;
display: none;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b.cr-qna-ans-form-open .cr-qna-list-inl-answ {
display: block;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r .cr-qna-q-voting {
display: flex;
align-items: center;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer {
display: block;
border-left: solid 3px #BCCCD4;
border-top: solid 0px;
border-right: solid 0px;
border-bottom: solid 0px;
padding-left: 16px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer.cr-qna-list-last {
margin-bottom: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-r .cr-qna-list-question {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
display: block;
color: #203741;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer-s {
font-size: 16px;
font-weight: 400;
line-height: 1.2;
display: block;
color: #203741;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer-s p {
margin: 0;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-answer-s a {
text-decoration: underline;
color: #6d6d6d;
cursor: pointer;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-q .cr-qna-list-q-q-r .cr-qna-list-q-author,
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-a .cr-qna-list-q-a-r .cr-qna-list-q-author {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
display: block;
color: #276A56;
font-style: italic;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-author .cr-qna-list-q-author-b {
font-weight: 600;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-author-verified {
font-size: 14px;
color: #276A56;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-ans-button {
font-size: 14px;
font-weight: 600;
background: #FFFFFF;
border: 1px solid #BCCCD4;
border-radius: 0;
height: 42px;
color: #276A56;
cursor: pointer;
display: inline-block;
outline-style: none;
padding: 4px 15px;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-ans-button:hover {
border-color: #4D5D64;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b-r-no-ans .cr-qna-ans-button {
display: none;
}
.cr-qna-block #cr-show-more-q-spinner {
display: block;
margin: 30px auto;
background: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
}
.cr-qna-block .cr-search-no-qna {
margin: 30px auto;
text-align: center;
color: #203741;
}
#reviews.cr-reviews-ajax-reviews p.cr-featured-badge,
.cr-all-reviews-shortcode p.cr-featured-badge {
margin: 0px 0px 10px 0px;
}
#reviews.cr-reviews-ajax-reviews .cr-featured-badge span,
#reviews.cr-reviews-ajax-reviews .cr-all-featured-badge span,
.cr-all-reviews-shortcode .cr-all-featured-badge span {
text-transform: uppercase;
display: inline-block;
font-size: 12px;
-moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
box-shadow: inset 0px 1px 0px 0px #fff6af;
background-color: #ffec64;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
text-indent:0;
border: 1px solid #ffaa22;
color: #333333;
font-weight: normal;
font-style: normal;
line-height: 20px;
text-decoration: none;
text-align: center;
text-shadow: 0px 1px 0px #ffee66;
padding: 0px 5px;
}
#reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .review .comment-text {
display: block;
border-bottom: 1px solid #e4e1e3;
padding-bottom: 1em;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch {
text-align: center;
background-color: #F9F9F9;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch a {
color: #4D5D64;
}
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch a:hover,
.cr-reviews-ajax-reviews .cr-ajax-reviews-wpml-switch a:active {
color: #0E252C;
}
#review_form .cr-upload-local-images .cr-upload-images-status,
.cr-upload-local-images .cr-upload-images-status {
display: block;
margin: 0px 0px 10px 0px;
padding: 3px 5px;
}
#review_form .cr-upload-local-images #cr_review_image,
.cr-upload-local-images #cr_review_image {
margin: 0px 0px 15px 0px;
width: 100%;
}
#review_form .cr-upload-local-images .cr-upload-images-status.cr-upload-images-status-error,
.cr-upload-local-images .cr-upload-images-status.cr-upload-images-status-error {
background-color: #FF4136;
color: #303030;
}
#review_form .cr-upload-images-preview,
.cr-upload-images-preview {
display: flex;
margin: 0 0 0 0;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers,
.cr-upload-images-preview .cr-upload-images-containers {
width: 75px;
height: 75px;
margin: 0 10px 10px 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-video-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-video-thumbnail {
margin: 0;
opacity: 0.3;
padding: 15px;
border: 1px solid #e0e0e0;
fill: #e0e0e0;
border-radius: 2px;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending {
pointer-events: none;
}
#review_form .cr-upload-images-preview .cr-upload-images-thumbnail,
.cr-upload-images-preview .cr-upload-images-thumbnail {
max-width: 100%;
max-height: 100%;
margin: 0 0 0 0;
opacity: 0.3;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-thumbnail,
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-video-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-video-thumbnail {
opacity: 0.2;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-pbar {
width: 65px;
height: 10px;
margin: 0 5px 0 5px;
padding: 0;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
background-color: #dddddd;
border-radius: 5px;
}
#review_form .cr-upload-images-preview .cr-upload-images-pbar .cr-upload-images-pbarin,
.cr-upload-images-preview .cr-upload-images-pbarin {
width: 0;
height: 100%;
margin: 0;
padding: 0;
background-color: #4BBE67;
border-radius: 5px;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-thumbnail {
opacity: 1;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-video-thumbnail,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-video-thumbnail {
opacity: 1;
border-width: 0;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-pbar,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-pbar {
display: none;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete {
padding: 1px;
position: absolute;
top: 0px;
right: 0px;
width: 20px;
height: 20px;
display: none;
background-color: #e7412c;
border-radius: 10px;
border: 0px solid;
line-height: 0;
cursor: pointer;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete:hover,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete:hover {
background-color: #db2c1b;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok .cr-upload-images-delete,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete {
display: block;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-ok.cr-upload-delete-pending .cr-upload-images-delete,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete {
opacity: 0.2;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete svg,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete svg {
padding: 0px;
width: 18px;
height: 18px;
font-size: 18px;
line-height: 18px;
display: block;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete .cr-no-icon,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete .cr-no-icon {
fill: #FFFFFF;
}
#review_form .cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete-spinner,
.cr-upload-images-preview .cr-upload-images-containers .cr-upload-images-delete-spinner {
margin: 0;
background: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/spinner-2x.gif) no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
display: none;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#review_form .cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete-spinner,
.cr-upload-images-preview .cr-upload-images-containers.cr-upload-delete-pending .cr-upload-images-delete-spinner {
display: block;
}
.cr-reviews-grid {
padding: 20px 0 10px 0;
border-width: 1px;
border-style: solid;
border-color: transparent;
display: block;
border-radius: 5px;
margin: 0;
width: 100%;
}
.cr-reviews-grid-inner {
border-radius: inherit;
display: flex;
}
.cr-reviews-grid-inner .cr-reviews-grid-col {
flex-grow: 1;
width: 0;
}
.cr-reviews-grid-inner .cr-reviews-grid-col.cr-reviews-grid-col-none {
display: none;
}
.cr-reviews-grid-empty {
border-radius: inherit;
display: flex;
padding: 0 10px;
margin: 10px 0;
justify-content: center;
}
.cr-reviews-slider{
padding: 15px 0px;
margin: 0 25px;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.cr-reviews-slider.slick-initialized {
visibility: visible;
opacity: 1;
}
.cr-reviews-grid .cr-review-card {
padding: 0 0 0 0;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: 10px;
margin: 0 10px 20px 10px;
max-width: 100%;
overflow: hidden;
visibility: hidden;
display: none;
}
.cr-reviews-grid .cr-reviews-grid-col .cr-review-card {
display: block;
}
.cr-reviews-grid .cr-reviews-grid-inner.cr-colcade-loaded .cr-review-card {
visibility: visible;
}
.cr-reviews-slider .cr-review-card {
box-sizing: border-box;
padding: 0px 10px;
height: 100%;
}
.cr-reviews-slider .cr-review-card .cr-review-card-inner {
margin: 0 auto;
padding: 10px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: inherit;
display: flex;
flex-direction: column;
height: 100%;
}
.cr-reviews-grid .breaker {
display: block;
margin: 5px 0px;
height: 0px;
width: 100%;
}
.cr-reviews-grid .cr-review-card .image-row {
display: block;
width: 100%;
position: relative;
line-height: 0;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-img {
display: block;
max-width: 100%;
height: auto;
border-style: none;
border-radius: 0;
margin: 0 auto;
cursor: pointer;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-vid {
display: block;
max-width: 100%;
height: auto;
border-style: none;
border-radius: 0;
margin: 0 auto;
width: 100%;
object-fit: cover;
cursor: pointer;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-img.image-row-img-none,
.cr-reviews-grid .cr-review-card .image-row .image-row-vid.image-row-vid-none {
display: none;
}
.cr-ajax-reviews-video {
display: block;
position: relative;
line-height: 0;
cursor: pointer;
text-align: center;
}
.cr-review-card-content .cr-comment-videoicon,
.cr-ajax-reviews-video .cr-comment-videoicon {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
}
#reviews.cr-reviews-ajax-reviews .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main .cr-comment-videoicon,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main .cr-comment-videoicon {
max-width: none;
max-height: none;
width: 40px;
}
.cr-review-card-content .cr-vid-playing .cr-comment-videoicon,
.cr-ajax-reviews-video.cr-vid-playing .cr-comment-videoicon {
display: none;
}
.cr-reviews-grid .cr-review-card .image-row .image-row-count,
.cr-reviews-grid .cr-review-card .image-row .media-row-count {
position: absolute;
max-width: 100%;
width: 100%;
height: 60px;
border-style: none;
border-radius: 0;
bottom: 0;
background: #20374199;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 5px;
}
.cr-reviews-grid .cr-review-card .image-row.cr-vid-playing .media-row-count {
display: none;
}
.cr-reviews-grid .cr-review-card .top-row {
display: flex;
padding: 16px 0 16px 0;
border-bottom: solid 2px #F4F4F4;
margin: 0 15px 0 15px;
}
.pswp .cr-video-wrapper {
display: flex;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
align-items: center;
justify-content: center;
}
.cr-reviews-slider .cr-review-card .top-row {
display: flex;
padding: 16px 0 16px 0;
border-bottom: solid 2px #aaaaaa;
margin: 0 10px 0 10px;
}
.cr-reviews-grid .cr-review-card .top-row .rating,
.cr-reviews-slider .cr-review-card .top-row .rating {
flex: 0 0 50%;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer,
.cr-reviews-slider .cr-review-card .top-row .reviewer {
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-verified,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified {
display: flex;
align-items: center;
line-height: 20px
}
.cr-reviews-grid .cr-review-card .top-row .rating .datetime,
.cr-reviews-slider .cr-review-card .top-row .rating .datetime {
font-size: 0.9em;
color: #676767;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-name,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name {
font-family: sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #203741;
height: 50%;
display: flex;
align-items: center;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-name .ivole-grid-country-icon,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name .ivole-grid-country-icon {
height: 15px;
display: block;
margin: 0 0 0 8px;
border-radius: 3px;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-verified {
font-family: sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
letter-spacing: 0em;
text-align: left;
color: #18B394;
height: 50%;
display: flex;
align-items: center;
margin: 5px 0 0 0;
}
.cr-reviews-grid .cr-review-card .top-row .reviewer .reviewer-verified .cr-reviewer-verified,
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified .cr-reviewer-verified {
height: 16px;
width: 16px;
display: inline;
vertical-align: middle;
margin: 0 6px 0 0;
}
.rtl .cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-verified .cr-reviewer-verified {
margin: 0 0 0 6px;
}
.cr-reviews-grid .cr-review-card .middle-row,
.cr-reviews-grid .cr-review-card .cr-incentivized-row {
padding: 16px;
background: #FCFCFC;
border: 1px solid #F9F9F9;
border-radius: 6px;
box-sizing: border-box;
font-family: sans-serif;
font-style: normal;
font-weight: 400;
line-height: 130%;
font-size: 16px;
margin: 0 15px 15px 15px;
}
.cr-reviews-slider .cr-review-card .middle-row,
.cr-reviews-slider .cr-review-card .cr-incentivized-row {
padding: 16px;
background: #FCFCFC;
border: 1px solid #F9F9F9;
border-radius: 6px;
box-sizing: border-box;
font-family: sans-serif;
font-style: normal;
font-weight: 400;
line-height: 130%;
font-size: 16px;
margin: 0 10px 15px 10px;
flex: 1;
}
.cr-reviews-slider .cr-review-card .cr-incentivized-row {
flex: 0;
}
.cr-reviews-grid .cr-review-card .top-row .review-thumbnail,
.cr-reviews-slider .cr-review-card .top-row .review-thumbnail {
flex-basis: 56px;
flex-shrink: 0;
margin-right: 16px;
position: relative;
}
.cr-reviews-grid .cr-review-card .top-row .review-thumbnail img,
.cr-reviews-slider .cr-review-card .top-row .review-thumbnail img {
max-width: 50px;
max-height: 50px;
border-radius: 25px;
}
.cr-reviews-grid .cr-review-card .rating-row {
padding: 17px 0 17px 0;
display: flex;
align-items: center;
margin: 0 15px 0 15px;
line-height: 0;
}
.cr-reviews-slider .cr-review-card .rating-row {
padding: 17px 0 17px 0;
display: flex;
align-items: center;
margin: 0 10px 0 10px;
overflow: hidden;
line-height: 0;
}
.cr-reviews-grid .cr-review-card .rating-row .rating-label,
.cr-reviews-slider .cr-review-card .rating-row .rating-label {
margin: 0 0 0 15px;
font-family: sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.1em;
text-align: left;
color: #898F92;
}
.rtl .cr-reviews-slider .cr-review-card .rating-row .rating-label {
margin: 0 16px 0 0;
}
.cr-reviews-grid .cr-review-card .middle-row .review-content,
.cr-reviews-slider .cr-review-card .middle-row .review-content {
margin: 0 0 12px 0;
color: #484E51;
}
.cr-reviews-grid .cr-review-card .middle-row .review-content p,
.cr-reviews-slider .cr-review-card .middle-row p {
margin: 0;
}
.cr-reviews-grid .cr-review-card .middle-row .datetime,
.cr-reviews-slider .cr-review-card .middle-row .datetime {
font-weight: 300;
font-size: 14px;
color: #898F92;
}
.cr-reviews-grid .cr-review-card .verified-review-row,
.cr-reviews-slider .cr-review-card .verified-review-row {
margin: 0 0 12px 0;
text-align: left;
font-family: sans-serif;
}
.cr-reviews-grid .cr-review-card .verified-review-row p.ivole-verified-badge,
.cr-reviews-slider .cr-review-card .verified-review-row p.ivole-verified-badge {
margin: 0px;
}
.cr-reviews-grid .cr-review-card .verified-review-row .verified-badge-empty,
.cr-reviews-slider .cr-review-card .verified-review-row .verified-badge-empty {
min-height: 20px;
}
.cr-reviews-grid .cr-review-card .review-product,
.cr-reviews-slider .cr-review-card .review-product {
border-radius: inherit;
display: flex;
padding: 10px;
margin-top: 10px;
line-height: 1;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-questions {
border-radius: inherit;
display: block;
padding: 0;
margin: 0 10px 17px 10px;
line-height: 1;
border-top: 1px dashed #aaaaaa;
border-bottom: 1px dashed #aaaaaa;
font-size: 14px;
}
.cr-reviews-grid .cr-review-card .review-product .product-thumbnail,
.cr-reviews-slider .cr-review-card .review-product .product-thumbnail {
flex: 0 0 20%;
}
.cr-reviews-grid .cr-review-card .review-product .product-thumbnail img,
.cr-reviews-slider .cr-review-card .review-product .product-thumbnail img {
width: 50px;
height: 50px;
max-width: none;
max-height: none;
}
.cr-reviews-grid .cr-review-card .review-product .product-title,
.cr-reviews-slider .cr-review-card .review-product .product-title {
margin: auto 0;
padding-left: 5px;
font-family: Helvetica;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #203741;
}
.rtl .cr-reviews-slider .cr-review-card .review-product .product-title {
padding-left: 0;
padding-right: 5px;
}
p.ivole-verified-badge {
font-size: 12px;
vertical-align:middle;
}
span.ivole-verified-badge-text {
vertical-align:middle;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-icon,
#reviews p.ivole-verified-badge img.ivole-verified-badge-icon,
p.ivole-verified-badge img.ivole-verified-badge-icon,
#reviews img.ivole-verified-badge-icon,
img.ivole-verified-badge-icon {
float: none;
height: 20px;
width: 17px;
vertical-align:middle;
margin: 0px 5px 0px 0px;
display: inline;
border-radius: 0;
}
.woocommerce #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page #content div.product #reviews .comment img.ivole-verified-badge-ext-icon,
.woocommerce-page div.product #reviews .comment img.ivole-verified-badge-ext-icon,
#reviews p.ivole-verified-badge img.ivole-verified-badge-ext-icon,
p.ivole-verified-badge img.ivole-verified-badge-ext-icon,
#reviews img.ivole-verified-badge-ext-icon,
img.ivole-verified-badge-ext-icon {
float: none;
height: 11px;
width: 11px;
vertical-align:middle;
margin: 0px 0px 0px 5px;
display: inline;
border-radius: 0;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question {
display: flex;
align-items: center;
margin: 15px 0;
column-gap: 10px;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question.cr-sldr-checkbox {
flex-direction: column;
align-items: flex-start;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question .cr-sldr-p {
margin: 0;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question.cr-sldr-checkbox .cr-sldr-p {
margin-bottom: 7px;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question.cr-sldr-checkbox ul {
margin: 0 0 0 25px;
}
.cr-reviews-slider .cr-review-card .cr-sldr-custom-question .cr-sldr-label {
font-weight: 550;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.eot);
src: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.woff) format('woff'), url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.ttf) format('truetype'), url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/fonts/slick.svg#slick) format('svg');
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.cr-reviews-slider .slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
opacity: 1;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cr-reviews-slider.slick-slider .slick-track {
display: flex;
}
.cr-reviews-slider.slick-slider .slick-slide {
height: inherit;
}
.cr-reviews-slider.slick-slider .slick-slide > div {
height: 100%;
}
.cr-ajax-reviews-cus-images-slider-nav.cr-reviews-slider.slick-slider .slick-slide > div {
line-height: 0;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.cr-reviews-slider .slick-arrow.slick-prev,
.cr-reviews-slider .slick-arrow.slick-next,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider.cr-ajax-reviews-cus-images-slider-nav .slick-prev,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider.cr-ajax-reviews-cus-images-slider-nav .slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.cr-reviews-slider .slick-prev:hover,
.cr-reviews-slider .slick-prev:focus,
.cr-reviews-slider .slick-next:hover,
.cr-reviews-slider .slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.cr-reviews-slider .slick-prev:hover:before,
.cr-reviews-slider .slick-prev:focus:before,
.cr-reviews-slider .slick-next:hover:before,
.cr-reviews-slider .slick-next:focus:before
{
opacity: 1;
}
.cr-reviews-slider .slick-prev.slick-disabled:before,
.cr-reviews-slider .slick-next.slick-disabled:before
{
opacity: .25;
}
.cr-reviews-slider .slick-prev:before,
.cr-reviews-slider .slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color:grey;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cr-reviews-slider.slick-slider .slick-prev
{
left: -25px;
}
[dir='rtl'] .cr-reviews-slider .slick-prev
{
right: -25px;
left: auto;
}
.cr-reviews-slider .slick-prev:before
{
content: '←';
}
[dir='rtl'] .cr-reviews-slider .slick-prev:before
{
content: '→';
}
.cr-reviews-slider.slick-slider .slick-next
{
right: -25px;
}
[dir='rtl'] .cr-reviews-slider .slick-next
{
right: auto;
left: -25px;
}
.cr-reviews-slider .slick-next:before
{
content: '→';
}
[dir='rtl'] .cr-reviews-slider .slick-next:before
{
content: '←';
}
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.cr-reviews-slider .slick-dots,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider .slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
border: none;
}
.cr-reviews-slider .slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-nav .slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.cr-reviews-slider .slick-dots li button,
.cr-ajax-reviews-cus-images-modal .cr-reviews-slider .slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.cr-reviews-slider .slick-dots li button:hover,
.cr-reviews-slider .slick-dots li button:focus
{
outline: none;
}
.cr-reviews-slider .slick-dots li button:hover:before,
.cr-reviews-slider .slick-dots li button:focus:before
{
opacity: 1;
}
.cr-reviews-slider .slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cr-reviews-slider .slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.cr-qna-separator {
display: inline;
margin: 0 6px;
}
.cr-all-reviews-pagination {
text-align: center;
font-size: 15px;
}
.cr-all-reviews-pagination.cr-pagination-load {
pointer-events: none;
}
.cr-all-reviews-pagination .cr-page-numbers-a {
cursor: pointer;
}
.cr-all-reviews-pagination .cr-page-numbers-a.next,
.cr-all-reviews-pagination .cr-page-numbers-a.prev {
text-decoration: none;
}
.cr-all-reviews-pagination .cr-page-numbers.current {
font-weight: bold;
}
@media all and (max-width: 700px) {
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-slide-main-flex,
.cr-all-reviews-shortcode .cr-ajax-reviews-cus-images-modal .cr-ajax-reviews-slide-main-flex {
flex-direction: column;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-main .cr-ajax-reviews-slide-main-comment {
width: 100%;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
max-width: 400px;
margin: 0 auto;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal {
overflow-y: scroll;
}
}
@media all and (max-width: 600px) {
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal {
width: 100%;
height: 100%;
left: 0px;
margin-left: 0px;
margin-top: 0px;
top: 0px;
max-width: 100%;
max-height: 100%;
}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-nav div.cr-ajax-reviews-slide-nav img {
width: 80px;
}
}
@media all and (max-width: 415px) {
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-modal div.cr-ajax-reviews-cus-images-slider-nav div.cr-ajax-reviews-slide-nav img {
width: 60px;
}
.cr-qna-block .cr-qna-search-block {
flex-wrap: wrap;
}
.cr-qna-block .cr-qna-search-block div {
width: 100%;
}
.cr-qna-block .cr-qna-search-block button.cr-qna-ask-button {
width: 100%;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .cr-rating-product-name {
flex-direction: column;
align-items: flex-start;
}
}
@media all and (max-width: 370px) {
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r {
display: block;
}
.cr-qna-block .cr-qna-list-block .cr-qna-list-q-cont .cr-qna-list-q-b .cr-qna-list-q-b-r .cr-qna-q-voting {
margin-top: 15px;
}
}
@media only screen and (max-width: 800px) {
.cr-reviews-grid-inner .cr-reviews-grid-col3 {
display: none;
}
}
@media only screen and (max-width: 550px) {
.cr-reviews-grid-inner .cr-reviews-grid-col2 {
display: none;
}
}.cr-trustbadgef, .cr-trustbadgea {
max-width: 100%;
overflow: hidden;
}
.cr-trustbadgef .cr-trustbadge-border {border: 1px solid #A3D8CD;}
.cr-trustbadgef .cr-trustbadge-border.badge_color_dark {border: 1px solid #8B8B8B;}
#cr_floatingtrustbadge {position: fixed; box-sizing: border-box; right: 0px; bottom: 0px; width: 135px; border-radius: 15px; display: block; overflow: hidden; margin: 30px; filter: drop-shadow(0px 4px 54px rgba(0, 0, 0, 0.25)); z-index: 99999; cursor: pointer;}
#cr_floatingtrustbadge.cr-floatingbadge-big {position: fixed; box-sizing: border-box; right: 0px; bottom: 0px; width: 256px; border-radius: 15px; display: block; overflow: hidden; margin: 0 30px 30px 0; filter: drop-shadow(0px 4px 54px rgba(0, 0, 0, 0.25)); z-index: 99999; cursor: auto;}
#cr_floatingtrustbadge {border: 1px solid;}
#cr_floatingtrustbadge .cr-floatingbadge-background {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#cr_floatingtrustbadge .cr-floatingbadge-background div {width: 100%;}
#cr_floatingtrustbadge .cr-floatingbadge-background .cr-floatingbadge-background-top {height: 115px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-background .cr-floatingbadge-background-top {height: 155px;}
#cr_floatingtrustbadge .cr-floatingbadge-background .cr-floatingbadge-background-middle {height: 31px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-background .cr-floatingbadge-background-middle {height: 179px;}
#cr_floatingtrustbadge .cr-floatingbadge-background .cr-floatingbadge-background-bottom {height: 27px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-background .cr-floatingbadge-background-bottom {height: 43px; border-top: 1px solid; border-left: 0px; border-right: 0px; border-bottom: 0px;}
#cr_floatingtrustbadge .cr-floatingbadge-top {position: relative; height: 92px; display: block;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-top {position: relative; height: 124px; display: block;}
#cr_floatingtrustbadge .cr-floatingbadge-top svg {position: absolute; left: 50%; top: 14px; margin-left: -35px;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-top svg {position: absolute; width: 84px; height: 79px; left: 50%; top: 28px; margin-left: -42px;}
#cr_floatingtrustbadge img {margin: 0; width: 100%; position: relative; border: 0; display: block;}
#cr_floatingtrustbadge .cr-floatingbadge-top .cr-floatingbadge-close {position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; cursor: pointer;}
#cr_floatingtrustbadge .cr-floatingbadge-top .cr-floatingbadge-close svg {position: absolute; width: 16px; height: 16px; margin: 2px; top: 0; left: 0; display: block;}
#cr_floatingtrustbadge .cr-floatingbadge-top .cr-floatingbadge-close svg {fill: #F8942D;}
#cr_floatingtrustbadge.cr-floatingbadge-big .cr-floatingbadge-top .cr-floatingbadge-close svg {fill: #FFFFFF;}
#cr_floatingtrustbadge .cr-floatingbadge-top svg {width: 70px; height:65px;}
.cr-badge {
display: inline-block;
padding: 40px;
font-family: 'Open Sans', sans-serif;
font-size: 0;
color: #1F1F1F;
line-height: normal;
position: relative;
text-align: left;
text-decoration:none;
box-sizing: border-box;
transform-origin: left;
visibility: hidden;
}
.cr-badge .badge__nowrap {
white-space: nowrap;
}
.cr-badge .badge__nowrap-inline {
display: inline-block;
white-space: nowrap;
}
.cr-badge .badge__store {
font-size: 24px;
font-weight: bold;
margin-bottom: 12px;
white-space: nowrap;
}
.cr-badge .badge__stars {
display: inline-block;
margin-bottom: 14px;
margin-right: 24px;
}
.cr-badge .badge__star {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
margin-right: 3px;
background-size: cover;
}
.cr-badge .badge-vs .badge__star {
display: block;
}
.cr-badge .badge__star-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.cr-badge .badge__star-icon_type_empty {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/small-star-empty-light.png);
}
.cr-badge .badge__star-icon_type_fill {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/small-star-full.png);
}
.cr-badge .verified {
display: inline-block;
vertical-align: middle;
background: rgba(23, 157, 130, 0.1);
height: 36px;
border-radius: 19px;
padding: 0 16px;
}
.cr-badge.badge_size_small .verified {
vertical-align: top;
}
.cr-badge .verified__logo {
display: inline-block;
width: 32px;
height: 32px;
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/logo.svg);
background-size: cover;
position: relative;
top: 2px;
left: -6px;
margin-right: 2px;
}
.cr-badge .verified__text {
display: inline-block;
line-height: 36px;
vertical-align: top;
font-size: 18px;
font-weight: 600;
}
.cr-badge .rating {
font-size: 17px;
white-space: nowrap;
}
.cr-badge.badge_size_wide .rating {
font-size: 16px;
}
.cr-badge rating__store {
font-weight: 600;
}
.cr-badge .rating__product b {
font-weight: 600;
}
.cr-badge.badge_color_dark {
color: #fff;
}
.cr-badge.badge_color_dark .badge__star-icon_type_empty {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/small-star-empty-dark.png);
}
.cr-badge.badge_color_dark .verified {
background: rgba(255, 255, 255, 0.25);
}
.cr-badge.badge_size_wide {
padding: 20px;
color: #6c6c6c;
}
.cr-badge.badge_size_wide .badge__store {
font-size: 28px;
margin-bottom: 24px;
}
.cr-badge .badge__info {
position: relative;
}
.cr-badge .badge__logo {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/logo.svg);
background-size: contain;
background-repeat: no-repeat;
}
.cr-badge .badge__reviews {
font-size: 16px;
padding-left: 70px;
padding-top: 15px;
}
.cr-badge.badge_size_wide .verified {
font-size: 16px;
padding-left: 70px;
height: 20px;
background: transparent;
}
.cr-badge.badge_size_wide .badge__stars {
margin-bottom: 0;
margin-right: 10px;
margin-left: 20px;
margin-top: 0;
vertical-align: middle;
}
.cr-badge.badge_size_wide .badge__star {
width: 20px;
height: 20px;
}
.cr-badge.badge_size_wide .badge__star-icon_type_empty {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-empty-light.png);
}
.cr-badge.badge_size_wide .badge__star-icon_type_fill {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-full-light.png);
}
.cr-badge.badge_color_dark.badge_size_wide .badge__star-icon_type_fill {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-full-dark.png);
}
.cr-badge.badge_color_dark.badge_size_wide .badge__star-icon_type_empty {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/wide-star-empty-dark.png);
}
.cr-badge.badge_size_wide .rating {
display: inline-block;
padding-top: 0;
vertical-align: middle;
margin-top: 0;
height: 18px;
}
.cr-badge.badge_size_wide.badge_color_dark {
color: #fff;
}
.cr-badge.badge_target_mobile {
position: relative;
padding: 0;
margin: 20px;
}
.cr-badge.badge_target_mobile .badge__logo {
top: 41px;
left: 4px;
width: 32px;
height: 32px;
}
.cr-badge.badge_target_mobile .badge__store {
font-size: 24px;
margin-bottom: 0;
padding-left: 2px;
}
.cr-badge.badge_target_mobile .badge__reviews,
.cr-badge.badge_target_mobile .verified {
padding-left: 48px;
display: block;
}
.cr-badge.badge_target_mobile .badge__stars {
padding-left: 2px;
margin-left: 0;
margin-top: 0;
}
.cr-badge.badge_target_mobile .rating {
font-size: 15px;
margin-top: 2px;
}
.cr-badge.badge_size_wide .rating b {
display: inline-block;
margin-left: 8px;
}
.cr-badge.badge_size_small {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.cr-badge .badge__link, .cr-badge__wrap .badge__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
} .cr-badge__wrap {
display: inline-block;
position: relative;
}
.cr-badge.badge-vs {
position: relative;
color: #4d4d4d;
padding: 20px;
display: inline-block;
flex-flow: row nowrap;
text-align: left;
font-family: sans-serif;
border-radius: 15px;
}
.cr-badge.badge-vs .cr-badge-vs-flex {
display: flex;
flex-direction: row;
}
.cr-badge.badge-vs .badge__store {
font-size: 25px;
font-weight: 500;
margin-bottom: 5px;
line-height: 1.2;
max-width: 500px;
text-overflow: ellipsis;
overflow: hidden;
}
.cr-badge.badge-vs .badge__logo {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/logo-vs.svg);
height: 80px;
width: 80px;
position: relative;
display: inline-block;
margin-right: 20px;
flex: 0 0 auto;
}
.cr-badge.badge-vs .badge__details {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.cr-badge.badge-vs .badge__rating-container {
display: flex;
flex-flow: column nowrap;
justify-content: space-evenly;
font-family: sans-serif;
font-weight: normal;
}
.cr-badge.badge-vs .badge__rating-line {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.cr-badge.badge-vs .badge__stars {
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.cr-badge.badge-vs .badge__star {
width: 15px;
height: 15px;
border-spacing: 0;
display: flex;
}
.cr-badge.badge-vs .badge__star-icon--empty {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/star-stroke.svg);
background-position: left;
border-spacing: 0;
}
.cr-badge.badge-vs .badge__star-icon--fill {
background-image: url(//www.thesolomining.co/wp-content/plugins/customer-reviews-woocommerce/img/star-fill.svg);
background-position: left;
border-spacing: 0;
}
.cr-badge.badge-vs .badge__rating.rating {
font-size: 14px;
line-height: 1.5;
justify-content: space-between;
display: flex;
flex: 1 1 0;
margin: -1px 0 0;
padding: 0;
height: 20px;
}
.cr-badge.badge-vs .badge__rating.rating span:last-child {
padding-left: 25px;
font-weight: bold;
}
.cr-badge .badge__rating + .badge__stars {
margin-left: 15px;
}
.cr-badge.badge-vs .badge__reviews {
border-radius: 30px;
background-color: #F2F2F2;
display: block;
font-size: 18px;
line-height: 1;
padding: 6px 25px 5px;
margin-left: 15px;
border: 1px solid #DFDFDF99;
}
.cr-badge.badge-vs.badge_color_dark {
color: #e5e5e5;
border-color: transparent;
}
.cr-badge.badge-vs.badge_color_dark .badge__reviews {
background-color: #24242499;
border-color: transparent;
}
.badge_size_compact.cr-badge,
.badge--wide-mobile.cr-badge {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: sans-serif;
}
.badge_size_compact.cr-badge,
.badge--wide-mobile.cr-badge {
display: block;
flex-direction: column;
visibility: visible;
}
.badge_size_compact.cr-badge .badge__verified,
.badge--wide-mobile.cr-badge .badge__verified {
font-size: 10px;
font-weight: 700;
color: #4c4c4c;
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}
.badge--wide-mobile.cr-badge .badge__verified {
font-size: 16px;
color: #fff;
margin-bottom: 13px;
}
.badge--wide-mobile.cr-badge .badge__store {
min-height: 50px;
margin-bottom: 15px;
color: #4d4d4d;
font-size: 28px;
font-weight: 700;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.badge--wide-mobile.cr-badge .badge__store span {
min-width: 234px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}
.cr-badge.badge_size_compact .badge__middle,
.cr-badge.badge--wide-mobile .badge__middle {
padding: 10px 0 9px;
}
.cr-badge.badge_size_compact .badge__stars,
.cr-badge.badge--wide-mobile .badge__stars {
display: flex;
justify-content: center;
width: 100%;
margin: 0;
}
.cr-badge.badge_size_compact .badge__star,
.cr-badge.badge--wide-mobile .badge__star {
position: relative;
width: 14px;
height: 13px;
margin: 0 2px;
color: #fff;
}
.cr-badge.badge_size_compact .badge__star svg,
.cr-badge.badge--wide-mobile .badge__star svg {
display: block;
}
.cr-badge.badge_size_compact .badge__star-fill-container,
.cr-badge.badge--wide-mobile .badge__star-fill-container {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 14px;
height: 13px;
}
.rtl .cr-badge.badge_size_compact .badge__star-fill-container,
.rtl .cr-badge.badge--wide-mobile .badge__star-fill-container {
left: auto;
right: 0;
}
.cr-badge.badge_size_compact .badge__star-fill-container svg,
.cr-badge.badge--wide-mobile .badge__star-fill-container svg {
height: 13px;
}
.cr-badge.badge_size_compact .badge__rating,
.cr-badge.badge--wide-mobile .badge__rating {
font-size: 12px;
text-align: center;
color: #4c4c4c;
}
.cr-badge.badge_size_compact .badge__rating b,
.cr-badge.badge--wide-mobile .badge__rating b  {
margin-left: 8px;
}
.cr-badge.badge_size_compact .badge__reviews,
.cr-badge.badge--wide-mobile .badge__reviews {
padding: 8px 0 6px;
font-size: 10px;
text-align: center;
border-radius: 0 0 15px 15px;
color: #4d4d4d;
}
.cr-badge.badge--wide-mobile .badge__middle {
padding-top: 0px;
padding-bottom: 20px;
background-color: transparent;
}
.cr-badge.badge--wide-mobile .badge__stars {
margin-bottom: 5px;
}
.cr-badge.badge--wide-mobile .badge__star {
color: #f8942d;
}
.cr-badge.badge--wide-mobile .badge__reviews {
font-size: 13px;
border-top: 1px solid transparent;
min-height: 37px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.cr-badge.badge--wide-mobile .mb21 {
margin-bottom: 21px;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__middle,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__middle {
border: none;
box-sizing: border-box;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__star,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__star {
color: #f8942d;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__reviews,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__reviews {
border: none;
}
.cr-badge.badge_size_compact.badge_color_dark .badge__verified,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__verified,
.cr-badge.badge_size_compact.badge_color_dark .badge__reviews,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__reviews,
.cr-badge.badge_size_compact.badge_color_dark .badge__rating,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__rating,
.cr-badge.badge_size_compact.badge_color_dark .badge__store,
.cr-badge.badge--wide-mobile.badge_color_dark .badge__store {
color: #e5e5e5;
}
.cr-placeholder-tb {
background-color: #FAFAFA;
width: 100%;
padding: 20px;
}
.cr-placeholder-tb .cr-placeholder-tb-fr {
width: 50%;
height: 40px;
margin: 0 0 20px 0;
background-color: #DCDEE2;
animation: cr-placeholder-load 3s infinite;
}
.cr-placeholder-tb .cr-placeholder-tb-sr {
width: 100%;
height: 60px;
background-color: #DCDEE2;
animation: cr-placeholder-load 3s infinite;
}
@media all and (max-width: 600px) {
#cr_floatingtrustbadge, #cr_floatingtrustbadge.cr-floatingbadge-big {display: none;}
}
@keyframes cr-placeholder-load {
0% {
background-color: #DCDEE2;
}
50% {
background-color: #ededed;
}
100% {
background-color: #DCDEE2;
}
}.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);
}:root {
--slicewp-litepicker-month-header-color: #333;
--slicewp-litepicker-button-prev-month-color: #333;
--slicewp-litepicker-button-next-month-color: #333;
--slicewp-litepicker-button-prev-month-color-hover: #333;
--slicewp-litepicker-button-next-month-color-hover: #333;
--slicewp-litepicker-month-weekday-color: #9e9e9e;
--slicewp-litepicker-month-week-number-color: #9e9e9e;
--slicewp-litepicker-day-width: 40px;
--slicewp-litepicker-day-color: #333;
--slicewp-litepicker-day-color-hover: #34495e;
--slicewp-litepicker-is-today-color: #333;
--slicewp-litepicker-is-in-range-color: rgba( 52, 73, 94, 0.2 );
--slicewp-litepicker-is-start-color: #fff;
--slicewp-litepicker-is-start-color-bg: #34495e;
--slicewp-litepicker-is-end-color: #fff;
--slicewp-litepicker-is-end-color-bg: #34495e;
}  [class^="slicewp"] svg,
[class^="slicewp"] .dashicons { display: inline-block; width: 18px; height: 18px; line-height: 18px; font-size: 18px; vertical-align: middle; }
[class^="slicewp"] button svg { margin-right: 5px; }
.slicewp-description * { font-size: 0.875rem; }
.slicewp-description > :first-child { margin-top: 0; }
.slicewp-description > :last-child { margin-bottom: 0; }  .slicewp-grid { display: grid; grid-gap: 1rem; gap: 1rem; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
.slicewp-grid > div { display: flex; }
.slicewp-grid.slicewp-columns-2 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
@media screen and ( min-width : 1281px ) {
.slicewp-grid { grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); }
.slicewp-grid.slicewp-columns-2 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
}
@media screen and ( max-width : 720px ) {
.slicewp-grid { grid-template-columns: unset !important; }
}  .slicewp-user-notice { width: 100%; border-style: solid; border-width: 2px; border-radius: 6px; margin: 5px 0px 1em 0px; padding: 15px; box-sizing: border-box; }
.slicewp-user-notice.slicewp-error { background: #ffebeb; border-color: #dc3232; }
.slicewp-user-notice.slicewp-warning { background: #fff7ea; border-color: #f39c12; }
.slicewp-user-notice.slicewp-updated { background: #e0ffe3; border-color: #46b450; }
.slicewp-user-notice > :first-child { margin-top: 0; }
.slicewp-user-notice > :last-child { margin-bottom: 0; }  .slicewp-global-overlay { display: none; position: fixed; z-index: 1001; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: all 0.15s ease-in-out; background: rgba( 0, 0, 0, 0.3 ); overflow-y: scroll; }
.slicewp-global-overlay.slicewp-prepare-open,
.slicewp-global-overlay.slicewp-prepare-close { display: block; }
.slicewp-global-overlay.slicewp-opened { display: block; opacity: 1; visibility: visible; }
.slicewp-global-overlay .slicewp-global-overlay-title { margin-top: 0; margin-bottom: 1rem; }
.slicewp-global-overlay .slicewp-global-overlay-inner { position: relative; top: 25px; background: #fff; border-radius: 0.375rem; max-width: 700px; margin: 2rem auto; padding: 2rem; box-sizing: border-box; transition: all 0.15s ease-in-out; }
.slicewp-global-overlay .slicewp-global-overlay-close { position: absolute; top: 10px; right: 10px; display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; cursor: pointer; }
.slicewp-global-overlay .slicewp-global-overlay-close svg { margin-right: 0; }
.slicewp-global-overlay.slicewp-opened .slicewp-global-overlay-inner,
.slicewp-global-overlay.slicewp-opened .slicewp-creative-wrapper { top: 0; }
.slicewp-global-overlay-qr-code .slicewp-global-overlay-inner { max-width: 500px; padding: 4rem; text-align: center; }
.slicewp-global-overlay-qr-code .slicewp-global-overlay-inner img { display: inline-block; height: 200px; }
.slicewp-global-overlay-qr-code .slicewp-global-overlay-inner div { margin-top: 1rem; }
.slicewp-global-overlay-qr-code .slicewp-global-overlay-inner strong,
.slicewp-global-overlay-qr-code .slicewp-global-overlay-inner span { display: block; }
.slicewp-global-overlay-qr-code .slicewp-global-overlay-inner button { margin-top: 1rem; }  .slicewp-loader,
.slicewp-loader:before,
.slicewp-loader:after { border-radius: 50%; width: 9px; height: 9px; animation-fill-mode: both; animation: slicewp_loader_animation 1.2s infinite ease-in-out; }
.slicewp-loader { position: relative; display: inline-block; color: #2e4453; font-size: 7px; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; }
.slicewp-loader:before,
.slicewp-loader:after { content: ''; position: absolute; top: 0; }
.slicewp-loader:before { left: -16px; animation-delay: -0.32s; }
.slicewp-loader:after { left: 16px; }
@keyframes slicewp_loader_animation { 0%, 80%, 100% { box-shadow: 0 9px 0 -7px } 40% { box-shadow: 0 9px 0 0 } }
.slicewp-loading-overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba( 255, 255, 255, 0.6 ); border-radius: inherit; opacity: 0; transition: opacity 0.135s ease-in-out; }
.slicewp-loading-overlay.slicewp-active { opacity: 1; }
.slicewp-loading-overlay .slicewp-loader { position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -5px; }  .slicewp-progressbar { background: #eee; border-radius: 20px; height: 8px; overflow: hidden; }
.slicewp-progressbar-fill { background: #2d98da; height: 100%; border-radius: 20px; }  .slicewp-field-wrapper { margin-bottom: 25px; }
.slicewp-field-wrapper.slicewp-last { margin-bottom: 0; }
.slicewp-field-wrapper input[type=text],
.slicewp-field-wrapper input[type=email],
.slicewp-field-wrapper input[type=url],
.slicewp-field-wrapper input[type=password],
.slicewp-field-wrapper textarea,
.slicewp-field-wrapper select { width: 100%; max-width: 100%; }
.slicewp-field-wrapper input[type=password] { padding-right: 2.5rem; }
.slicewp-field-wrapper select { padding: 0.25rem; }
.slicewp-field-wrapper ul.slicewp-field-radio-wrapper,
.slicewp-field-wrapper ul.slicewp-field-checkbox-wrapper { list-style: none; padding: 0; margin: 0; }
.slicewp-field-wrapper ul.slicewp-field-radio-wrapper label,
.slicewp-field-wrapper ul.slicewp-field-checkbox-wrapper label,
.slicewp-field-wrapper.slicewp-field-wrapper-terms-and-conditions label { display: inline-block; width: auto; cursor: pointer; }
.slicewp-field-wrapper .slicewp-field-drag-drop-area { position: relative; padding: 2rem 1rem; text-align: center; border: 2px dashed #c1c1c1; border-radius: 5px; background: #f9f9f9; cursor: pointer; }
.slicewp-field-wrapper .slicewp-field-drag-drop-area.slicewp-highlight { border-color: #3498db; background: rgba( 52, 152, 219, 0.1 ); }
.slicewp-field-wrapper .slicewp-field-drag-drop-area svg { width: 30px; height: 30px; color: inherit; margin-bottom: 10px; }
.slicewp-field-wrapper .slicewp-field-drag-drop-area p { margin-top: 0; margin-bottom: 0; }
.slicewp-field-wrapper .slicewp-field-drag-drop-area input { position: absolute; top: 0; left: 0; opacity: 0; height: 1px; width: 1px; }
.slicewp-field-file-item { display: flex; align-items: center; line-height: 1; padding: 8px; background: #f1f1f1; border-radius: 4px; margin-top: 10px; font-size: 0.875rem; }
.slicewp-field-file-item-remove { margin-left: auto; }
.slicewp-field-file-item-remove svg { width: 16px; height: 16px; color: #000; vertical-align: middle; }
.slicewp-field-file-item-name { display: inline-block; vertical-align: middle; }
.slicewp-field-file-item-size { display: inline-block; vertical-align: middle; font-style: italic; margin-left: 5px; }
.slicewp-field-description * { font-size: 0.875rem; }
.slicewp-field-description > :first-child { margin-top: 0; }
.slicewp-field-description > :last-child { margin-bottom: 0; }
.slicewp-field-description-placement-before .slicewp-field-description { margin-bottom: 0.5rem; }
.slicewp-field-description-placement-after .slicewp-field-description { margin-top: 0.25rem; }
.slicewp-field-has-description > h2,
.slicewp-field-has-description > h3,
.slicewp-field-has-description > h4,
.slicewp-field-has-description > h5,
.slicewp-field-has-description > h6 { margin-bottom: 0.25rem; }
.slicewp-field-error-message * { font-size: 0.875rem; font-style: italic; color: #c0392b; }
.slicewp-field-error-message > :first-child { margin-top: 0; }
.slicewp-field-error-message > :last-child { margin-bottom: 0; }
.slicewp-field-rule { margin: 5px 0; }
.slicewp-field-wrapper .slicewp-field-input-password { position: relative; margin: 0; padding: 0; }
.slicewp-field-wrapper .slicewp-field-input-password .slicewp-show-hide-password { position: absolute; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; right: 11px; top: 50%; margin-top: -11px; }
.slicewp-field-wrapper .slicewp-field-input-password .slicewp-show-hide-password svg { display: block; }
.slicewp-field-wrapper .slicewp-field-input-password .slicewp-show-hide-password svg:last-of-type { display: none; }  .slicewp-button-primary { display: inline-flex; align-items: center; cursor: pointer; }
.slicewp-button-view-qr-code { margin-top: 10px; margin-left: 7px; }  .slicewp-status-pill { display: inline-flex; font-size: 0.875rem; line-height: 1; font-weight: 500; background: #cdd1d8; color: #34495e; padding: 8px 9px; border-radius: 3px; }
.slicewp-status-pill.slicewp-status-active,
.slicewp-status-pill.slicewp-status-complete,
.slicewp-status-pill.slicewp-status-paid { background: #c1e3db; color: #148f77; }
.slicewp-status-pill.slicewp-status-pending,
.slicewp-status-pill.slicewp-status-requested { background: #fde0c0; color: #b36508; }
.slicewp-status-pill.slicewp-status-unpaid { background: #c5dff4; color: #217dbb; }
.slicewp-status-pill.slicewp-status-rejected,
.slicewp-status-pill.slicewp-status-failed { background: #fed8d9; color: #b91c1c; }  .slicewp-card { position: relative; width: 100%; margin-bottom: 1.5em; background: #fff; border-radius: 2px; box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; box-sizing: border-box; }
.slicewp-card-header { padding: 20px; border-bottom: 1px solid rgba(200, 215, 225, 0.5); font-weight: bold; }
.slicewp-card-inner { padding: 20px; }
.slicewp-card-footer { padding: 20px; border-top: 1px solid rgba(200, 215, 225, 0.5); background: rgba(200, 215, 225, 0.15); box-sizing: border-box; }
.slicewp-card-footer-actions { text-align: right; }
.slicewp-card-footer-actions:after { content: ''; display: block; clear: both; }
.slicewp-card-footer-actions a { float: left; color: #777; line-height: 34px; outline: 0; box-shadow: none; }
.slicewp-card-footer-actions a:hover { color: #444; }  .slicewp-chart { height: 325px !important; }
.slicewp-chart-before { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.slicewp-chart-legend ul { list-style: none !important; display: inline-flex; align-items: center; gap: 18px; margin: 0 !important; padding: 0 !important; }
.slicewp-chart-legend ul li { list-style: none !important; display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; cursor: pointer; }
.slicewp-chart-legend ul li span.slicewp-color-box { display: inline-flex; align-items: center; justify-content: center; height: 10px; width: 10px; border-radius: 50%; background: #e1e9ef; }
.slicewp-chart-tooltip { position: absolute; min-width: 120px; width: max-content !important; text-align: left; padding: 12px 15px !important; background: rgba( 255, 255, 255, 0.95 ); border-radius: 4px; border: 1px solid rgba( 200, 215, 225, 1 ); box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.1 ), 0 0 56px rgba( 0, 0, 0, 0.08 ); pointer-events: none; transform: translate( -50%, 0 ); opacity: 1; }
.slicewp-chart-tooltip .slicewp-chart-tooltip-title { font-weight: 600; margin-bottom: 8px; }
.slicewp-chart-tooltip .slicewp-chart-tooltip-body { display: table; width: 100%; }
.slicewp-chart-tooltip .slicewp-chart-tooltip-body > div { display: table-row; }
.slicewp-chart-tooltip .slicewp-chart-tooltip-body > div > div { display: table-cell; }
.slicewp-chart-tooltip .slicewp-chart-tooltip-body > div > div:first-of-type { padding-right: 12px; }
.slicewp-chart-tooltip .slicewp-chart-tooltip-body > div > div:last-of-type { text-align: right; }
.slicewp-chart-tooltip .slicewp-chart-tooltip-body > div > div:first-of-type > span:first-of-type { display: inline-block; border-radius: 50%; height: 10px; width: 10px; margin-right: 10px; }
.slicewp-chart-time-unit-selector { width: auto; border:  1px solid #c8d7e1; border-radius: 5px; box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 5%) 0px 1px 2px 0px; padding: 4px 8px; font-size: 1rem; }
@media screen and ( max-width : 720px ) {
.slicewp-chart-legend ul { flex-flow: column; gap: 0; align-items: baseline; }
}  .slicewp-section-heading { margin-top: 0; margin-bottom: 0.625rem; font-size: 1.25rem; font-weight: 500; }
.slicewp-grid-affiliate-dashboard { margin-bottom: 1rem; }
.slicewp-card-affiliate-dashboard { margin-bottom: 0; flex-flow: column; }
.slicewp-affiliate-dashboard-filters { margin-bottom: 15px; }
.slicewp-affiliate-dashboard-filters form { display: flex; align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; }
.slicewp-affiliate-dashboard-filters button[type="submit"] { display: none; padding: 3px 12px; font-size: 1rem; line-height: 1.2rem; border: 1px solid transparent; }
.slicewp-card-affiliate-dashboard .slicewp-card-header { padding: 10px 20px 10px 20px; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner { display: flex; flex: 1; flex-flow: column; padding: 10px 20px 10px 20px }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-card-title { font-size: 1rem; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-value { display: flex; align-items: center; justify-content: space-between; font-size: 1.5rem; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction { display: flex; align-items: center; padding: 5px; border-radius: 3px; background: #f0f0f0; font-size: 0.825rem; line-height: 16px; width: auto; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction.slicewp-positive { background: rgba( 39, 174, 96, 0.1 ); color: #17956a; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction.slicewp-negative { background: rgba( 192, 57, 43, 0.1 ); color: #c0392b; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction svg { height: 12px; width: 12px; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction .slicewp-arrow-up,
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction .slicewp-arrow-down { display: none; margin-right: 5px; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction.slicewp-positive .slicewp-arrow-up { display: flex; }
.slicewp-card-affiliate-dashboard .slicewp-card-inner .slicewp-kpi-direction.slicewp-negative .slicewp-arrow-down { display: flex; }
.slicewp-card-affiliate-dashboard .slicewp-card-footer { padding: 10px 20px 10px 20px; font-size: 0.825em; }
.slicewp-card-affiliate-dashboard .slicewp-card-footer > :first-child { margin-top: 0; }
.slicewp-card-affiliate-dashboard .slicewp-card-footer > :last-child { margin-bottom: 0; }
.slicewp-grid.slicewp-grid-affiliate-dashboard-last-30-days { grid-template-columns: repeat( auto-fit, minmax( 30%, 1fr ) ); }  .slicewp-nav-tab-wrapper { display: flex; gap: 15px; margin: 1.5rem 0 0 0 !important; padding: 0 !important; list-style-type: none !important; }
.slicewp-nav-tab-wrapper:after { content: ''; display: block; clear: both; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab { list-style: none; border: 0; margin: 0 !important; padding: 0 !important; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab:before { display: none; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab a { display: block; width: auto; border-bottom: 2px solid transparent; padding: 10px 0 8px 0; box-sizing: border-box; box-shadow: none !important; text-decoration: none !important; outline: none !important; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab a:hover,
.slicewp-nav-tab-wrapper .slicewp-nav-tab a:focus,
.slicewp-nav-tab-wrapper .slicewp-nav-tab.slicewp-active a { border-bottom: 2px solid #2e4453; color: #2e4453; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab span { vertical-align: middle; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab svg,
.slicewp-nav-tab-wrapper .slicewp-nav-tab .dashicons { margin-right: 5px; }
.slicewp-tab { display: none; margin-top: 25px; }
.slicewp-tab.slicewp-active { display: block; }
@media screen and ( max-width : 720px ) {
.slicewp-nav-tab-wrapper { gap: 12px; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab a { padding-left: 5px; padding-right: 5px; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab svg { margin: 0; }
.slicewp-nav-tab-wrapper .slicewp-nav-tab span:last-of-type { display: none; }
}  .slicewp-tab img { max-width: 100%; height: auto; }
.slicewp-creative-shortcode-wrapper { margin: auto; padding: 10px; width: 100%; }
.slicewp-creative-shortcode-wrapper img { margin: 15px auto; display: block; }
.slicewp-creative-shortcode-textarea { font-size: 14px; width: 100%; height: 130px; }  .slicewp-lost-password { margin-top: 0.75rem; }  .slicewp-section-general-affiliate-link .slicewp-field-wrapper { margin-bottom: 0; }
.slicewp-affiliate-custom-link-output { margin-top: 25px; }
.slicewp-creative-affiliate-wrapper { margin: auto; width: 100%; }
.slicewp-creative-affiliate-wrapper img { margin: 15px auto; display: block; }
.slicewp-creative-affiliate-textarea { font-size: 14px; width: 100%; height: 130px; }
.slicewp-creative-wrapper-type-long-text .slicewp-creative-affiliate-textarea { height: 300px; }
.slicewp-creative-description { margin-bottom: 1rem; }
.slicewp-creative-description > :first-child { margin-top: 0; }
.slicewp-creative-description > :last-child { margin-bottom: 0; }
.slicewp-page-numbers-wrapper { display: inline-flex; gap: 5px; margin-top: 1.5rem; }
.slicewp-page-numbers-wrapper .page-numbers { display: inline-flex; align-items: center; justify-content: center; line-height: 30px; height: 30px; width: 30px; text-align: center; background: #f1f1f1; border-radius: 3px; text-decoration: none; }
.slicewp-page-numbers-wrapper .page-numbers.current { font-weight: bold; }
.slicewp-card-creative { flex-direction: column; margin-bottom: 0; }
.slicewp-card-creative .slicewp-card-inner { display: flex; flex: 1; justify-content: center; align-items: center; max-height: 12rem; }
.slicewp-card-creative.slicewp-creative-type-long-text .slicewp-card-inner { align-items: baseline; min-height: 12rem; }
.slicewp-card-creative.slicewp-creative-type-long-text .slicewp-card-inner > div { overflow: hidden; max-height: 100%; }
.slicewp-card-creative .slicewp-card-inner img { max-height: 100%; width: auto; }
.slicewp-card-creative .slicewp-card-inner span { text-decoration: underline; }
.slicewp-card-creative .slicewp-card-inner p:first-of-type { margin-top: 0; }
.slicewp-card-creative .slicewp-card-inner p:last-of-type { margin-bottom: 0; }
.slicewp-card-creative .slicewp-card-footer > div { display: flex; }
.slicewp-card-creative .slicewp-card-footer > div a { flex: 1; text-align: center; text-decoration: none; }
.slicewp-card-creative .slicewp-card-footer > div a,
.slicewp-card-creative .slicewp-card-footer > div span { vertical-align: middle; }
.slicewp-card-creative .slicewp-card-footer > div a svg { margin-right: 5px; }
.slicewp-creative-preview { padding: 1.5rem; margin-bottom: 10px; box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; text-align: center; }
.slicewp-creative-preview img { margin: 0 auto !important; max-width: 100% !important; height: auto !important; background: linear-gradient( 45deg,#d7d8da 25%,transparent 25%,transparent 75%,#d7d8da 75%,#d7d8da),linear-gradient(45deg,#d7d8da 25%,transparent 25%,transparent 75%,#d7d8da 75%,#d7d8da); background-position: 0 0,10px 10px; background-size: 20px 20px; }
.slicewp-creative-image-details { display: flex; margin-bottom: 1.5rem; align-items: flex-start; justify-content: space-between; }
.slicewp-creative-image-metadata { font-size: 0.9rem; text-align: right; }
.slicewp-creative-image-metadata span { display: flex; align-items: center; }
.slicewp-creative-image-metadata span svg { display: inline-block; margin: 0 1px; line-height: 1; width: 12px; height: 12px; }
.slicewp-creative-image-metadata span i { display: inline-block; font-style: normal; font-size: 150%; line-height: 0; margin: 0 5px; }
.slicewp-input-copy,
.slicewp-generate-affiliate-link { margin-top: 10px; }
.slicewp-input-copy-label-copied { display: none; }
@media screen and ( min-width: 721px ) {
.slicewp-menu-left,
.slicewp-menu-right { display: flex !important; flex-flow: row; gap: 1.5rem; }
.slicewp-menu-right { flex-direction: row-reverse; }
.slicewp-menu-left > div:nth-of-type(2),
.slicewp-menu-right > div:nth-of-type(2) { flex: 1; min-width: 0; }
.slicewp-menu-left .slicewp-nav-tab-wrapper,
.slicewp-menu-right .slicewp-nav-tab-wrapper { width: max-content; flex-flow: column; gap: 15px; }
.slicewp-menu-left .slicewp-nav-tab-wrapper .slicewp-nav-tab a { padding: 2px 1rem 2px 0; border-bottom: 0; border-right: 2px solid transparent; }
.slicewp-menu-right .slicewp-nav-tab-wrapper .slicewp-nav-tab a { padding: 2px 0 2px 1rem; border-bottom: 0; border-left: 2px solid transparent; }
.slicewp-menu-left .slicewp-nav-tab-wrapper .slicewp-nav-tab a:hover,
.slicewp-menu-left .slicewp-nav-tab-wrapper .slicewp-nav-tab a:focus,
.slicewp-menu-left .slicewp-nav-tab-wrapper .slicewp-nav-tab.slicewp-active a { border-color: #2e4453; }
.slicewp-menu-right .slicewp-nav-tab-wrapper .slicewp-nav-tab a:hover,
.slicewp-menu-right .slicewp-nav-tab-wrapper .slicewp-nav-tab a:focus,
.slicewp-menu-right .slicewp-nav-tab-wrapper .slicewp-nav-tab.slicewp-active a { border-color: #2e4453; }
}  #slicewp-affiliate-account { max-width: 100%; }
#slicewp-affiliate-account textarea,
#slicewp-affiliate-account input[type="text"] { width: 100%; }
#slicewp-affiliate-account [class^="slicewp-commission-rate-tag"] { display: block; }  body table.slicewp-list-table { width: 100%; margin-top: 0; margin-bottom: 0; border: 0 !important; border-radius: 2px; border-collapse: collapse; box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3; }
body table.slicewp-list-table tbody { border: 0 !important; }
body table.slicewp-list-table th,
body table.slicewp-list-table td { padding: 0.5rem 0.675rem; text-align: left; border: 0 !important; background: transparent !important; }
body table.slicewp-list-table th { background: rgba( 200, 215, 225, 0.15 ) !important; border-bottom: 1px solid #e9eff3 !important; border-right: 1px solid #e9eff3 !important; }
body table.slicewp-list-table td { word-break: break-all; border-top: 1px solid #e9eff3 !important; border-right: 1px solid #e9eff3 !important; }
body table.slicewp-list-table th:last-of-type,
body table.slicewp-list-table td:last-of-type { border-right: 0 !important; }
body table.slicewp-list-table tbody:first-of-type tr:first-of-type td { border-top: 0 !important; }
body table.slicewp-list-table .slicewp-column-actions { text-align: right; width: auto; width: 1px; white-space: nowrap; }
body table.slicewp-list-table .slicewp-column-status { width: 1px; white-space: nowrap; }
table.slicewp-list-table .slicewp-list-table-item-details-row { display: none; }
table.slicewp-list-table .slicewp-list-table-item-details-row > td { overflow-y: hidden; padding: 0 !important; }
table.slicewp-list-table .slicewp-list-table-item-details-row > td > div { height: 0; opacity: 0; transition: all 0.275s ease-in-out; }
table.slicewp-list-table .slicewp-list-table-item-details-row > td > div > div { padding: 1.25rem; }
table.slicewp-list-table tbody.slicewp-active > .slicewp-list-table-item-details-row td > div { opacity: 1; }
table.slicewp-list-table .slicewp-list-table-item-details-row > td > div > div > h4 { font-size: 1.25rem; margin: 0 0 1rem 0; padding: 0; }
table.slicewp-list-table .slicewp-list-table-item-details-row > td > div > div > p { margin: 1rem 0; }
table.slicewp-list-table .slicewp-list-table-item-details-row > td > div > div > h4 + p { margin-top: -0.5rem; }
table.slicewp-list-table .slicewp-toggle-item-details { display: inline-flex; align-items: center; }
table.slicewp-list-table .slicewp-toggle-item-details:focus { outline: 0 !important; background-color: transparent !important; }
table.slicewp-list-table .slicewp-toggle-item-details svg { transition: transform 0.2s ease-in-out; }
table.slicewp-list-table tbody.slicewp-active .slicewp-toggle-item-details svg { transform: rotate( 180deg ); }
.slicewp-list-table-after,
.slicewp-list-table-before { display: flex; }
.slicewp-list-table-before { margin-bottom: 15px; }
.slicewp-list-table-after { margin-top: 15px; }
.slicewp-list-table-filters form { display: flex; align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; }
.slicewp-list-table-filters button[type="submit"] { display: inline-block; padding: 6px 12px; font-size: 1rem; line-height: 1.2rem; border: 1px solid transparent; }
.slicewp-list-table-per-page-selector { display: inline-flex; align-items: center; }
.slicewp-list-table-per-page-selector form { display: inline-flex; gap: 5px; align-items: center; margin: 0 !important; padding: 0 !important; }
.slicewp-list-table-per-page-selector select { width: auto !important; }
.slicewp-list-table-pagination { display: inline-flex; align-items: center; margin-left: auto; }
@media screen and ( max-width : 720px ) {
.slicewp-list-table-filters { width: 100%; }
.slicewp-list-table-filters form { width: 100%; flex-flow: column; }
.slicewp-list-table-filters button[type="submit"] { width: 100%; }
}  .slicewp-pagination-links { display: inline-flex; gap: 5px; margin-left: 10px; }
.slicewp-pagination-links .slicewp-pagination-link { display: inline-flex; align-items: center; justify-content: center; line-height: 30px; height: 30px; width: 30px; text-align: center; background: #f1f1f1; border-radius: 3px; }
.slicewp-pagination-links span.slicewp-pagination-link { opacity: 0.5; cursor: not-allowed; }  .slicewp-date-picker-wrapper { position: relative; display: inline-flex; }
.slicewp-date-picker-wrapper .slicewp-date-picker-input { display: inline-flex; align-items: center; padding: 0 12px; font-size: 1rem; line-height: 1.2rem; color: #2e4453; border: 1px solid #c8d7e1; background: #fff; transition: all .15s ease-in-out; box-shadow: none; box-sizing: border-box; border-radius: 5px; box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 5%) 0px 1px 2px 0px; cursor: pointer; user-select: none; }
.slicewp-date-picker-wrapper .slicewp-date-picker-input:hover { border-color: #bbceda; }
.slicewp-date-picker-wrapper .slicewp-date-picker-input svg { margin-right: 5px; opacity: 0.8; }
.slicewp-date-picker-wrapper .slicewp-date-picker-input .slicewp-date-picker-input-date-range { padding: 6px 0; }
.slicewp-date-picker-wrapper .slicewp-date-picker-input .slicewp-date-picker-input-dates { display: none; border-left: 1px solid #c8d7e1; padding: 6px 0 6px 8px; margin-left: 8px; }
.slicewp-date-picker-modal { display: none; position: absolute; z-index: 10; top: 100%; left: 0; margin-top: 8px; background: #fff; box-shadow: 0px 0px 0px 1px rgb(18 18 23 / 10%), 0px 24px 48px rgb(18 18 23 / 3%), 0px 10px 18px rgb(18 18 23 / 3%), 0px 5px 8px rgb(18 18 23 / 4%), 0px 2px 4px rgb(18 18 23 / 4%); border-radius: 8px; }
.slicewp-date-picker-wrapper.slicewp-is-open .slicewp-date-picker-modal { display: inline-flex; }
.slicewp-date-picker-predefined-date-ranges { border-right: 1px solid rgb(18 18 23 / 15%); padding: 25px; width: max-content; }
a.slicewp-date-picker-predefined-date-range { display: block; width: 100%; border-radius: 4px; padding: 4px 12px; color: inherit; text-decoration: none !important; box-sizing: border-box; }
a.slicewp-date-picker-predefined-date-range:hover { background: rgba( 200, 215, 225, 0.25 ); }
a.slicewp-date-picker-predefined-date-range[data-range="custom"] { display: none; }
.slicewp-date-picker-wrapper .slicewp-litepicker { padding: 20px; }
.slicewp-date-picker-wrapper .slicewp-litepicker svg { margin: 0 !important; }
.slicewp-date-picker-wrapper .slicewp-litepicker .month-item-header { padding-top: 0; padding-right: 0; padding-left: 0; }
.slicewp-date-picker-wrapper .slicewp-litepicker .month-item-header .month-item-name { text-transform: capitalize; }
.slicewp-date-picker-wrapper .slicewp-litepicker .button-previous-month,
.slicewp-date-picker-wrapper .slicewp-litepicker .button-next-month { width: 40px; height: 40px; padding: 0 !important; border-radius: 4px !important; text-align: center !important; margin: 0 !important; cursor: pointer !important; }
.slicewp-date-picker-wrapper .slicewp-litepicker .button-previous-month:hover,
.slicewp-date-picker-wrapper .slicewp-litepicker .button-next-month:hover { background: rgba( 200, 215, 225, 0.25 ) !important; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__months { box-shadow: none; border: 0; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days > div,
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days > a { padding: 0; line-height: 40px; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days .day-item { cursor: pointer; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days .day-item.is-today { font-weight: bold; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days .day-item.is-today:not(.is-start-date):not(.is-end-date):not(.is-in-range) { background: rgba( 200, 215, 225, 0.15 ); }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days .day-item:hover { box-shadow: none !important; border: 0; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days .day-item:hover:not(.is-start-date):not(.is-end-date) { background: rgba( 200, 215, 225, 0.25 ); }
@media screen and ( max-width : 720px ) {
.slicewp-date-picker-wrapper,
.slicewp-date-picker-input { width: 100%; }
.slicewp-date-picker-modal { flex-flow: column; max-width: 100%; width: 100%; }
.slicewp-date-picker-predefined-date-ranges { display: grid; grid-template-columns: repeat( 2, 1fr ); gap: 5px; width: 100%; border-right: 0; border-bottom: 1px solid rgb(18 18 23 / 15%); }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__months { width: 100%; }
.slicewp-date-picker-wrapper .slicewp-litepicker { display: block !important; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__months .month-item { width: 100%; }
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days > div,
.slicewp-date-picker-wrapper .slicewp-litepicker .container__days > a { width: 14.2857%; }
}a.wxp-top{
display: block;
width: 150px;
text-decoration: none!important;
}
a.wxp-top .wxp-ship-status{
text-align: center;
padding: 5px;
display: block;
}
a.wxp-top span.wxp-not-shipped{
color: #D8000C;
background-color: #FFBABA;
}
a.wxp-top span.wxp-partial-shipped{
color: #9F6000;
background-color: #FEEFB3;
}
a.wxp-top span.wxp-shipped{
color: #270;
background-color: #DFF2BF;
}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//www.thesolomining.co/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//www.thesolomining.co/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//www.thesolomining.co/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//www.thesolomining.co/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}.wt-mycoupons ul li {
box-sizing: border-box;
display: inline-block;
padding: 15px;
width: 170px;
min-height: 60px;
margin-bottom: 15px;
vertical-align: top;
line-height: 1.4;
}   
.wt_coupon_wrapper{ width:100%; position:relative; flex-direction:row; flex-wrap:wrap; display:flex; justify-content:flex-start; margin-bottom:15px; gap:26px;  padding:15px 4px 4px 4px; }
.wt_coupon_wrapper .wt-single-coupon, .wt_coupon_wrapper .wt-sc-hidden-coupon-box{ width: 30%; min-width: 314px; margin: 0px; flex: 1 0 30%; }
.wt_coupon_wrapper .wt-sc-hidden-coupon-box{ content:""; visibility:hidden; }
.wt_sc_pagination{ width:100%; clear:both; margin-bottom:15px; text-align:right; }
.wt_sc_pagination .woocommerce-pagination{ display:inline-block; float:none; }
.wt_sc_available_coupon_sort_by{ float:right; font-size:14px; }
.wt_sc_bogo_cart_item_discount, .wt_sc_bogo_cart_item_discount *{ color:green; font-size:small; }.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}.easy-notification-bar {
--enb-close-offset: 20px;
--enb-close-svg-dims: 24px;
--enb-padding-x: 1em;
--enb-padding-y: 0.7em;
width: 100%;
background: var(--enb-background, var(--wpex-accent, #0073aa));
color: var(--enb-color, var(--wpex-on-accent, #fff));
padding: var(--enb-padding-y) var(--enb-padding-x);
font-size: 16px;
line-height: 1.8;
position: relative;
z-index: 99;
box-sizing: border-box;
}
.easy-notification-bar--hidden {
display: none !important;
}
.easy-notification-bar--sticky {
position: sticky;
top: 0;
}
.admin-bar .easy-notification-bar--sticky {
top: var(--wpadminbar-height, 32px);
}
@media screen and (max-width: 782px) {
.admin-bar .easy-notification-bar--sticky {
top: var(--wpadminbar-height, 46px);
}
}
.easy-notification-bar strong {
color: currentColor; }
.enb-system-font {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.easy-notification-bar-container {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1em;
}
.easy-notification-bar--has_close_icon.easy-notification-bar--align_left {
padding-right: calc(var(--enb-close-offset) + var(--enb-close-svg-dims) + var(--enb-padding-x));
}
.easy-notification-bar--has_close_icon.easy-notification-bar--align_right {
padding-left: calc(var(--enb-close-offset) + var(--enb-close-svg-dims) + var(--enb-padding-x));
}
.easy-notification-bar--has_close_icon.easy-notification-bar--align_center,
.easy-notification-bar--has_close_icon.easy-notification-bar--button_bottom {
padding-left: calc(var(--enb-close-offset) + var(--enb-close-svg-dims) + var(--enb-padding-x));
padding-right: calc(var(--enb-close-offset) + var(--enb-close-svg-dims) + var(--enb-padding-x));
}
.easy-notification-bar--align_center .easy-notification-bar-container {
justify-content: center;
text-align: center;
}
.easy-notification-bar--align_left .easy-notification-bar-container,
.easy-notification-bar--button_left.easy-notification-bar--align_right .easy-notification-bar-container {
justify-content: flex-start;
}
.easy-notification-bar--align_right .easy-notification-bar-container,
.easy-notification-bar--button_right.easy-notification-bar--align_right .easy-notification-bar-container {
justify-content: flex-end;
}
.easy-notification-bar--space_between .easy-notification-bar-container {
justify-content: space-between !important;
}
.easy-notification-bar--button_left .easy-notification-bar-container {
flex-direction: row-reverse;
}
.easy-notification-bar--button_bottom .easy-notification-bar-container {
flex-direction: column;
justify-content: flex-start;
}
.easy-notification-bar--align_left.easy-notification-bar--button_bottom .easy-notification-bar-container {
align-items: flex-start;
}
.easy-notification-bar--align_right.easy-notification-bar--button_bottom .easy-notification-bar-container {
align-items: flex-end;
}
.easy-notification-bar-message :is(a,a:hover,a:visited,a:focus) {
color: currentColor;
text-decoration: underline;
}
.easy-notification-bar-message p {
margin: 0;
}
.easy-notification-bar-button a {
display: inline-block;
padding: 0.1em 1.25em;
}
.easy-notification-bar-button :is(a,a:hover,a:visited,a:focus){
color: #fff;
font-weight: 700;
text-decoration: none;
background: rgba(0,0,0,0.5);
}
.easy-notification-bar-button a:hover {
opacity: 0.9;
} a.easy-notification-bar__close {
display: flex;
position: absolute;
right: var(--enb-close-offset);
top: 50%;
transform: translateY(-50%);
color: inherit;
line-height: 1;
padding: 0;
margin: 0;
text-decoration: none;
background: none;
border: 0;
}
.easy-notification-bar__close svg {
height: var(--enb-close-svg-dims);
width: var(--enb-close-svg-dims);
}
a.easy-notification-bar__close:is(:hover,:focus) {
background: none;
color: inherit;
border: 0;
text-decoration: none;
}
.rtl a.easy-notification-bar__close,
.easy-notification-bar--align_right a.easy-notification-bar__close {
left: var(--enb-close-offset);
right: auto;
}