/* 
 Theme Name:   CMC Blueprint01
 Theme URI:    
 Description:  
 Author:       Christina McKay
 Author URI:   https://cg-tutorials.pro
 Template:     hello-elementor
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* html {
    font-size: 62.5%;
}*/
html.cf-theme-dark {
    color-scheme: dark;
}
p {
    text-align: justify;
}
:root, :root.cf-theme-dark .cf-theme-inverted, :root.cf-theme-dark .theme-always-light, :root.cf-theme-light .cf-theme-inverted .theme-always-light {
    --cfv-min-screen-width: 32rem;
    --cfv-max-screen-width: 112rem;
    --cfv-primary: rgba(0, 91, 205, 1);
    --cfv-primary-5: rgba(0, 91, 205, 0.05);
    --cfv-primary-10: rgba(0, 91, 205, 0.1);
    --cfv-primary-20: rgba(0, 91, 205, 0.2);
    --cfv-primary-30: rgba(0, 91, 205, 0.3);
    --cfv-primary-40: rgba(0, 91, 205, 0.4);
    --cfv-primary-50: rgba(0, 91, 205, 0.5);
    --cfv-primary-60: rgba(0, 91, 205, 0.6);
    --cfv-primary-70: rgba(0, 91, 205, 0.7);
    --cfv-primary-80: rgba(0, 91, 205, 0.8);
    --cfv-primary-90: rgba(0, 91, 205, 0.9);
    --cfv-primary-d-1: rgb(22, 73, 160);
    --cfv-primary-d-2: rgb(27, 55, 118);
    --cfv-primary-d-3: rgb(25, 38, 78);
    --cfv-primary-d-4: rgb(19, 23, 41);
    --cfv-primary-l-1: rgb(90, 121, 216);
    --cfv-primary-l-2: rgb(137, 152, 226);
    --cfv-primary-l-3: rgb(178, 185, 236);
    --cfv-primary-l-4: rgb(217, 220, 246);
    --cfv-secondary: rgba(0, 33, 77, 1);
    --cfv-secondary-5: rgba(0, 33, 77, 0.05);
    --cfv-secondary-10: rgba(0, 33, 77, 0.1);
    --cfv-secondary-20: rgba(0, 33, 77, 0.2);
    --cfv-secondary-30: rgba(0, 33, 77, 0.3);
    --cfv-secondary-40: rgba(0, 33, 77, 0.4);
    --cfv-secondary-50: rgba(0, 33, 77, 0.5);
    --cfv-secondary-60: rgba(0, 33, 77, 0.6);
    --cfv-secondary-70: rgba(0, 33, 77, 0.7);
    --cfv-secondary-80: rgba(0, 33, 77, 0.8);
    --cfv-secondary-90: rgba(0, 33, 77, 0.9);
    --cfv-secondary-d-1: rgb(7, 28, 62);
    --cfv-secondary-d-2: rgb(11, 23, 48);
    --cfv-secondary-d-3: rgb(11, 17, 34);
    --cfv-secondary-d-4: rgb(6, 9, 21);
    --cfv-secondary-l-1: rgb(57, 71, 110);
    --cfv-secondary-l-2: rgb(105, 113, 145);
    --cfv-secondary-l-3: rgb(153, 158, 180);
    --cfv-secondary-l-4: rgb(203, 205, 217);
    --cfv-accent: rgba(210, 0, 131, 1);
    --cfv-accent-5: rgba(210, 0, 131, 0.05);
    --cfv-accent-10: rgba(210, 0, 131, 0.1);
    --cfv-accent-20: rgba(210, 0, 131, 0.2);
    --cfv-accent-30: rgba(210, 0, 131, 0.3);
    --cfv-accent-40: rgba(210, 0, 131, 0.4);
    --cfv-accent-50: rgba(210, 0, 131, 0.5);
    --cfv-accent-60: rgba(210, 0, 131, 0.6);
    --cfv-accent-70: rgba(210, 0, 131, 0.7);
    --cfv-accent-80: rgba(210, 0, 131, 0.8);
    --cfv-accent-90: rgba(210, 0, 131, 0.9);
    --cfv-accent-d-1: rgb(165, 20, 104);
    --cfv-accent-d-2: rgb(122, 25, 77);
    --cfv-accent-d-3: rgb(81, 23, 52);
    --cfv-accent-d-4: rgb(43, 18, 29);
    --cfv-accent-l-1: rgb(224, 86, 155);
    --cfv-accent-l-2: rgb(235, 132, 179);
    --cfv-accent-l-3: rgb(245, 174, 204);
    --cfv-accent-l-4: rgb(251, 215, 229);
    --cfv-bg-body: rgba(230, 230, 230, 1);
    --cfv-bg-surface: rgba(230, 230, 230, 1);
    --cfv-text-body: rgba(61, 61, 61, 1);
    --cfv-text-title: rgba(0, 33, 77, 1);
    --cfv-border-primary: rgba(128, 128, 128, 0.25);
    --cfv-border-primary-5: rgba(128, 128, 128, 0.05);
    --cfv-border-primary-10: rgba(128, 128, 128, 0.1);
    --cfv-border-primary-20: rgba(128, 128, 128, 0.2);
    --cfv-border-primary-30: rgba(128, 128, 128, 0.3);
    --cfv-border-primary-40: rgba(128, 128, 128, 0.4);
    --cfv-border-primary-50: rgba(128, 128, 128, 0.5);
    --cfv-border-primary-60: rgba(128, 128, 128, 0.6);
    --cfv-border-primary-70: rgba(128, 128, 128, 0.7);
    --cfv-border-primary-80: rgba(128, 128, 128, 0.8);
    --cfv-border-primary-90: rgba(128, 128, 128, 0.9);
    --cfv-shadow-primary: rgba(13, 13, 13, 0.15);
    --cfv-shadow-primary-5: rgba(13, 13, 13, 0.05);
    --cfv-shadow-primary-10: rgba(13, 13, 13, 0.1);
    --cfv-shadow-primary-20: rgba(13, 13, 13, 0.2);
    --cfv-shadow-primary-30: rgba(13, 13, 13, 0.3);
    --cfv-shadow-primary-40: rgba(13, 13, 13, 0.4);
    --cfv-shadow-primary-50: rgba(13, 13, 13, 0.5);
    --cfv-shadow-primary-60: rgba(13, 13, 13, 0.6);
    --cfv-shadow-primary-70: rgba(13, 13, 13, 0.7);
    --cfv-shadow-primary-80: rgba(13, 13, 13, 0.8);
    --cfv-shadow-primary-90: rgba(13, 13, 13, 0.9);
    --cfv-light: rgba(250, 250, 250, 1);
    --cfv-light-5: rgba(250, 250, 250, 0.05);
    --cfv-light-10: rgba(250, 250, 250, 0.1);
    --cfv-light-20: rgba(250, 250, 250, 0.2);
    --cfv-light-30: rgba(250, 250, 250, 0.3);
    --cfv-light-40: rgba(250, 250, 250, 0.4);
    --cfv-light-50: rgba(250, 250, 250, 0.5);
    --cfv-light-60: rgba(250, 250, 250, 0.6);
    --cfv-light-70: rgba(250, 250, 250, 0.7);
    --cfv-light-80: rgba(250, 250, 250, 0.8);
    --cfv-light-90: rgba(250, 250, 250, 0.9);
    --cfv-light-d-1: hsl(0, 0%, 86%);
    --cfv-light-d-2: hsl(0, 0%, 74%);
    --cfv-light-d-3: hsl(0, 0%, 62%);
    --cfv-light-d-4: hsl(0, 0%, 51%);
    --cfv-light-d-5: hsl(0, 0%, 40%);
    --cfv-light-d-6: hsl(0, 0%, 30%);
    --cfv-light-d-7: hsl(0, 0%, 21%);
    --cfv-light-d-8: hsl(0, 0%, 11%);
    --cfv-light-l-1: hsl(0, 0%, 98%);
    --cfv-light-l-2: hsl(0, 0%, 98%);
    --cfv-light-l-3: hsl(0, 0%, 99%);
    --cfv-light-l-4: hsl(0, 0%, 99%);
    --cfv-light-l-5: hsl(0, 0%, 99%);
    --cfv-light-l-6: hsl(0, 0%, 99%);
    --cfv-light-l-7: hsl(0, 0%, 100%);
    --cfv-light-l-8: hsl(0, 0%, 100%);
    --cfv-dark: rgba(5, 5, 5, 1);
    --cfv-dark-5: rgba(5, 5, 5, 0.05);
    --cfv-dark-10: rgba(5, 5, 5, 0.1);
    --cfv-dark-20: rgba(5, 5, 5, 0.2);
    --cfv-dark-30: rgba(5, 5, 5, 0.3);
    --cfv-dark-40: rgba(5, 5, 5, 0.4);
    --cfv-dark-50: rgba(5, 5, 5, 0.5);
    --cfv-dark-60: rgba(5, 5, 5, 0.6);
    --cfv-dark-70: rgba(5, 5, 5, 0.7);
    --cfv-dark-80: rgba(5, 5, 5, 0.8);
    --cfv-dark-90: rgba(5, 5, 5, 0.9);
    --cfv-success: rgba(26, 158, 61, 1);
    --cfv-success-5: rgba(26, 158, 61, 0.05);
    --cfv-success-10: rgba(26, 158, 61, 0.1);
    --cfv-success-20: rgba(26, 158, 61, 0.2);
    --cfv-success-30: rgba(26, 158, 61, 0.3);
    --cfv-success-40: rgba(26, 158, 61, 0.4);
    --cfv-success-50: rgba(26, 158, 61, 0.5);
    --cfv-success-60: rgba(26, 158, 61, 0.6);
    --cfv-success-70: rgba(26, 158, 61, 0.7);
    --cfv-success-80: rgba(26, 158, 61, 0.8);
    --cfv-success-90: rgba(26, 158, 61, 0.9);
    --cfv-error: rgba(209, 0, 0, 1);
    --cfv-error-5: rgba(209, 0, 0, 0.05);
    --cfv-error-10: rgba(209, 0, 0, 0.1);
    --cfv-error-20: rgba(209, 0, 0, 0.2);
    --cfv-error-30: rgba(209, 0, 0, 0.3);
    --cfv-error-40: rgba(209, 0, 0, 0.4);
    --cfv-error-50: rgba(209, 0, 0, 0.5);
    --cfv-error-60: rgba(209, 0, 0, 0.6);
    --cfv-error-70: rgba(209, 0, 0, 0.7);
    --cfv-error-80: rgba(209, 0, 0, 0.8);
    --cfv-error-90: rgba(209, 0, 0, 0.9);
    --cfv-space-xs: clamp(0.8rem, calc(0.5vw + 0.64rem), 1.2rem);
    --cfv-space-s: clamp(1.2rem, calc(0.5vw + 1.04rem), 1.6rem);
    --cfv-space-m: clamp(1.6rem, calc(0.5vw + 1.44rem), 2rem);
    --cfv-space-l: clamp(1.8rem, calc(0.88vw + 1.52rem), 2.5rem);
    --cfv-space-xl: clamp(2rem, calc(1.25vw + 1.6rem), 3rem);
    --cfv-space-2xl: clamp(2.4rem, calc(2vw + 1.76rem), 4rem);
    --cfv-space-3xl: clamp(3rem, calc(2.25vw + 2.28rem), 4.8rem);
    --cfv-space-4xl: clamp(3.6rem, calc(3vw + 2.64rem), 6rem);
    --cfv-text-s: clamp(1.2rem, calc(0.25vw + 1.12rem), 1.4rem);
    --cfv-text-m: clamp(1.6rem, calc(0.25vw + 1.52rem), 1.8rem);
    --cfv-text-l: clamp(1.8rem, calc(0.5vw + 1.64rem), 2.2rem);
    --cfv-text-xl: clamp(2rem, calc(1vw + 1.68rem), 2.8rem);
    --cfv-text-2xl: clamp(2.2rem, calc(1.75vw + 1.64rem), 3.6rem);
    --cfv-text-3xl: clamp(2.6rem, calc(2.25vw + 1.88rem), 4.4rem);
    --cfv-text-4xl: clamp(3.2rem, calc(3vw + 2.24rem), 5.6rem);
    --cfv-text-5xl: clamp(4.2rem, calc(4.25vw + 2.84rem), 7.6rem);
    --cfv-hero-title-size: var(--cfv-text-5xl);
    --cfv-post-title-size: var(--cfv-text-2xl);
    --cfv-nav-link-size: var(--cfv-text-m);
    --cfv-header-space: var(--cfv-space-s);
    --cfv-btn-space: var(--cfv-space-xs) var(--cfv-space-s);
    --cfv-card-space: var(--cfv-space-s);
    --cfv-footer-space: var(--cfv-space-s) var(--cfv-space-m);
    --cfv-radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem);
    --cfv-radius-s: clamp(0.6rem, calc(-0.25vw + 0.88rem), 0.8rem);
    --cfv-radius-m: clamp(1rem, calc(-0.25vw + 1.28rem), 1.2rem);
    --cfv-radius-l: clamp(1.6rem, calc(-0.5vw + 2.16rem), 2rem);
    --cfv-radius-xl: clamp(2.6rem, calc(-0.75vw + 3.44rem), 3.2rem);
    --cfv-radius-full: 999rem;
    --cfv-shadow-xs: 0 1px 2px var(--cfv-shadow-primary);
    --cfv-shadow-s: 0 1.5px 3px var(--cfv-shadow-primary);
    --cfv-shadow-m: 0 2px 6px var(--cfv-shadow-primary);
    --cfv-shadow-l: 0 3px 12px var(--cfv-shadow-primary);
    --cfv-shadow-xl: 0 6px 48px var(--cfv-shadow-primary);
}
:root.cf-theme-dark, :root.cf-theme-light .cf-theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .cf-theme-inverted .theme-always-dark {
    --cfv-bg-body: rgba(13, 13, 13, 1);
    --cfv-bg-surface: rgba(0, 34, 77, 1);
    --cfv-text-body: rgba(212, 212, 212, 1);
    --cfv-text-title: rgba(230, 230, 230, 1);
    --cfv-border-primary: rgba(191, 191, 191, 0.1);
    --cfv-border-primary-5: rgba(191, 191, 191, 0.05);
    --cfv-border-primary-10: rgba(191, 191, 191, 0.1);
    --cfv-border-primary-20: rgba(191, 191, 191, 0.2);
    --cfv-border-primary-30: rgba(191, 191, 191, 0.3);
    --cfv-border-primary-40: rgba(191, 191, 191, 0.4);
    --cfv-border-primary-50: rgba(191, 191, 191, 0.5);
    --cfv-border-primary-60: rgba(191, 191, 191, 0.6);
    --cfv-border-primary-70: rgba(191, 191, 191, 0.7);
    --cfv-border-primary-80: rgba(191, 191, 191, 0.8);
    --cfv-border-primary-90: rgba(191, 191, 191, 0.9);
    --cfv-shadow-primary: rgba(13, 13, 13, 0.4);
    --cfv-shadow-primary-5: rgba(13, 13, 13, 0.05);
    --cfv-shadow-primary-10: rgba(13, 13, 13, 0.1);
    --cfv-shadow-primary-20: rgba(13, 13, 13, 0.2);
    --cfv-shadow-primary-30: rgba(13, 13, 13, 0.3);
    --cfv-shadow-primary-40: rgba(13, 13, 13, 0.4);
    --cfv-shadow-primary-50: rgba(13, 13, 13, 0.5);
    --cfv-shadow-primary-60: rgba(13, 13, 13, 0.6);
    --cfv-shadow-primary-70: rgba(13, 13, 13, 0.7);
    --cfv-shadow-primary-80: rgba(13, 13, 13, 0.8);
    --cfv-shadow-primary-90: rgba(13, 13, 13, 0.9);
    --cfv-light: rgba(5, 5, 5, 1);
    --cfv-light-5: rgba(5, 5, 5, 0.05);
    --cfv-light-10: rgba(5, 5, 5, 0.1);
    --cfv-light-20: rgba(5, 5, 5, 0.2);
    --cfv-light-30: rgba(5, 5, 5, 0.3);
    --cfv-light-40: rgba(5, 5, 5, 0.4);
    --cfv-light-50: rgba(5, 5, 5, 0.5);
    --cfv-light-60: rgba(5, 5, 5, 0.6);
    --cfv-light-70: rgba(5, 5, 5, 0.7);
    --cfv-light-80: rgba(5, 5, 5, 0.8);
    --cfv-light-90: rgba(5, 5, 5, 0.9);
    --cfv-light-d-1: hsl(0, 0%, 2%);
    --cfv-light-d-2: hsl(0, 0%, 2%);
    --cfv-light-d-3: hsl(0, 0%, 2%);
    --cfv-light-d-4: hsl(0, 0%, 1%);
    --cfv-light-d-5: hsl(0, 0%, 1%);
    --cfv-light-d-6: hsl(0, 0%, 1%);
    --cfv-light-d-7: hsl(0, 0%, 0%);
    --cfv-light-d-8: hsl(0, 0%, 0%);
    --cfv-light-l-1: hsl(0, 0%, 13%);
    --cfv-light-l-2: hsl(0, 0%, 22%);
    --cfv-light-l-3: hsl(0, 0%, 32%);
    --cfv-light-l-4: hsl(0, 0%, 42%);
    --cfv-light-l-5: hsl(0, 0%, 53%);
    --cfv-light-l-6: hsl(0, 0%, 64%);
    --cfv-light-l-7: hsl(0, 0%, 76%);
    --cfv-light-l-8: hsl(0, 0%, 88%);
    --cfv-dark: rgba(250, 250, 250, 1);
    --cfv-dark-5: rgba(250, 250, 250, 0.05);
    --cfv-dark-10: rgba(250, 250, 250, 0.1);
    --cfv-dark-20: rgba(250, 250, 250, 0.2);
    --cfv-dark-30: rgba(250, 250, 250, 0.3);
    --cfv-dark-40: rgba(250, 250, 250, 0.4);
    --cfv-dark-50: rgba(250, 250, 250, 0.5);
    --cfv-dark-60: rgba(250, 250, 250, 0.6);
    --cfv-dark-70: rgba(250, 250, 250, 0.7);
    --cfv-dark-80: rgba(250, 250, 250, 0.8);
    --cfv-dark-90: rgba(250, 250, 250, 0.9);
}
/* Components */
.cf-btn {
    /* display: inline;*/
    align-items: center;
    justify-content: center;
    /*gap: var(--cfv-space-m);*/
    padding: var(--cfv-space-xs) var(--cfv-space-s);
    background: var(--cfv-primary);
    color: #fff;
    font-size: var(--cfv-text-l);
    font-weight: 500;
    border-radius: var(--cfv-radius-s);
    border: 1px solid var(--cfv-primary-d-1);
    box-shadow: var(--cfv-shadow-m);
    transition: all 0.25s ease-in-out;
    outline: 0;
    cursor: pointer;
}
@media (hover: hover) {
.cf-btn:hover {
    background: var(--cfv-primary-d-1);
    transform: translateY(-0.1rem);
}
}
.cf-btn.small {
    font-size: var(--cfv-text-s);
    padding: var(--cfv-space-xs) var(--cfv-space-s);
}
.cf-btn.large {
    font-size: var(--cfv-text-l);
    padding: var(--cfv-space-s) var(--cfv-space-m);
}
.cf-btn.tertiary {
    background: var(--tertiary);
    border-color: var(--tertiary-d-1);
}
.cf-btn.ghost {
    color: var(--cfv-dark-80);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.cf-btn.slight {
    color: var(--cfv-dark-80);
    background: var(--cfv-bg-surface);
    border-color: var(--cfv-border-primary);
    box-shadow: var(--cfv-shadow-s);
}
.cf-btn.secondary {
    background: var(--cfv-secondary);
    border-color: var(--cfv-secondary-d-1);
}
@media (hover: hover) {
.cf-btn.ghost:hover {
    background: var(--cfv-dark-10);
}
}
@media (hover: hover) {
.cf-btn.slight:hover {
    background: var(--cfv-dark-5);
}
}
@media (hover: hover) {
.cf-btn.tertiary:hover {
    background: var(--tertiary-d-1);
}
}
@media (hover: hover) {
.cf-btn.secondary:hover {
    background: var(--cfv-secondary-d-1);
}
}
.cf-btn:focus {
    outline: 4px solid var(--cfv-primary-l-3);
    outline-offset: 2px;
}
.cf-btn.no-bg {
    color: var(--cfv-dark-80);
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
@media (hover: hover) {
.cf-btn.no-bg:hover {
    color: var(--cfv-dark);
}
}
.cf-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4xs);
    padding: var(--space-2xs) var(--cfv-space-s);
    background: var(--cfv-dark-10);
    color: var(--cfv-primary);
    font-size: var(--cfv-text-s);
    font-weight: 500;
    border-radius: var(--cfv-radius-full);
    border: 0;
    outline: 0;
}
.cf-badge.secondary {
    color: var(--cfv-secondary);
}
.cf-link {
    color: var(--cfv-primary);
    font-size: var(--cfv-text-m);
    font-weight: 600;
    letter-spacing: 0.05rem;
    box-shadow: 0 2px 0 var(--cfv-primary-20);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}
@media (hover: hover) {
.cf-link:hover {
    box-shadow: 0 2px 0 var(--cfv-primary-40);
}
}
.cf-link:focus {
    background: var(--cfv-primary-10);
}
.cf-link.secondary {
    color: var(--cfv-secondary);
    border-color: var(--cfv-secondary-20);
}
.cf-link.tertiary {
    color: var(--tertiary);
    border-color: var(--tertiary-20);
}
.cf-input {
    padding: var(--cfv-space-xs) var(--cfv-space-s);
    background: var(--cfv-dark-5);
    color: var(--cfv-text-title);
    font-size: var(--cfv-text-m);
    font-weight: 500;
    border-radius: var(--cfv-radius-m);
    border: 1px solid var(--cfv-border-primary);
    box-shadow: var(--cfv-shadow-xs);
    transition: all 0.25s ease-in-out;
    appearance: none;
    outline: 0;
}
.cf-input:focus {
    background: var(--cfv-primary-20);
    border-color: var(--cfv-primary);
    box-shadow: var(--cfv-shadow-l);
}
@media (hover: hover) {
.cf-input:hover {
    border-color: var(--cfv-primary);
    background: transparent;
    box-shadow: var(--cfv-shadow-l);
}
}
.cf-input::placeholder {
    color: var(--cfv-dark-40);
}
.cf-input:invalid {
    border-color: var(--cfv-error);
    background: var(--cfv-error-10);
}
.cf-input:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--cfv-dark-10);
}
.cf-select {
    padding: var(--cfv-space-xs) var(--cfv-space-s);
    background: var(--cfv-dark-5);
    color: var(--cfv-text-body);
    font-size: var(--cfv-text-m);
    font-weight: 500;
    border-radius: var(--cfv-radius-m);
    border: 1px solid var(--cfv-border-primary);
    box-shadow: var(--cfv-shadow-xs);
    transition: all 0.25s ease-in-out;
    outline: 0;
}
.cf-select:focus {
    background: var(--cfv-primary-20);
    border-color: var(--cfv-primary);
}
@media (hover: hover) {
.cf-select:hover {
    border-color: var(--cfv-primary);
}
}
.cf-select::placeholder {
    color: var(--cfv-dark-40);
}
.cf-select:invalid {
    border-color: var(--cfv-error);
    background: var(--cfv-error-10);
}
.cf-select:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--cfv-dark-10);
}
.cf-card {
    display: grid;
    gap: var(--cfv-space-xs);
    padding: var(--cfv-space-m);
    font-size: var(--cfv-text-m);
    color: var(--cfv-text-body);
    background: var(--cfv-bg-surface);
    line-height: 1.3;
    border-radius: var(--cfv-radius-m);
    box-shadow: var(--cfv-shadow-m);
}
.cf-card.secondary {
    background: var(--cfv-secondary);
    color: #fff;
}
.cf-card.primary {
    background: var(--cfv-primary);
    color: #fff;
}
.cf-icon {
    color: var(--cfv-primary);
    width: var(--cfv-space-2xl);
    height: auto;
    font-size: var(--cfv-space-2xl);
}
.cf-icon.large {
    width: var(--cfv-space-3xl);
    font-size: var(--cfv-space-3xl);
}
.cf-icon.secondary {
    color: var(--cfv-secondary);
}
.cf-icon.tertiary {
    color: var(--tertiary);
}
.cf-icon.outline {
    padding: 0.5em;
    border: 1px solid var(--cfv-border-primary);
    border-radius: 100%;
    box-sizing: content-box;
}
.cf-icon.filled {
    padding: 0.5em;
    border-radius: 100%;
    box-sizing: content-box;
    background: var(--cfv-dark-10);
}
.cf-icon.small {
    width: var(--cfv-space-l);
    font-size: var(--cfv-space-l);
}
.cf-avatar {
    width: var(--cfv-space-2xl);
    height: var(--cfv-space-2xl);
    border-radius: 100%;
    box-shadow: var(--cfv-shadow-m);
    object-fit: cover;
}
.cf-avatar.small {
    width: var(--cfv-space-l);
    height: var(--cfv-space-l);
}
.cf-avatar.large {
    width: var(--cfv-space-4xl);
    height: var(--cfv-space-4xl);
}
.cf-divider {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    height: 1px;
    max-height: 1px;
    background: var(--cfv-border-primary);
    margin: var(--cfv-space-m) 0;
    border: 0;
}
.cf-divider.vertical {
    min-width: 1px;
    width: 1px;
    max-width: 1px;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}
.cf-checkbox {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--cfv-dark-40);
    border-radius: var(--cfv-radius-s);
    width: clamp(1.8rem, calc(-0.5vw + 2.36rem), 2.2rem);
    height: clamp(1.8rem, calc(-0.5vw + 2.36rem), 2.2rem);
}
.cf-checkbox:checked:before {
    transform: scale(1);
}
.cf-checkbox::before {
    content: "";
    width: 1em;
    height: 1em;
    box-shadow: inset 1em 1em #fff;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transition: transform 0.2s;
}
@media (hover: hover) {
.cf-checkbox:hover {
    border-color: var(--cfv-primary);
}
}
.cf-checkbox:focus {
    outline: 3px solid var(--cfv-primary-l-3);
    outline-offset: 2px;
}
.cf-checkbox:checked {
    background: var(--cfv-primary);
    border-color: var(--cfv-primary);
}
.cf-radio {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--cfv-dark-40);
    border-radius: var(--cfv-radius-full);
    width: clamp(1.8rem, calc(-0.5vw + 2.36rem), 2.2rem);
    height: clamp(1.8rem, calc(-0.5vw + 2.36rem), 2.2rem);
}
.cf-radio:checked:before {
    transform: scale(1);
}
.cf-radio::before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100%;
    transform: scale(0);
    transition: transform 0.2s;
    background: var(--cfv-primary);
}
@media (hover: hover) {
.cf-radio:hover {
    border-color: var(--cfv-primary);
}
}
.cf-radio:focus {
    outline: 3px solid var(--cfv-primary-l-3);
    outline-offset: 2px;
}
.cf-radio:checked {
    border-color: var(--cfv-primary);
}
/* Color System */
.cf-bg-primary {
    background-color: var(--cfv-primary);
}
.cf-bg-primary-5 {
    background-color: var(--cfv-primary-5);
}
.cf-bg-primary-10 {
    background-color: var(--cfv-primary-10);
}
.cf-bg-primary-20 {
    background-color: var(--cfv-primary-20);
}
.cf-bg-primary-30 {
    background-color: var(--cfv-primary-30);
}
.cf-bg-primary-40 {
    background-color: var(--cfv-primary-40);
}
.cf-bg-primary-50 {
    background-color: var(--cfv-primary-50);
}
.cf-bg-primary-60 {
    background-color: var(--cfv-primary-60);
}
.cf-bg-primary-70 {
    background-color: var(--cfv-primary-70);
}
.cf-bg-primary-80 {
    background-color: var(--cfv-primary-80);
}
.cf-bg-primary-90 {
    background-color: var(--cfv-primary-90);
}
.cf-bg-primary-d-1 {
    background-color: var(--cfv-primary-d-1);
}
.cf-bg-primary-d-2 {
    background-color: var(--cfv-primary-d-2);
}
.cf-bg-primary-d-3 {
    background-color: var(--cfv-primary-d-3);
}
.cf-bg-primary-d-4 {
    background-color: var(--cfv-primary-d-4);
}
.cf-bg-primary-l-1 {
    background-color: var(--cfv-primary-l-1);
}
.cf-bg-primary-l-2 {
    background-color: var(--cfv-primary-l-2);
}
.cf-bg-primary-l-3 {
    background-color: var(--cfv-primary-l-3);
}
.cf-bg-primary-l-4 {
    background-color: var(--cfv-primary-l-4);
}
.cf-text-primary {
    color: var(--cfv-primary);
}
.cf-text-primary-5 {
    color: var(--cfv-primary-5);
}
.cf-text-primary-10 {
    color: var(--cfv-primary-10);
}
.cf-text-primary-20 {
    color: var(--cfv-primary-20);
}
.cf-text-primary-30 {
    color: var(--cfv-primary-30);
}
.cf-text-primary-40 {
    color: var(--cfv-primary-40);
}
.cf-text-primary-50 {
    color: var(--cfv-primary-50);
}
.cf-text-primary-60 {
    color: var(--cfv-primary-60);
}
.cf-text-primary-70 {
    color: var(--cfv-primary-70);
}
.cf-text-primary-80 {
    color: var(--cfv-primary-80);
}
.cf-text-primary-90 {
    color: var(--cfv-primary-90);
}
.cf-text-primary-d-1 {
    color: var(--cfv-primary-d-1);
}
.cf-text-primary-d-2 {
    color: var(--cfv-primary-d-2);
}
.cf-text-primary-d-3 {
    color: var(--cfv-primary-d-3);
}
.cf-text-primary-d-4 {
    color: var(--cfv-primary-d-4);
}
.cf-text-primary-l-1 {
    color: var(--cfv-primary-l-1);
}
.cf-text-primary-l-2 {
    color: var(--cfv-primary-l-2);
}
.cf-text-primary-l-3 {
    color: var(--cfv-primary-l-3);
}
.cf-text-primary-l-4 {
    color: var(--cfv-primary-l-4);
}
.cf-border-primary {
    border-color: var(--cfv-primary);
    border-color: var(--cfv-border-primary);
}
.cf-border-primary-5 {
    border-color: var(--cfv-primary-5);
    border-color: var(--cfv-border-primary-5);
}
.cf-border-primary-10 {
    border-color: var(--cfv-primary-10);
    border-color: var(--cfv-border-primary-10);
}
.cf-border-primary-20 {
    border-color: var(--cfv-primary-20);
    border-color: var(--cfv-border-primary-20);
}
.cf-border-primary-30 {
    border-color: var(--cfv-primary-30);
    border-color: var(--cfv-border-primary-30);
}
.cf-border-primary-40 {
    border-color: var(--cfv-primary-40);
    border-color: var(--cfv-border-primary-40);
}
.cf-border-primary-50 {
    border-color: var(--cfv-primary-50);
    border-color: var(--cfv-border-primary-50);
}
.cf-border-primary-60 {
    border-color: var(--cfv-primary-60);
    border-color: var(--cfv-border-primary-60);
}
.cf-border-primary-70 {
    border-color: var(--cfv-primary-70);
    border-color: var(--cfv-border-primary-70);
}
.cf-border-primary-80 {
    border-color: var(--cfv-primary-80);
    border-color: var(--cfv-border-primary-80);
}
.cf-border-primary-90 {
    border-color: var(--cfv-primary-90);
    border-color: var(--cfv-border-primary-90);
}
.cf-border-primary-d-1 {
    border-color: var(--cfv-primary-d-1);
}
.cf-border-primary-d-2 {
    border-color: var(--cfv-primary-d-2);
}
.cf-border-primary-d-3 {
    border-color: var(--cfv-primary-d-3);
}
.cf-border-primary-d-4 {
    border-color: var(--cfv-primary-d-4);
}
.cf-border-primary-l-1 {
    border-color: var(--cfv-primary-l-1);
}
.cf-border-primary-l-2 {
    border-color: var(--cfv-primary-l-2);
}
.cf-border-primary-l-3 {
    border-color: var(--cfv-primary-l-3);
}
.cf-border-primary-l-4 {
    border-color: var(--cfv-primary-l-4);
}
.cf-bg-secondary {
    background-color: var(--cfv-secondary);
}
.cf-bg-secondary-5 {
    background-color: var(--cfv-secondary-5);
}
.cf-bg-secondary-10 {
    background-color: var(--cfv-secondary-10);
}
.cf-bg-secondary-20 {
    background-color: var(--cfv-secondary-20);
}
.cf-bg-secondary-30 {
    background-color: var(--cfv-secondary-30);
}
.cf-bg-secondary-40 {
    background-color: var(--cfv-secondary-40);
}
.cf-bg-secondary-50 {
    background-color: var(--cfv-secondary-50);
}
.cf-bg-secondary-60 {
    background-color: var(--cfv-secondary-60);
}
.cf-bg-secondary-70 {
    background-color: var(--cfv-secondary-70);
}
.cf-bg-secondary-80 {
    background-color: var(--cfv-secondary-80);
}
.cf-bg-secondary-90 {
    background-color: var(--cfv-secondary-90);
}
.cf-bg-secondary-d-1 {
    background-color: var(--cfv-secondary-d-1);
}
.cf-bg-secondary-d-2 {
    background-color: var(--cfv-secondary-d-2);
}
.cf-bg-secondary-d-3 {
    background-color: var(--cfv-secondary-d-3);
}
.cf-bg-secondary-d-4 {
    background-color: var(--cfv-secondary-d-4);
}
.cf-bg-secondary-l-1 {
    background-color: var(--cfv-secondary-l-1);
}
.cf-bg-secondary-l-2 {
    background-color: var(--cfv-secondary-l-2);
}
.cf-bg-secondary-l-3 {
    background-color: var(--cfv-secondary-l-3);
}
.cf-bg-secondary-l-4 {
    background-color: var(--cfv-secondary-l-4);
}
.cf-text-secondary {
    color: var(--cfv-secondary);
}
.cf-text-secondary-5 {
    color: var(--cfv-secondary-5);
}
.cf-text-secondary-10 {
    color: var(--cfv-secondary-10);
}
.cf-text-secondary-20 {
    color: var(--cfv-secondary-20);
}
.cf-text-secondary-30 {
    color: var(--cfv-secondary-30);
}
.cf-text-secondary-40 {
    color: var(--cfv-secondary-40);
}
.cf-text-secondary-50 {
    color: var(--cfv-secondary-50);
}
.cf-text-secondary-60 {
    color: var(--cfv-secondary-60);
}
.cf-text-secondary-70 {
    color: var(--cfv-secondary-70);
}
.cf-text-secondary-80 {
    color: var(--cfv-secondary-80);
}
.cf-text-secondary-90 {
    color: var(--cfv-secondary-90);
}
.cf-text-secondary-d-1 {
    color: var(--cfv-secondary-d-1);
}
.cf-text-secondary-d-2 {
    color: var(--cfv-secondary-d-2);
}
.cf-text-secondary-d-3 {
    color: var(--cfv-secondary-d-3);
}
.cf-text-secondary-d-4 {
    color: var(--cfv-secondary-d-4);
}
.cf-text-secondary-l-1 {
    color: var(--cfv-secondary-l-1);
}
.cf-text-secondary-l-2 {
    color: var(--cfv-secondary-l-2);
}
.cf-text-secondary-l-3 {
    color: var(--cfv-secondary-l-3);
}
.cf-text-secondary-l-4 {
    color: var(--cfv-secondary-l-4);
}
.cf-border-secondary {
    border-color: var(--cfv-secondary);
}
.cf-border-secondary-5 {
    border-color: var(--cfv-secondary-5);
}
.cf-border-secondary-10 {
    border-color: var(--cfv-secondary-10);
}
.cf-border-secondary-20 {
    border-color: var(--cfv-secondary-20);
}
.cf-border-secondary-30 {
    border-color: var(--cfv-secondary-30);
}
.cf-border-secondary-40 {
    border-color: var(--cfv-secondary-40);
}
.cf-border-secondary-50 {
    border-color: var(--cfv-secondary-50);
}
.cf-border-secondary-60 {
    border-color: var(--cfv-secondary-60);
}
.cf-border-secondary-70 {
    border-color: var(--cfv-secondary-70);
}
.cf-border-secondary-80 {
    border-color: var(--cfv-secondary-80);
}
.cf-border-secondary-90 {
    border-color: var(--cfv-secondary-90);
}
.cf-border-secondary-d-1 {
    border-color: var(--cfv-secondary-d-1);
}
.cf-border-secondary-d-2 {
    border-color: var(--cfv-secondary-d-2);
}
.cf-border-secondary-d-3 {
    border-color: var(--cfv-secondary-d-3);
}
.cf-border-secondary-d-4 {
    border-color: var(--cfv-secondary-d-4);
}
.cf-border-secondary-l-1 {
    border-color: var(--cfv-secondary-l-1);
}
.cf-border-secondary-l-2 {
    border-color: var(--cfv-secondary-l-2);
}
.cf-border-secondary-l-3 {
    border-color: var(--cfv-secondary-l-3);
}
.cf-border-secondary-l-4 {
    border-color: var(--cfv-secondary-l-4);
}
.cf-bg-accent {
    background-color: var(--cfv-accent);
}
.cf-bg-accent-5 {
    background-color: var(--cfv-accent-5);
}
.cf-bg-accent-10 {
    background-color: var(--cfv-accent-10);
}
.cf-bg-accent-20 {
    background-color: var(--cfv-accent-20);
}
.cf-bg-accent-30 {
    background-color: var(--cfv-accent-30);
}
.cf-bg-accent-40 {
    background-color: var(--cfv-accent-40);
}
.cf-bg-accent-50 {
    background-color: var(--cfv-accent-50);
}
.cf-bg-accent-60 {
    background-color: var(--cfv-accent-60);
}
.cf-bg-accent-70 {
    background-color: var(--cfv-accent-70);
}
.cf-bg-accent-80 {
    background-color: var(--cfv-accent-80);
}
.cf-bg-accent-90 {
    background-color: var(--cfv-accent-90);
}
.cf-bg-accent-d-1 {
    background-color: var(--cfv-accent-d-1);
}
.cf-bg-accent-d-2 {
    background-color: var(--cfv-accent-d-2);
}
.cf-bg-accent-d-3 {
    background-color: var(--cfv-accent-d-3);
}
.cf-bg-accent-d-4 {
    background-color: var(--cfv-accent-d-4);
}
.cf-bg-accent-l-1 {
    background-color: var(--cfv-accent-l-1);
}
.cf-bg-accent-l-2 {
    background-color: var(--cfv-accent-l-2);
}
.cf-bg-accent-l-3 {
    background-color: var(--cfv-accent-l-3);
}
.cf-bg-accent-l-4 {
    background-color: var(--cfv-accent-l-4);
}
.cf-text-accent {
    color: var(--cfv-accent);
}
.cf-text-accent-5 {
    color: var(--cfv-accent-5);
}
.cf-text-accent-10 {
    color: var(--cfv-accent-10);
}
.cf-text-accent-20 {
    color: var(--cfv-accent-20);
}
.cf-text-accent-30 {
    color: var(--cfv-accent-30);
}
.cf-text-accent-40 {
    color: var(--cfv-accent-40);
}
.cf-text-accent-50 {
    color: var(--cfv-accent-50);
}
.cf-text-accent-60 {
    color: var(--cfv-accent-60);
}
.cf-text-accent-70 {
    color: var(--cfv-accent-70);
}
.cf-text-accent-80 {
    border-color: var(--cfv-primary-50);
    border-color: var(--cfv-border-primary-50);
}
.cf-text-accent-90 {
    color: var(--cfv-accent-90);
}
.cf-text-accent-d-1 {
    color: var(--cfv-accent-d-1);
}
.cf-text-accent-d-2 {
    color: var(--cfv-accent-d-2);
}
.cf-text-accent-d-3 {
    color: var(--cfv-accent-d-3);
}
.cf-text-accent-d-4 {
    color: var(--cfv-accent-d-4);
}
.cf-text-accent-l-1 {
    color: var(--cfv-accent-l-1);
}
.cf-text-accent-l-2 {
    color: var(--cfv-accent-l-2);
}
.cf-text-accent-l-3 {
    color: var(--cfv-accent-l-3);
}
.cf-text-accent-l-4 {
    color: var(--cfv-accent-l-4);
}
.cf-border-accent {
    border-color: var(--cfv-accent);
}
.cf-border-accent-5 {
    border-color: var(--cfv-accent-5);
}
.cf-border-accent-10 {
    border-color: var(--cfv-accent-10);
}
.cf-border-accent-20 {
    border-color: var(--cfv-accent-20);
}
.cf-border-accent-30 {
    border-color: var(--cfv-accent-30);
}
.cf-border-accent-40 {
    border-color: var(--cfv-accent-40);
}
.cf-border-accent-50 {
    border-color: var(--cfv-accent-50);
}
.cf-border-accent-60 {
    border-color: var(--cfv-accent-60);
}
.cf-border-accent-70 {
    border-color: var(--cfv-accent-70);
}
.cf-border-accent-80 {
    border-color: var(--cfv-accent-80);
}
.cf-border-accent-90 {
    border-color: var(--cfv-accent-90);
}
.cf-border-accent-d-1 {
    border-color: var(--cfv-accent-d-1);
}
.cf-border-accent-d-2 {
    border-color: var(--cfv-accent-d-2);
}
.cf-border-accent-d-3 {
    border-color: var(--cfv-accent-d-3);
}
.cf-border-accent-d-4 {
    border-color: var(--cfv-accent-d-4);
}
.cf-border-accent-l-1 {
    border-color: var(--cfv-accent-l-1);
}
.cf-border-accent-l-2 {
    border-color: var(--cfv-accent-l-2);
}
.cf-border-accent-l-3 {
    border-color: var(--cfv-accent-l-3);
}
.cf-border-accent-l-4 {
    border-color: var(--cfv-accent-l-4);
}
.cf-bg-body {
    background-color: var(--cfv-bg-body);
}
.cf-bg-surface {
    background-color: var(--cfv-bg-surface);
}
.cf-text-body {
    color: var(--cfv-text-body);
}
.cf-text-title {
    color: var(--cfv-text-title);
}
.cf-bg-light {
    background-color: var(--cfv-light);
}
.cf-bg-light-5 {
    background-color: var(--cfv-light-5);
}
.cf-bg-light-10 {
    background-color: var(--cfv-light-10);
}
.cf-bg-light-20 {
    background-color: var(--cfv-light-20);
}
.cf-bg-light-30 {
    background-color: var(--cfv-light-30);
}
.cf-bg-light-40 {
    background-color: var(--cfv-light-40);
}
.cf-bg-light-50 {
    background-color: var(--cfv-light-50);
}
.cf-bg-light-60 {
    background-color: var(--cfv-light-60);
}
.cf-bg-light-70 {
    background-color: var(--cfv-light-70);
}
.cf-bg-light-80 {
    background-color: var(--cfv-light-80);
}
.cf-bg-light-90 {
    background-color: var(--cfv-light-90);
}
.cf-bg-light-d-1 {
    background-color: var(--cfv-light-d-1);
}
.cf-bg-light-d-2 {
    background-color: var(--cfv-light-d-2);
}
.cf-bg-light-d-3 {
    background-color: var(--cfv-light-d-3);
}
.cf-bg-light-d-4 {
    background-color: var(--cfv-light-d-4);
}
.cf-bg-light-d-5 {
    background-color: var(--cfv-light-d-5);
}
.cf-bg-light-d-6 {
    background-color: var(--cfv-light-d-6);
}
.cf-bg-light-d-7 {
    background-color: var(--cfv-light-d-7);
}
.cf-bg-light-d-8 {
    background-color: var(--cfv-light-d-8);
}
.cf-bg-light-l-1 {
    background-color: var(--cfv-light-l-1);
}
.cf-bg-light-l-2 {
    background-color: var(--cfv-light-l-2);
}
.cf-bg-light-l-3 {
    background-color: var(--cfv-light-l-3);
}
.cf-bg-light-l-4 {
    background-color: var(--cfv-light-l-4);
}
.cf-bg-light-l-5 {
    background-color: var(--cfv-light-l-5);
}
.cf-bg-light-l-6 {
    background-color: var(--cfv-light-l-6);
}
.cf-bg-light-l-7 {
    background-color: var(--cfv-light-l-7);
}
.cf-bg-light-l-8 {
    background-color: var(--cfv-light-l-8);
}
.cf-text-light {
    color: var(--cfv-light);
}
.cf-text-light-5 {
    color: var(--cfv-light-5);
}
.cf-text-light-10 {
    color: var(--cfv-light-10);
}
.cf-text-light-20 {
    color: var(--cfv-light-20);
}
.cf-text-light-30 {
    color: var(--cfv-light-30);
}
.cf-text-light-40 {
    color: var(--cfv-light-40);
}
.cf-text-light-50 {
    color: var(--cfv-light-50);
}
.cf-text-light-60 {
    color: var(--cfv-light-60);
}
.cf-text-light-70 {
    color: var(--cfv-light-70);
}
.cf-text-light-80 {
    color: var(--cfv-light-80);
}
.cf-text-light-90 {
    color: var(--cfv-light-90);
}
.cf-text-light-d-1 {
    color: var(--cfv-light-d-1);
}
.cf-text-light-d-2 {
    color: var(--cfv-light-d-2);
}
.cf-text-light-d-3 {
    color: var(--cfv-light-d-3);
}
.cf-text-light-d-4 {
    color: var(--cfv-light-d-4);
}
.cf-text-light-d-5 {
    color: var(--cfv-light-d-5);
}
.cf-text-light-d-6 {
    color: var(--cfv-light-d-6);
}
.cf-text-light-d-7 {
    color: var(--cfv-light-d-7);
}
.cf-text-light-d-8 {
    color: var(--cfv-light-d-8);
}
.cf-text-light-l-1 {
    color: var(--cfv-light-l-1);
}
.cf-text-light-l-2 {
    color: var(--cfv-light-l-2);
}
.cf-text-light-l-3 {
    color: var(--cfv-light-l-3);
}
.cf-text-light-l-4 {
    color: var(--cfv-light-l-4);
}
.cf-text-light-l-5 {
    color: var(--cfv-light-l-5);
}
.cf-text-light-l-6 {
    color: var(--cfv-light-l-6);
}
.cf-text-light-l-7 {
    color: var(--cfv-light-l-7);
}
.cf-text-light-l-8 {
    color: var(--cfv-light-l-8);
}
.cf-border-light {
    border-color: var(--cfv-light);
}
.cf-border-light-5 {
    border-color: var(--cfv-light-5);
}
.cf-border-light-10 {
    border-color: var(--cfv-light-10);
}
.cf-border-light-20 {
    border-color: var(--cfv-light-20);
}
.cf-border-light-30 {
    border-color: var(--cfv-light-30);
}
.cf-border-light-40 {
    border-color: var(--cfv-light-40);
}
.cf-border-light-50 {
    border-color: var(--cfv-light-50);
}
.cf-border-light-60 {
    border-color: var(--cfv-light-60);
}
.cf-border-light-70 {
    border-color: var(--cfv-light-70);
}
.cf-border-light-80 {
    border-color: var(--cfv-light-80);
}
.cf-border-light-90 {
    border-color: var(--cfv-light-90);
}
.cf-border-light-d-1 {
    border-color: var(--cfv-light-d-1);
}
.cf-border-light-d-2 {
    border-color: var(--cfv-light-d-2);
}
.cf-border-light-d-3 {
    border-color: var(--cfv-light-d-3);
}
.cf-border-light-d-4 {
    border-color: var(--cfv-light-d-4);
}
.cf-border-light-d-5 {
    border-color: var(--cfv-light-d-5);
}
.cf-border-light-d-6 {
    border-color: var(--cfv-light-d-6);
}
.cf-border-light-d-7 {
    border-color: var(--cfv-light-d-7);
}
.cf-border-light-d-8 {
    border-color: var(--cfv-light-d-8);
}
.cf-border-light-l-1 {
    border-color: var(--cfv-light-l-1);
}
.cf-border-light-l-2 {
    border-color: var(--cfv-light-l-2);
}
.cf-border-light-l-3 {
    border-color: var(--cfv-light-l-3);
}
.cf-border-light-l-4 {
    border-color: var(--cfv-light-l-4);
}
.cf-border-light-l-5 {
    border-color: var(--cfv-light-l-5);
}
.cf-border-light-l-6 {
    border-color: var(--cfv-light-l-6);
}
.cf-border-light-l-7 {
    border-color: var(--cfv-light-l-7);
}
.cf-border-light-l-8 {
    border-color: var(--cfv-light-l-8);
}
.cf-fill-light {
    fill: var(--cfv-light);
}
.cf-fill-light-5 {
    fill: var(--cfv-light-5);
}
.cf-fill-light-10 {
    fill: var(--cfv-light-10);
}
.cf-fill-light-20 {
    fill: var(--cfv-light-20);
}
.cf-fill-light-30 {
    fill: var(--cfv-light-30);
}
.cf-fill-light-40 {
    fill: var(--cfv-light-40);
}
.cf-fill-light-50 {
    fill: var(--cfv-light-50);
}
.cf-fill-light-60 {
    fill: var(--cfv-light-60);
}
.cf-fill-light-70 {
    fill: var(--cfv-light-70);
}
.cf-fill-light-80 {
    fill: var(--cfv-light-80);
}
.cf-fill-light-90 {
    fill: var(--cfv-light-90);
}
.cf-fill-light-d-1 {
    fill: var(--cfv-light-d-1);
}
.cf-fill-light-d-2 {
    fill: var(--cfv-light-d-2);
}
.cf-fill-light-d-3 {
    fill: var(--cfv-light-d-3);
}
.cf-fill-light-d-4 {
    fill: var(--cfv-light-d-4);
}
.cf-fill-light-d-5 {
    fill: var(--cfv-light-d-5);
}
.cf-fill-light-d-6 {
    fill: var(--cfv-light-d-6);
}
.cf-fill-light-d-7 {
    fill: var(--cfv-light-d-7);
}
.cf-fill-light-d-8 {
    fill: var(--cfv-light-d-8);
}
.cf-fill-light-l-1 {
    fill: var(--cfv-light-l-1);
}
.cf-fill-light-l-2 {
    fill: var(--cfv-light-l-2);
}
.cf-fill-light-l-3 {
    fill: var(--cfv-light-l-3);
}
.cf-fill-light-l-4 {
    fill: var(--cfv-light-l-4);
}
.cf-fill-light-l-5 {
    fill: var(--cfv-light-l-5);
}
.cf-fill-light-l-6 {
    fill: var(--cfv-light-l-6);
}
.cf-fill-light-l-7 {
    fill: var(--cfv-light-l-7);
}
.cf-fill-light-l-8 {
    fill: var(--cfv-light-l-8);
}
.cf-bg-dark {
    background-color: var(--cfv-dark);
}
.cf-bg-dark-5 {
    background-color: var(--cfv-dark-5);
}
.cf-bg-dark-10 {
    background-color: var(--cfv-dark-10);
}
.cf-bg-dark-20 {
    background-color: var(--cfv-dark-20);
}
.cf-bg-dark-30 {
    background-color: var(--cfv-dark-30);
}
.cf-bg-dark-40 {
    background-color: var(--cfv-dark-40);
}
.cf-bg-dark-50 {
    background-color: var(--cfv-dark-50);
}
.cf-bg-dark-60 {
    background-color: var(--cfv-dark-60);
}
.cf-bg-dark-70 {
    background-color: var(--cfv-dark-70);
}
.cf-bg-dark-80 {
    background-color: var(--cfv-dark-80);
}
.cf-bg-dark-90 {
    background-color: var(--cfv-dark-90);
}
.cf-text-dark {
    color: var(--cfv-dark);
}
.cf-text-dark-5 {
    color: var(--cfv-dark-5);
}
.cf-text-dark-10 {
    color: var(--cfv-dark-10);
}
.cf-text-dark-20 {
    color: var(--cfv-dark-20);
}
.cf-text-dark-30 {
    color: var(--cfv-dark-30);
}
.cf-text-dark-40 {
    color: var(--cfv-dark-40);
}
.cf-text-dark-50 {
    color: var(--cfv-dark-50);
}
.cf-text-dark-60 {
    color: var(--cfv-dark-60);
}
.cf-text-dark-70 {
    color: var(--cfv-dark-70);
}
.cf-text-dark-80 {
    color: var(--cfv-dark-80);
}
.cf-text-dark-90 {
    color: var(--cfv-dark-90);
}
.cf-border-dark {
    border-color: var(--cfv-dark);
}
.cf-border-dark-5 {
    border-color: var(--cfv-dark-5);
}
.cf-border-dark-10 {
    border-color: var(--cfv-dark-10);
}
.cf-border-dark-20 {
    border-color: var(--cfv-dark-20);
}
.cf-border-dark-30 {
    border-color: var(--cfv-dark-30);
}
.cf-border-dark-40 {
    border-color: var(--cfv-dark-40);
}
.cf-border-dark-50 {
    border-color: var(--cfv-dark-50);
}
.cf-border-dark-60 {
    border-color: var(--cfv-dark-60);
}
.cf-border-dark-70 {
    border-color: var(--cfv-dark-70);
}
.cf-border-dark-80 {
    border-color: var(--cfv-dark-80);
}
.cf-border-dark-90 {
    border-color: var(--cfv-dark-90);
}
.cf-fill-dark {
    fill: var(--cfv-dark);
}
.cf-fill-dark-5 {
    fill: var(--cfv-dark-5);
}
.cf-fill-dark-10 {
    fill: var(--cfv-dark-10);
}
.cf-fill-dark-20 {
    fill: var(--cfv-dark-20);
}
.cf-fill-dark-30 {
    fill: var(--cfv-dark-30);
}
.cf-fill-dark-40 {
    fill: var(--cfv-dark-40);
}
.cf-fill-dark-50 {
    fill: var(--cfv-dark-50);
}
.cf-fill-dark-60 {
    fill: var(--cfv-dark-60);
}
.cf-fill-dark-70 {
    fill: var(--cfv-dark-70);
}
.cf-fill-dark-80 {
    fill: var(--cfv-dark-80);
}
.cf-fill-dark-90 {
    fill: var(--cfv-dark-90);
}
.cf-bg-success {
    background-color: var(--cfv-success);
}
.cf-bg-success-5 {
    background-color: var(--cfv-success-5);
}
.cf-bg-success-10 {
    background-color: var(--cfv-success-10);
}
.cf-bg-success-20 {
    background-color: var(--cfv-success-20);
}
.cf-bg-success-30 {
    background-color: var(--cfv-success-30);
}
.cf-bg-success-40 {
    background-color: var(--cfv-success-40);
}
.cf-bg-success-50 {
    background-color: var(--cfv-success-50);
}
.cf-bg-success-60 {
    background-color: var(--cfv-success-60);
}
.cf-bg-success-70 {
    background-color: var(--cfv-success-70);
}
.cf-bg-success-80 {
    background-color: var(--cfv-success-80);
}
.cf-bg-success-90 {
    background-color: var(--cfv-success-90);
}
.cf-text-success {
    color: var(--cfv-success);
}
.cf-text-success-5 {
    color: var(--cfv-success-5);
}
.cf-text-success-10 {
    color: var(--cfv-success-10);
}
.cf-text-success-20 {
    color: var(--cfv-success-20);
}
.cf-text-success-30 {
    color: var(--cfv-success-30);
}
.cf-text-success-40 {
    color: var(--cfv-success-40);
}
.cf-text-success-50 {
    color: var(--cfv-success-50);
}
.cf-text-success-60 {
    color: var(--cfv-success-60);
}
.cf-text-success-70 {
    color: var(--cfv-success-70);
}
.cf-text-success-80 {
    color: var(--cfv-success-80);
}
.cf-text-success-90 {
    color: var(--cfv-success-90);
}
.cf-border-success {
    border-color: var(--cfv-success);
}
.cf-border-success-5 {
    border-color: var(--cfv-success-5);
}
.cf-border-success-10 {
    border-color: var(--cfv-success-10);
}
.cf-border-success-20 {
    border-color: var(--cfv-success-20);
}
.cf-border-success-30 {
    border-color: var(--cfv-success-30);
}
.cf-border-success-40 {
    border-color: var(--cfv-success-40);
}
.cf-border-success-50 {
    border-color: var(--cfv-success-50);
}
.cf-border-success-60 {
    border-color: var(--cfv-success-60);
}
.cf-border-success-70 {
    border-color: var(--cfv-success-70);
}
.cf-border-success-80 {
    border-color: var(--cfv-success-80);
}
.cf-border-success-90 {
    border-color: var(--cfv-success-90);
}
.cf-bg-error {
    background-color: var(--cfv-error);
}
.cf-bg-error-5 {
    background-color: var(--cfv-error-5);
}
.cf-bg-error-10 {
    background-color: var(--cfv-error-10);
}
.cf-bg-error-20 {
    background-color: var(--cfv-error-20);
}
.cf-bg-error-30 {
    background-color: var(--cfv-error-30);
}
.cf-bg-error-40 {
    background-color: var(--cfv-error-40);
}
.cf-bg-error-50 {
    background-color: var(--cfv-error-50);
}
.cf-bg-error-60 {
    background-color: var(--cfv-error-60);
}
.cf-bg-error-70 {
    background-color: var(--cfv-error-70);
}
.cf-bg-error-80 {
    background-color: var(--cfv-error-80);
}
.cf-bg-error-90 {
    background-color: var(--cfv-error-90);
}
.cf-text-error {
    color: var(--cfv-error);
}
.cf-text-error-5 {
    color: var(--cfv-error-5);
}
.cf-text-error-10 {
    color: var(--cfv-error-10);
}
.cf-text-error-20 {
    color: var(--cfv-error-20);
}
.cf-text-error-30 {
    color: var(--cfv-error-30);
}
.cf-text-error-40 {
    color: var(--cfv-error-40);
}
.cf-text-error-50 {
    color: var(--cfv-error-50);
}
.cf-text-error-60 {
    color: var(--cfv-error-60);
}
.cf-text-error-70 {
    color: var(--cfv-error-70);
}
.cf-text-error-80 {
    color: var(--cfv-error-80);
}
.cf-text-error-90 {
    color: var(--cfv-error-90);
}
.cf-border-error {
    border-color: var(--cfv-error);
}
.cf-border-error-5 {
    border-color: var(--cfv-error-5);
}
.cf-border-error-10 {
    border-color: var(--cfv-error-10);
}
.cf-border-error-20 {
    border-color: var(--cfv-error-20);
}
.cf-border-error-30 {
    border-color: var(--cfv-error-30);
}
.cf-border-error-40 {
    border-color: var(--cfv-error-40);
}
.cf-border-error-50 {
    border-color: var(--cfv-error-50);
}
.cf-border-error-60 {
    border-color: var(--cfv-error-60);
}
.cf-border-error-70 {
    border-color: var(--cfv-error-70);
}
.cf-border-error-80 {
    border-color: var(--cfv-error-80);
}
.cf-border-error-90 {
    border-color: var(--cfv-error-90);
}
/* Fluid Spacing */
.cf-padding-xs {
    padding: var(--cfv-space-xs);
}
.cf-padding-s {
    padding: var(--cfv-space-s);
}
.cf-padding-m {
    padding: var(--cfv-space-m);
}
.cf-padding-l {
    padding: var(--cfv-space-l);
}
.cf-padding-xl {
    padding: var(--cfv-space-xl);
}
.cf-padding-2xl {
    padding: var(--cfv-space-2xl);
}
.cf-padding-3xl {
    padding: var(--cfv-space-3xl);
}
.cf-padding-4xl {
    padding: var(--cfv-space-4xl);
}
.cf-padding-left-xs {
    padding-left: var(--cfv-space-xs);
}
.cf-padding-left-s {
    padding-left: var(--cfv-space-s);
}
.cf-padding-left-m {
    padding-left: var(--cfv-space-m);
}
.cf-padding-left-l {
    padding-left: var(--cfv-space-l);
}
.cf-padding-left-xl {
    padding-left: var(--cfv-space-xl);
}
.cf-padding-left-2xl {
    padding-left: var(--cfv-space-2xl);
}
.cf-padding-left-3xl {
    padding-left: var(--cfv-space-3xl);
}
.cf-padding-left-4xl {
    padding-left: var(--cfv-space-4xl);
}
.cf-padding-right-xs {
    padding-right: var(--cfv-space-xs);
}
.cf-padding-right-s {
    padding-right: var(--cfv-space-s);
}
.cf-padding-right-m {
    padding-right: var(--cfv-space-m);
}
.cf-padding-right-l {
    padding-right: var(--cfv-space-l);
}
.cf-padding-right-xl {
    padding-right: var(--cfv-space-xl);
}
.cf-padding-right-2xl {
    padding-right: var(--cfv-space-2xl);
}
.cf-padding-right-3xl {
    padding-right: var(--cfv-space-3xl);
}
.cf-padding-right-4xl {
    padding-right: var(--cfv-space-4xl);
}
.cf-padding-top-xs {
    padding-top: var(--cfv-space-xs);
}
.cf-padding-top-s {
    padding-top: var(--cfv-space-s);
}
.cf-padding-top-m {
    padding-top: var(--cfv-space-m);
}
.cf-padding-top-l {
    padding-top: var(--cfv-space-l);
}
.cf-padding-top-xl {
    padding-top: var(--cfv-space-xl);
}
.cf-padding-top-2xl {
    padding-top: var(--cfv-space-2xl);
}
.cf-padding-top-3xl {
    padding-top: var(--cfv-space-3xl);
}
.cf-padding-top-4xl {
    padding-top: var(--cfv-space-4xl);
}
.cf-padding-bottom-xs {
    padding-bottom: var(--cfv-space-xs);
}
.cf-padding-bottom-s {
    padding-bottom: var(--cfv-space-s);
}
.cf-padding-bottom-m {
    padding-bottom: var(--cfv-space-m);
}
.cf-padding-bottom-l {
    padding-bottom: var(--cfv-space-l);
}
.cf-padding-bottom-xl {
    padding-bottom: var(--cfv-space-xl);
}
.cf-padding-bottom-2xl {
    padding-bottom: var(--cfv-space-2xl);
}
.cf-padding-bottom-3xl {
    padding-bottom: var(--cfv-space-3xl);
}
.cf-padding-bottom-4xl {
    padding-bottom: var(--cfv-space-4xl);
}
.cf-padding-horizontal-xs {
    padding-left: var(--cfv-space-xs);
    padding-right: var(--cfv-space-xs);
}
.cf-padding-horizontal-s {
    padding-left: var(--cfv-space-s);
    padding-right: var(--cfv-space-s);
}
.cf-padding-horizontal-m {
    padding-left: var(--cfv-space-m);
    padding-right: var(--cfv-space-m);
}
.cf-padding-horizontal-l {
    padding-left: var(--cfv-space-l);
    padding-right: var(--cfv-space-l);
}
.cf-padding-horizontal-xl {
    padding-left: var(--cfv-space-xl);
    padding-right: var(--cfv-space-xl);
}
.cf-padding-horizontal-2xl {
    padding-left: var(--cfv-space-2xl);
    padding-right: var(--cfv-space-2xl);
}
.cf-padding-horizontal-3xl {
    padding-left: var(--cfv-space-3xl);
    padding-right: var(--cfv-space-3xl);
}
.cf-padding-horizontal-4xl {
    padding-left: var(--cfv-space-4xl);
    padding-right: var(--cfv-space-4xl);
}
.cf-padding-vertical-xs {
    padding-top: var(--cfv-space-xs);
    padding-bottom: var(--cfv-space-xs);
}
.cf-padding-vertical-s {
    padding-top: var(--cfv-space-s);
    padding-bottom: var(--cfv-space-s);
}
.cf-padding-vertical-m {
    padding-top: var(--cfv-space-m);
    padding-bottom: var(--cfv-space-m);
}
.cf-padding-vertical-l {
    padding-top: var(--cfv-space-l);
    padding-bottom: var(--cfv-space-l);
}
.cf-padding-vertical-xl {
    padding-top: var(--cfv-space-xl);
    padding-bottom: var(--cfv-space-xl);
}
.cf-padding-vertical-2xl {
    padding-top: var(--cfv-space-2xl);
    padding-bottom: var(--cfv-space-2xl);
}
.cf-padding-vertical-3xl {
    padding-top: var(--cfv-space-3xl);
    padding-bottom: var(--cfv-space-3xl);
}
.cf-padding-vertical-4xl {
    padding-top: var(--cfv-space-4xl);
    padding-bottom: var(--cfv-space-4xl);
}
.cf-margin-xs {
    margin: var(--cfv-space-xs);
}
.cf-margin-s {
    margin: var(--cfv-space-s);
}
.cf-margin-m {
    margin: var(--cfv-space-m);
}
.cf-margin-l {
    margin: var(--cfv-space-l);
}
.cf-margin-xl {
    margin: var(--cfv-space-xl);
}
.cf-margin-2xl {
    margin: var(--cfv-space-2xl);
}
.cf-margin-3xl {
    margin: var(--cfv-space-3xl);
}
.cf-margin-4xl {
    margin: var(--cfv-space-4xl);
}
.cf-margin-left-xs {
    margin-left: var(--cfv-space-xs);
}
.cf-margin-left-s {
    margin-left: var(--cfv-space-s);
}
.cf-margin-left-m {
    margin-left: var(--cfv-space-m);
}
.cf-margin-left-l {
    margin-left: var(--cfv-space-l);
}
.cf-margin-left-xl {
    margin-left: var(--cfv-space-xl);
}
.cf-margin-left-2xl {
    margin-left: var(--cfv-space-2xl);
}
.cf-margin-left-3xl {
    margin-left: var(--cfv-space-3xl);
}
.cf-margin-left-4xl {
    margin-left: var(--cfv-space-4xl);
}
.cf-margin-right-xs {
    margin-right: var(--cfv-space-xs);
}
.cf-margin-right-s {
    margin-right: var(--cfv-space-s);
}
.cf-margin-right-m {
    margin-right: var(--cfv-space-m);
}
.cf-margin-right-l {
    margin-right: var(--cfv-space-l);
}
.cf-margin-right-xl {
    margin-right: var(--cfv-space-xl);
}
.cf-margin-right-2xl {
    margin-right: var(--cfv-space-2xl);
}
.cf-margin-right-3xl {
    margin-right: var(--cfv-space-3xl);
}
.cf-margin-right-4xl {
    margin-right: var(--cfv-space-4xl);
}
.cf-margin-top-xs {
    margin-top: var(--cfv-space-xs);
}
.cf-margin-top-s {
    margin-top: var(--cfv-space-s);
}
.cf-margin-top-m {
    margin-top: var(--cfv-space-m);
}
.cf-margin-top-l {
    margin-top: var(--cfv-space-l);
}
.cf-margin-top-xl {
    margin-top: var(--cfv-space-xl);
}
.cf-margin-top-2xl {
    margin-top: var(--cfv-space-2xl);
}
.cf-margin-top-3xl {
    margin-top: var(--cfv-space-3xl);
}
.cf-margin-top-4xl {
    margin-top: var(--cfv-space-4xl);
}
.cf-margin-bottom-xs {
    margin-bottom: var(--cfv-space-xs);
}
.cf-margin-bottom-s {
    margin-bottom: var(--cfv-space-s);
}
.cf-margin-bottom-m {
    margin-bottom: var(--cfv-space-m);
}
.cf-margin-bottom-l {
    margin-bottom: var(--cfv-space-l);
}
.cf-margin-bottom-xl {
    margin-bottom: var(--cfv-space-xl);
}
.cf-margin-bottom-2xl {
    margin-bottom: var(--cfv-space-2xl);
}
.cf-margin-bottom-3xl {
    margin-bottom: var(--cfv-space-3xl);
}
.cf-margin-bottom-4xl {
    margin-bottom: var(--cfv-space-4xl);
}
.cf-margin-horizontal-xs {
    margin-left: var(--cfv-space-xs);
    margin-right: var(--cfv-space-xs);
}
.cf-margin-horizontal-s {
    margin-left: var(--cfv-space-s);
    margin-right: var(--cfv-space-s);
}
.cf-margin-horizontal-m {
    margin-left: var(--cfv-space-m);
    margin-right: var(--cfv-space-m);
}
.cf-margin-horizontal-l {
    margin-left: var(--cfv-space-l);
    margin-right: var(--cfv-space-l);
}
.cf-margin-horizontal-xl {
    margin-left: var(--cfv-space-xl);
    margin-right: var(--cfv-space-xl);
}
.cf-margin-horizontal-2xl {
    margin-left: var(--cfv-space-2xl);
    margin-right: var(--cfv-space-2xl);
}
.cf-margin-horizontal-3xl {
    margin-left: var(--cfv-space-3xl);
    margin-right: var(--cfv-space-3xl);
}
.cf-margin-horizontal-4xl {
    margin-left: var(--cfv-space-4xl);
    margin-right: var(--cfv-space-4xl);
}
.cf-margin-vertical-xs {
    margin-top: var(--cfv-space-xs);
    margin-bottom: var(--cfv-space-xs);
}
.cf-margin-vertical-s {
    margin-top: var(--cfv-space-s);
    margin-bottom: var(--cfv-space-s);
}
.cf-margin-vertical-m {
    margin-top: var(--cfv-space-m);
    margin-bottom: var(--cfv-space-m);
}
.cf-margin-vertical-l {
    margin-top: var(--cfv-space-l);
    margin-bottom: var(--cfv-space-l);
}
.cf-margin-vertical-xl {
    margin-top: var(--cfv-space-xl);
    margin-bottom: var(--cfv-space-xl);
}
.cf-margin-vertical-2xl {
    margin-top: var(--cfv-space-2xl);
    margin-bottom: var(--cfv-space-2xl);
}
.cf-margin-vertical-3xl {
    margin-top: var(--cfv-space-3xl);
    margin-bottom: var(--cfv-space-3xl);
}
.cf-margin-vertical-4xl {
    margin-top: var(--cfv-space-4xl);
    margin-bottom: var(--cfv-space-4xl);
}
.cf-gap-xs {
    gap: var(--cfv-space-xs);
}
.cf-gap-s {
    gap: var(--cfv-space-s);
}
.cf-gap-m {
    gap: var(--cfv-space-m);
}
.cf-gap-l {
    gap: var(--cfv-space-l);
}
.cf-gap-xl {
    gap: var(--cfv-space-xl);
}
.cf-gap-2xl {
    gap: var(--cfv-space-2xl);
}
.cf-gap-3xl {
    gap: var(--cfv-space-3xl);
}
.cf-gap-4xl {
    gap: var(--cfv-space-4xl);
}
/* Fluid Typography */
.cf-text-s {
    font-size: var(--cfv-text-s);
}
.cf-text-m {
    font-size: var(--cfv-text-m);
}
.cf-text-l {
    font-size: var(--cfv-text-l);
}
.cf-text-xl {
    font-size: var(--cfv-text-xl);
}
.cf-text-2xl {
    font-size: var(--cfv-text-2xl);
}
.cf-text-3xl {
    font-size: var(--cfv-text-3xl);
}
.cf-text-4xl {
    font-size: var(--cfv-text-4xl);
}
.cf-text-5xl {
    font-size: var(--cfv-text-5xl);
}
/* Contextual variables */
/* Headings */
H1 {
    font-size: var(--cfv-text-4xl);
    line-height: 1.2;
	color: var(--e-global-color-accent);
}
H2 {
    font-size: var(--cfv-text-3xl);
    line-height: 1.3;
	color: var(--e-global-color-accent) !important;
}
H3 {
    font-size: var(--cfv-text-2xl);
    line-height: 1.3;
	color: var(--e-global-color-primary);
}
H4 {
    font-size: var(--cfv-text-xl);
    line-height: 1.3;
	color: var(--e-global-color-primary);
}
H5 {
    font-size: var(--cfv-text-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--cfv-text-m);
    line-height: 1.4;
}
.hero {
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-05a2160-font-family), Sans-serif;
    font-size: var(--cfv-text-5xl) !important;
    font-weight: var(--e-global-typography-05a2160-font-weight);
	line-height: 1.2;
	padding: var(--cfv-space-3xl) 0;
}
#h1hero{
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-05a2160-font-family), Sans-serif;
    font-size: var(--cfv-text-5xl) !important;
    font-weight: var(--e-global-typography-05a2160-font-weight);
	line-height: 1.2;
	padding: var(--cfv-space-3xl) 0;
}

/* Line heights */
.cf-line-height-xs {
    line-height: 1;
}
.cf-line-height-s {
    line-height: 1.2;
}
.cf-line-height-m {
    line-height: 1.3;
}
.cf-line-height-l {
    line-height: 1.4;
}
.cf-line-height-xl {
    line-height: 1.5;
}
.cf-line-height-2xl {
    line-height: 1.8;
}
.cf-line-height-3xl {
    line-height: 2;
}
/* Text Modifiers */
.cf-italic {
    font-style: italic;
}
.cf-bold {
    font-weight: bold;
}
.cf-lowercase {
    text-transform: lowercase;
}
.cf-uppercase {
    text-transform: uppercase;
}
.cf-underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.cf-font-100 {
    font-weight: 100;
}
.cf-font-200 {
    font-weight: 200;
}
.cf-font-300 {
    font-weight: 300;
}
.cf-font-400 {
    font-weight: 400;
}
.cf-font-500 {
    font-weight: 500;
}
.cf-font-600 {
    font-weight: 600;
}
.cf-font-700 {
    font-weight: 700;
}
.cf-font-800 {
    font-weight: 800;
}
.cf-font-900 {
    font-weight: 900;
}
/* Text Alignment */
.cf-text-left {
    text-align: left;
}
.cf-text-center {
    text-align: center;
}
.cf-text-right {
    text-align: right;
}
.cf-text-justify {
    text-align: justify;
}

/* Grid Layouts */
.cf-row {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
}
.cf-column {
    display: grid;
    grid-auto-flow: row;
    justify-items: start;
    align-content: start;
}
.cf-columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.cf-columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.cf-columns-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
.cf-columns-5 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
}
.cf-columns-6 {
    display: grid;
    grid-template-columns: repeat(6,1fr);
}
.cf-columns-7 {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}
.cf-columns-8 {
    display: grid;
    grid-template-columns: repeat(8,1fr);
}
/* Automatic Columns */
.cf-columns-min-5 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr));
}
.cf-columns-min-10 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}
.cf-columns-min-20 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}
.cf-columns-min-30 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr));
}
.cf-columns-min-40 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(40rem, 1fr));
}
.cf-columns-min-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50rem, 1fr));
}
.cf-columns-min-60 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(60rem, 1fr));
}
.cf-columns-min-70 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(70rem, 1fr));
}
/* Simple Flex Layouts */
.cf-flex-row {
    display: flex;
    flex-direction: row;
}
.cf-flex-column {
    display: flex;
    flex-direction: column;
}
.cf-flex-1 {
    flex: 1;
}
.cf-flex-2 {
    flex: 2;
}
.cf-flex-3 {
    flex: 3;
}
.cf-flex-wrap {
    flex-wrap: wrap;
}
.cf-flex-nowrap {
    flex-wrap: nowrap;
}
/* Grid Column Span */
.cf-col-span-2 {
    grid-column: auto / span 2;
}
.cf-col-span-3 {
    grid-column: auto / span 3;
}
.cf-col-span-4 {
    grid-column: auto / span 4;
}
.cf-col-span-5 {
    grid-column: auto / span 5;
}
.cf-col-span-6 {
    grid-column: auto / span 6;
}
.cf-col-span-7 {
    grid-column: auto / span 7;
}
.cf-col-span-8 {
    grid-column: auto / span 8;
}
/* Grid Column Start */
.cf-col-start-1 {
    grid-column-start: 1;
}
.cf-col-start-2 {
    grid-column-start: 2;
}
.cf-col-start-3 {
    grid-column-start: 3;
}
.cf-col-start-4 {
    grid-column-start: 4;
}
.cf-col-start-5 {
    grid-column-start: 5;
}
.cf-col-start-6 {
    grid-column-start: 6;
}
.cf-col-start-7 {
    grid-column-start: 7;
}
.cf-col-start-8 {
    grid-column-start: 8;
}
/* Grid Row Span */
.cf-row-span-2 {
    grid-row: auto / span 2;
}
.cf-row-span-3 {
    grid-row: auto / span 3;
}
.cf-row-span-4 {
    grid-row: auto / span 4;
}
.cf-row-span-5 {
    grid-row: auto / span 5;
}
.cf-row-span-6 {
    grid-row: auto / span 6;
}
.cf-row-span-7 {
    grid-row: auto / span 7;
}
.cf-row-span-8 {
    grid-row: auto / span 8;
}
/* Grid Row Start */
.cf-row-start-1 {
    grid-row-start: 1;
}
.cf-row-start-2 {
    grid-row-start: 2;
}
.cf-row-start-3 {
    grid-row-start: 3;
}
.cf-row-start-4 {
    grid-row-start: 4;
}
.cf-row-start-5 {
    grid-row-start: 5;
}
.cf-row-start-6 {
    grid-row-start: 6;
}
.cf-row-start-7 {
    grid-row-start: 7;
}
.cf-row-start-8 {
    grid-row-start: 8;
}
/* Alignments */
.cf-items-left {
    justify-items: start;
}
.cf-content-left {
    justify-content: start;
}
.cf-items-center {
    justify-items: center;
}
.cf-content-center {
    justify-content: center;
}
.cf-items-right {
    justify-items: end;
}
.cf-content-right {
    justify-content: end;
}
.cf-items-top {
    align-items: start;
}
.cf-content-top {
    align-content: start;
}
.cf-items-middle {
    align-items: center;
}
.cf-content-middle {
    align-content: center;
}
.cf-items-bottom {
    align-items: end;
}
.cf-content-bottom {
    align-content: end;
}
.cf-items-stretch {
    align-items: stretch;
}
.cf-content-stretch {
    justify-content: stretch;
}
.cf-space-between {
    justify-content: space-between;
}
.cf-space-around {
    justify-content: space-around;
}
/* Self Alignments */
.cf-self-left {
    margin-right: auto;
    place-self: start;
}
.cf-self-center {
    margin-inline: auto;
    place-self: center;
}
.cf-self-right {
    margin-left: auto;
    place-self: end;
}
.cf-self-top {
    margin-bottom: auto;
    align-self: start;
}
.cf-self-middle {
    margin-block: auto;
    align-self: center;
}
.cf-self-bottom {
    margin-top: auto;
    align-self: end;
}
.cf-self-stretch {
    align-self: stretch;
}
/* Dimensions */
.cf-full-width {
    width: 100%;
}
.cf-full-height {
    height: 100%;
}
.cf-screen-width {
    width: 100vw;
}
.cf-screen-height {
    height: 100vh;
}
.cf-auto-width {
    width: auto;
}
.cf-auto-height {
    height: auto;
}
.cf-width-90 {
    width: 90%;
}
.cf-width-80 {
    width: 80%;
}
.cf-width-70 {
    width: 70%;
}
.cf-width-60 {
    width: 60%;
}
.cf-width-50 {
    width: 50%;
}
.cf-width-40 {
    width: 40%;
}
.cf-width-30 {
    width: 30%;
}
.cf-width-20 {
    width: 20%;
}
.cf-width-10 {
    width: 10%;
}
/* Max Width */
.cf-max-site-width {
    max-width: 140rem;
    width: 100%;
}
.cf-max-width-140 {
    max-width: 140rem;
}
.cf-max-width-130 {
    max-width: 130rem;
}
.cf-max-width-120 {
    max-width: 120rem;
}
.cf-max-width-110 {
    max-width: 110rem;
}
.cf-max-width-100 {
    max-width: 100rem;
}
.cf-max-width-90 {
    max-width: 90rem;
}
.cf-max-width-80 {
    max-width: 80rem;
}
.cf-max-width-70 {
    max-width: 70rem;
}
.cf-max-width-60 {
    max-width: 60rem;
}
.cf-max-width-50 {
    max-width: 50rem;
}
.cf-max-width-40 {
    max-width: 40rem;
}
.cf-max-width-30 {
    max-width: 30rem;
}
.cf-max-width-20 {
    max-width: 20rem;
}
.cf-max-width-10 {
    max-width: 10rem;
}
/* Border Radius */
.cf-radius-xs {
    border-radius: var(--cfv-radius-xs);
}
.cf-radius-s {
    border-radius: var(--cfv-radius-s);
}
.cf-radius-m {
    border-radius: var(--cfv-radius-m);
}
.cf-radius-l {
    border-radius: var(--cfv-radius-l);
}
.cf-radius-xl {
    border-radius: var(--cfv-radius-xl);
}
.cf-radius-full {
    border-radius: var(--cfv-radius-full);
}
/* Borders */
.cf-border {
    border-width: 1px;
    border-style: solid;
}
.cf-border-left {
    border-left-width: 1px;
    border-left-style: solid;
}
.cf-border-right {
    border-right-width: 1px;
    border-right-style: solid;
}
.cf-border-top {
    border-top-width: 1px;
    border-top-style: solid;
}
.cf-border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/* Shadows */
.cf-shadow-xs {
    box-shadow: var(--cfv-shadow-xs);
}
.cf-shadow-s {
    box-shadow: var(--cfv-shadow-s);
}
.cf-shadow-m {
    box-shadow: var(--cfv-shadow-m);
}
.cf-shadow-l {
    box-shadow: var(--cfv-shadow-l);
}
.cf-shadow-xl {
    box-shadow: var(--cfv-shadow-xl);
}
/* Opacity */
.cf-opacity-0 {
    opacity: 0;
}
.cf-opacity-10 {
    opacity: 0.1;
}
.cf-opacity-20 {
    opacity: 0.2;
}
.cf-opacity-30 {
    opacity: 0.3;
}
.cf-opacity-40 {
    opacity: 0.4;
}
.cf-opacity-50 {
    opacity: 0.5;
}
.cf-opacity-60 {
    opacity: 0.6;
}
.cf-opacity-70 {
    opacity: 0.7;
}
.cf-opacity-80 {
    opacity: 0.8;
}
.cf-opacity-90 {
    opacity: 0.9;
}
.cf-opacity-100 {
    opacity: 1;
}
/* Aspect Ratios */
.cf-aspect-1 {
    aspect-ratio: 1;
}
.cf-aspect-4-3 {
    aspect-ratio: 4 / 3;
}
.cf-aspect-3-4 {
    aspect-ratio: 3 / 4;
}
.cf-aspect-3-2 {
    aspect-ratio: 3 / 2;
}
.cf-aspect-2-3 {
    aspect-ratio: 2 / 3;
}
.cf-aspect-16-9 {
    aspect-ratio: 16 / 9;
}
.cf-aspect-9-16 {
    aspect-ratio: 9 / 16;
}
/* Image Fit */
.cf-fit-contain {
    object-fit: contain;
}
.cf-fit-cover {
    object-fit: cover;
}
.cf-fit-fill {
    object-fit: fill;
}
/* Backdrop Blur */
.cf-bg-blur-xs {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.cf-bg-blur-s {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}
.cf-bg-blur-m {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.cf-bg-blur-l {
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
}
.cf-bg-blur-xl {
    -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
}
/* Filters */
.cf-grayscale {
    filter: grayscale(1);
}
/* Transforms */
.cf-rotate-90 {
    transform: rotate(90deg);
}
.cf-rotate-180 {
    transform: rotate(180deg);
}
/* Utilities */
.cf-display-none {
    display: none;
}
.cf-visible {
    visibility: visible;
}
.cf-hidden {
    visibility: hidden;
}
.cf-overflow-hidden {
    overflow: hidden;
}
.cf-overflow-auto {
    overflow: auto;
}
.cf-overflow-x-hidden {
    overflow-x: hidden;
}
.cf-overflow-x-auto {
    overflow-x: auto;
}
.cf-overflow-y-hidden {
    overflow-y: hidden;
}
.cf-overflow-y-auto {
    overflow-y: auto;
}
.cf-list-none {
    list-style-type: none;
}
.cf-white-space-nowrap {
    white-space: nowrap;
}
.cf-transition-global {
    transition: all 0.3s;
}
/* Positioning */
.cf-relative {
    position: relative;
}
.cf-absolute {
    position: absolute;
}
.cf-sticky {
    position: sticky;
}
.cf-fixed {
    position: fixed;
}
.cf-inset-0 {
    inset: 0;
}
.cf-bottom-0 {
    bottom: 0;
}
.cf-top-0 {
    top: 0;
}
.cf-left-0 {
    left: 0;
}
.cf-right-0 {
    right: 0;
}
/* Cursors */
.cf-pointer {
    cursor: pointer;
}
.cf-not-allowed {
    cursor: not-allowed;
}
.cf-cursor-auto {
    cursor: auto;
}
.cf-no-pointer-events {
    pointer-events: none;
}
/* Z-Index */
.cf-z--1 {
    z-index: -1;
}
.cf-z-0 {
    z-index: 0;
}
.cf-z-1 {
    z-index: 1;
}
.cf-z-10 {
    z-index: 10;
}
.cf-z-100 {
    z-index: 100;
}
.cf-z-1000 {
    z-index: 1000;
}
.cf-z-10000 {
    z-index: 10000;
}
@media (max-width: 1400px) {
    .cf-column--on-xl {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .cf-row--on-xl {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .cf-columns-2--on-xl {
        grid-template-columns: repeat(2, 1fr);
    }
    .cf-columns-3--on-xl {
        grid-template-columns: repeat(3, 1fr);
    }
    .cf-columns-4--on-xl {
        grid-template-columns: repeat(4, 1fr);
    }
    .cf-columns-5--on-xl {
        grid-template-columns: repeat(5, 1fr);
    }
    .cf-columns-6--on-xl {
        grid-template-columns: repeat(6, 1fr);
    }
    .cf-col-span-1--on-xl {
        grid-column: auto / span 1;
    }
    .cf-col-span-2--on-xl {
        grid-column: auto / span 2;
    }
    .cf-col-span-3--on-xl {
        grid-column: auto / span 3;
    }
    .cf-col-span-4--on-xl {
        grid-column: auto / span 4;
    }
    .cf-col-span-5--on-xl {
        grid-column: auto / span 5;
    }
    .cf-col-span-6--on-xl {
        grid-column: auto / span 6;
    }
    .cf-col-start-1--on-xl {
        grid-column-start: 1;
    }
    .cf-col-start-2--on-xl {
        grid-column-start: 2;
    }
    .cf-col-start-3--on-xl {
        grid-column-start: 3;
    }
    .cf-col-start-4--on-xl {
        grid-column-start: 4;
    }
    .cf-col-start-5--on-xl {
        grid-column-start: 5;
    }
    .cf-col-start-6--on-xl {
        grid-column-start: 6;
    }
    .cf-row-span-1--on-xl {
        grid-row: auto / span 1;
    }
    .cf-row-span-2--on-xl {
        grid-row: auto / span 2;
    }
    .cf-row-span-3--on-xl {
        grid-row: auto / span 3;
    }
    .cf-row-span-4--on-xl {
        grid-row: auto / span 4;
    }
    .cf-row-span-5--on-xl {
        grid-row: auto / span 5;
    }
    .cf-row-span-6--on-xl {
        grid-row: auto / span 6;
    }
    .cf-row-start-1--on-xl {
        grid-row-start: 1;
    }
    .cf-row-start-2--on-xl {
        grid-row-start: 2;
    }
    .cf-row-start-3--on-xl {
        grid-row-start: 3;
    }
    .cf-row-start-4--on-xl {
        grid-row-start: 4;
    }
    .cf-row-start-5--on-xl {
        grid-row-start: 5;
    }
    .cf-row-start-6--on-xl {
        grid-row-start: 6;
    }
}
@media (max-width: 992px) {
    .cf-column--on-l {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .cf-row--on-l {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .cf-columns-2--on-l {
        grid-template-columns: repeat(2, 1fr);
    }
    .cf-columns-3--on-l {
        grid-template-columns: repeat(3, 1fr);
    }
    .cf-columns-4--on-l {
        grid-template-columns: repeat(4, 1fr);
    }
    .cf-columns-5--on-l {
        grid-template-columns: repeat(5, 1fr);
    }
    .cf-columns-6--on-l {
        grid-template-columns: repeat(6, 1fr);
    }
    .cf-col-span-1--on-l {
        grid-column: auto / span 1;
    }
    .cf-col-span-2--on-l {
        grid-column: auto / span 2;
    }
    .cf-col-span-3--on-l {
        grid-column: auto / span 3;
    }
    .cf-col-span-4--on-l {
        grid-column: auto / span 4;
    }
    .cf-col-span-5--on-l {
        grid-column: auto / span 5;
    }
    .cf-col-span-6--on-l {
        grid-column: auto / span 6;
    }
    .cf-col-start-1--on-l {
        grid-column-start: 1;
    }
    .cf-col-start-2--on-l {
        grid-column-start: 2;
    }
    .cf-col-start-3--on-l {
        grid-column-start: 3;
    }
    .cf-col-start-4--on-l {
        grid-column-start: 4;
    }
    .cf-col-start-5--on-l {
        grid-column-start: 5;
    }
    .cf-col-start-6--on-l {
        grid-column-start: 6;
    }
    .cf-row-span-1--on-l {
        grid-row: auto / span 1;
    }
    .cf-row-span-2--on-l {
        grid-row: auto / span 2;
    }
    .cf-row-span-3--on-l {
        grid-row: auto / span 3;
    }
    .cf-row-span-4--on-l {
        grid-row: auto / span 4;
    }
    .cf-row-span-5--on-l {
        grid-row: auto / span 5;
    }
    .cf-row-span-6--on-l {
        grid-row: auto / span 6;
    }
    .cf-row-start-1--on-l {
        grid-row-start: 1;
    }
    .cf-row-start-2--on-l {
        grid-row-start: 2;
    }
    .cf-row-start-3--on-l {
        grid-row-start: 3;
    }
    .cf-row-start-4--on-l {
        grid-row-start: 4;
    }
    .cf-row-start-5--on-l {
        grid-row-start: 5;
    }
    .cf-row-start-6--on-l {
        grid-row-start: 6;
    }
}
@media (max-width: 768px) {
    .cf-column--on-m {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .cf-row--on-m {
        grid-template-columns: unset;
        grid-auto-flow: column;
    }
    .cf-columns-2--on-m {
        grid-template-columns: repeat(2, 1fr);
    }
    .cf-columns-3--on-m {
        grid-template-columns: repeat(3, 1fr);
    }
    .cf-columns-4--on-m {
        grid-template-columns: repeat(4, 1fr);
    }
    .cf-columns-5--on-m {
        grid-template-columns: repeat(5, 1fr);
    }
    .cf-columns-6--on-m {
        grid-template-columns: repeat(6, 1fr);
    }
    .cf-col-span-1--on-m {
        grid-column: auto / span 1;
    }
    .cf-col-span-2--on-m {
        grid-column: auto / span 2;
    }
    .cf-col-span-3--on-m {
        grid-column: auto / span 3;
    }
    .cf-col-span-4--on-m {
        grid-column: auto / span 4;
    }
    .cf-col-span-5--on-m {
        grid-column: auto / span 5;
    }
    .cf-col-span-6--on-m {
        grid-column: auto / span 6;
    }
    .cf-col-start-1--on-m {
        grid-column: 1;
    }
    .cf-col-start-2--on-m {
        grid-column: 2;
    }
    .cf-col-start-3--on-m {
        grid-column: 3;
    }
    .cf-col-start-4--on-m {
        grid-column: 4;
    }
    .cf-col-start-5--on-m {
        grid-column: 5;
    }
    .cf-col-start-6--on-m {
        grid-column: 6;
    }
    .cf-row-span-1--on-m {
        grid-row: auto / span 1;
    }
    .cf-row-span-2--on-m {
        grid-row: auto / span 2;
    }
    .cf-row-span-3--on-m {
        grid-row: auto / span 3;
    }
    .cf-row-span-4--on-m {
        grid-row: auto / span 4;
    }
    .cf-row-span-5--on-m {
        grid-row: auto / span 5;
    }
    .cf-row-span-6--on-m {
        grid-row: auto / span 6;
    }
    .cf-row-start-1--on-m {
        grid-row-start: 1;
    }
    .cf-row-start-2--on-m {
        grid-row-start: 2;
    }
    .cf-row-start-3--on-m {
        grid-row-start: 3;
    }
    .cf-row-start-4--on-m {
        grid-row-start: 4;
    }
    .cf-row-start-5--on-m {
        grid-row-start: 5;
    }
    .cf-row-start-6--on-m {
        grid-row-start: 6;
    }
}
@media (max-width: 480px) {
    .cf-column--on-s {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .cf-row--on-s {
        grid-template-columns: 1fr;
        grid-auto-flow: column;
    }
    .cf-columns-2--on-s {
        grid-template-columns: repeat(2, 1fr);
    }
    .cf-columns-3--on-s {
        grid-template-columns: repeat(3, 1fr);
    }
    .cf-columns-4--on-s {
        grid-template-columns: repeat(4, 1fr);
    }
    .cf-columns-5--on-s {
        grid-template-columns: repeat(5, 1fr);
    }
    .cf-columns-6--on-s {
        grid-template-columns: repeat(6, 1fr);
    }
    .cf-col-span-1--on-s {
        grid-column: auto / span 1;
    }
    .cf-col-span-2--on-s {
        grid-column: auto / span 2;
    }
    .cf-col-span-3--on-s {
        grid-column: auto / span 3;
    }
    .cf-col-span-4--on-s {
        grid-column: auto / span 4;
    }
    .cf-col-span-5--on-s {
        grid-column: auto / span 5;
    }
    .cf-col-span-6--on-s {
        grid-column: auto / span 6;
    }
    .cf-col-start-1--on-s {
        grid-column-start: 1;
    }
    .cf-col-start-2--on-s {
        grid-column-start: 2;
    }
    .cf-col-start-3--on-s {
        grid-column-start: 3;
    }
    .cf-col-start-4--on-s {
        grid-column-start: 4;
    }
    .cf-col-start-5--on-s {
        grid-column-start: 5;
    }
    .cf-col-start-6--on-s {
        grid-column-start: 6;
    }
    .cf-row-span-1--on-s {
        grid-row: auto / span 1;
    }
    .cf-row-span-2--on-s {
        grid-row: auto / span 2;
    }
    .cf-row-span-3--on-s {
        grid-row: auto / span 3;
    }
    .cf-row-span-4--on-s {
        grid-row: auto / span 4;
    }
    .cf-row-span-5--on-s {
        grid-row: auto / span 5;
    }
    .cf-row-span-6--on-s {
        grid-row: auto / span 6;
    }
    .cf-row-start-1--on-s {
        grid-row-start: 1;
    }
    .cf-row-start-2--on-s {
        grid-row-start: 2;
    }
    .cf-row-start-3--on-s {
        grid-row-start: 3;
    }
    .cf-row-start-4--on-s {
        grid-row-start: 4;
    }
    .cf-row-start-5--on-s {
        grid-row-start: 5;
    }
    .cf-row-start-6--on-s {
        grid-row-start: 6;
    }
}
@media (prefers-reduced-motion: reduce) {
    *,
    ::before,
    ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}


/*Profile Builer am Ende halten*/
.wppb-alert, #wppb-login-wrap > p > a {
	color: white !important;
	font-size:1.6rem;
}


a.wppb-logout-url {
  color: #fff;
}

a.wppb-alert {
  color: #fff;
}

/* Widget container */
#wppb-recover-password-container{
	color:#ffffff !important;
	
	font-size:1.6rem;
}

.wppb-form-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label, #wppb-login-wrap .login-auth label {
    width: 100%;
    float: left;
    min-height: 1px;
    margin-bottom: 10px;
}

.wppb-username-email input {
	 width: 95% !important;
}

.elementor-15 .elementor-element.elementor-element-f6a0984 > .elementor-widget-container {
	color: white !important;
	font-size:1.6rem;
}

.elementor-15, .elementor-element.elementor-element-f6a0984, .wppb-username-email label {
    color: var(--e-global-color-c71994e);
    padding: 20px 0px 0px 0px;
    width: 96%;
}

.login-password button img {
	padding-top: 2.2rem;
}

.test-rot {
	font-size:1.6rem;
	 color: red;
}

.wppb-success {
    box-sizing: border-box;
    background: #e7f7d3;
	color: #0d0d0d;
    border: 1px solid #6c3;
}
.wppb-error, .wppb-warning, .wppb-notice, .wppb-success {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
}

.login-remember label {
    color: var(--e-global-color-c71994e);
	padding-left: 12px !important;
    margin-bottom: 0px;
    width: auto !important;
}