/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


:root {
    --dcl-min-screen-width: 320px;
    --dcl-max-screen-width: 1280px;
    --dcl-primary: #5ba904;
    --dcl-primary-5: #5ba9040d;
    --dcl-primary-10: #5ba9041a;
    --dcl-primary-20: #5ba90433;
    --dcl-primary-30: #5ba9044d;
    --dcl-primary-40: #5ba90466;
    --dcl-primary-50: #5ba90480;
    --dcl-primary-60: #5ba90499;
    --dcl-primary-70: #5ba904b3;
    --dcl-primary-80: #5ba904cc;
    --dcl-primary-90: #5ba904e6;
    --dcl-primary-d-1: #4a8410;
    --dcl-primary-d-2: #396213;
    --dcl-primary-d-3: #284012;
    --dcl-primary-d-4: #1a250e;
    --dcl-primary-l-1: #80ba4a;
    --dcl-primary-l-2: #a1cb76;
    --dcl-primary-l-3: #c2dda6;
    --dcl-primary-l-4: #e1eed2;
    --dcl-secondary: #f8639a;
    --dcl-secondary-5: #f8639a0d;
    --dcl-secondary-10: #f8639a1a;
    --dcl-secondary-20: #f8639a33;
    --dcl-secondary-30: #f8639a4d;
    --dcl-secondary-40: #f8639a66;
    --dcl-secondary-50: #f8639a80;
    --dcl-secondary-60: #f8639a99;
    --dcl-secondary-70: #f8639ab3;
    --dcl-secondary-80: #f8639acc;
    --dcl-secondary-90: #f8639ae6;
    --dcl-secondary-d-1: #c2517b;
    --dcl-secondary-d-2: #8e3e5a;
    --dcl-secondary-d-3: #5e2c3d;
    --dcl-secondary-d-4: #321b22;
    --dcl-secondary-l-1: #fd86ae;
    --dcl-secondary-l-2: #ffa8c2;
    --dcl-secondary-l-3: #ffc2d3;
    --dcl-secondary-l-4: #ffe0e9;
    --dcl-tertiary: #b15474;
    --dcl-tertiary-5: #b154740d;
    --dcl-tertiary-10: #b154741a;
    --dcl-tertiary-20: #b1547433;
    --dcl-tertiary-30: #b154744d;
    --dcl-tertiary-40: #b1547466;
    --dcl-tertiary-50: #b1547480;
    --dcl-tertiary-60: #b1547499;
    --dcl-tertiary-70: #b15474b3;
    --dcl-tertiary-80: #b15474cc;
    --dcl-tertiary-90: #b15474e6;
    --dcl-tertiary-d-1: #8c455d;
    --dcl-tertiary-d-2: #663344;
    --dcl-tertiary-d-3: #462530;
    --dcl-tertiary-d-4: #26171b;
    --dcl-tertiary-l-1: #c2758d;
    --dcl-tertiary-l-2: #d397a8;
    --dcl-tertiary-l-3: #e3bac5;
    --dcl-tertiary-l-4: #f2dee3;
    --dcl-bg-body: hsla(0, 0%, 90%, 1);
    --dcl-bg-surface: hsla(0, 0%, 100%, 1);
    --dcl-text-body: hsla(0, 0%, 25%, 1);
    --dcl-text-title: #323434;
    --dcl-border-primary: hsla(0, 0%, 50%, 0.25);
    --dcl-shadow-primary: hsla(0, 0%, 0%, 0.15);
    --dcl-light: hsla(85, 0%, 100%, 1);
    --dcl-light-5: hsla(0, 0%, 100%, 0.05);
    --dcl-light-10: hsla(0, 0%, 100%, 0.1);
    --dcl-light-20: hsla(0, 0%, 100%, 0.2);
    --dcl-light-30: hsla(0, 0%, 100%, 0.3);
    --dcl-light-40: hsla(0, 0%, 100%, 0.4);
    --dcl-light-50: hsla(0, 0%, 100%, 0.5);
    --dcl-light-60: hsla(0, 0%, 100%, 0.6);
    --dcl-light-70: hsla(0, 0%, 100%, 0.7);
    --dcl-light-80: hsla(0, 0%, 100%, 0.8);
    --dcl-light-90: hsla(0, 0%, 100%, 0.9);
    --dcl-dark: hsla(0, 0%, 0%, 1);
    --dcl-dark-5: hsla(0, 0%, 0%, 0.05);
    --dcl-dark-10: hsla(0, 0%, 0%, 0.1);
    --dcl-dark-20: hsla(0, 0%, 0%, 0.2);
    --dcl-dark-30: hsla(0, 0%, 0%, 0.3);
    --dcl-dark-40: hsla(0, 0%, 0%, 0.4);
    --dcl-dark-50: hsla(0, 0%, 0%, 0.5);
    --dcl-dark-60: hsla(0, 0%, 0%, 0.6);
    --dcl-dark-70: hsla(0, 0%, 0%, 0.7);
    --dcl-dark-80: hsla(0, 0%, 0%, 0.8);
    --dcl-dark-90: hsla(0, 0%, 0%, 0.9);
    --dcl-success: hsla(136, 95%, 56%, 1);
    --dcl-success-5: hsla(136, 95%, 56%, 0.05);
    --dcl-success-10: hsla(136, 95%, 56%, 0.1);
    --dcl-success-20: hsla(136, 95%, 56%, 0.2);
    --dcl-success-30: hsla(136, 95%, 56%, 0.3);
    --dcl-success-40: hsla(136, 95%, 56%, 0.4);
    --dcl-success-50: hsla(136, 95%, 56%, 0.5);
    --dcl-success-60: hsla(136, 95%, 56%, 0.6);
    --dcl-success-70: hsla(136, 95%, 56%, 0.7);
    --dcl-success-80: hsla(136, 95%, 56%, 0.8);
    --dcl-success-90: hsla(136, 95%, 56%, 0.9);
    --dcl-error: hsla(351, 95%, 56%, 1);
    --dcl-error-5: hsla(351, 95%, 56%, 0.05);
    --dcl-error-10: hsla(351, 95%, 56%, 0.1);
    --dcl-error-20: hsla(351, 95%, 56%, 0.2);
    --dcl-error-30: hsla(351, 95%, 56%, 0.3);
    --dcl-error-40: hsla(351, 95%, 56%, 0.4);
    --dcl-error-50: hsla(351, 95%, 56%, 0.5);
    --dcl-error-60: hsla(351, 95%, 56%, 0.6);
    --dcl-error-70: hsla(351, 95%, 56%, 0.7);
    --dcl-error-80: hsla(351, 95%, 56%, 0.8);
    --dcl-error-90: hsla(351, 95%, 56%, 0.9);
    --dcl-space-4xs: clamp(0.24rem, calc(0.34vw + 0.17rem), 0.44rem);
    --dcl-space-3xs: clamp(0.32rem, calc(0.51vw + 0.21rem), 0.63rem);
    --dcl-space-2xs: clamp(0.42rem, calc(0.77vw + 0.27rem), 0.88rem);
    --dcl-space-xs: clamp(0.56rem, calc(1.15vw + 0.33rem), 1.25rem);
    --dcl-space-s: clamp(0.75rem, calc(1.7vw + 0.41rem), 1.77rem);
    --dcl-space-m: clamp(1rem, calc(2.5vw + 0.5rem), 2.5rem);
    --dcl-space-l: clamp(1.33rem, calc(3.67vw + 0.6rem), 3.54rem);
    --dcl-space-xl: clamp(1.78rem, calc(5.37vw + 0.7rem), 5rem);
    --dcl-space-2xl: clamp(2.37rem, calc(7.83vw + 0.8rem), 7.07rem);
    --dcl-space-3xl: clamp(3.16rem, calc(11.39vw + 0.88rem), 9.99rem);
    --dcl-space-4xl: clamp(4.21rem, calc(16.54vw + 0.9rem), 14.13rem);
    --dcl-text-xs: clamp(0.64rem, calc(0vw + 0.64rem), 0.64rem);
    --dcl-text-s: clamp(0.8rem, calc(0vw + 0.8rem), 0.8rem);
    --dcl-text-m: clamp(1rem, calc(0vw + 1rem), 1rem);
    --dcl-text-l: clamp(1.25rem, calc(0vw + 1.25rem), 1.25rem);
    --dcl-text-xl: clamp(1.56rem, calc(0vw + 1.56rem), 1.56rem);
    --dcl-text-2xl: clamp(1.95rem, calc(0vw + 1.95rem), 1.95rem);
    --dcl-text-3xl: clamp(2.44rem, calc(0vw + 2.44rem), 2.44rem);
    --dcl-text-4xl: clamp(3.05rem, calc(0vw + 3.05rem), 3.05rem);
    --dcl-hero-title-size: var(--dcl-text-4xl);
    --dcl-post-title-size: var(--dcl-text-2xl);
    --dcl-nav-link-size: var(--dcl-text-s);
    --dcl-header-space: var(--dcl-space-s);
    --dcl-btn-space: var(--dcl-space-xs) var(--dcl-space-s);
    --dcl-card-space: var(--dcl-space-s);
    --dcl-footer-space: var(--dcl-space-s) var(--dcl-space-m);
    --dcl-columns-1: repeat(1, minmax(0, 1fr));
    --dcl-columns-2: repeat(2, minmax(0, 1fr));
    --dcl-columns-3: repeat(3, minmax(0, 1fr));
    --dcl-columns-4: repeat(4, minmax(0, 1fr));
    --dcl-columns-5: repeat(5, minmax(0, 1fr));
    --dcl-columns-6: repeat(6, minmax(0, 1fr));
    --dcl-columns-7: repeat(7, minmax(0, 1fr));
    --dcl-columns-8: repeat(8, minmax(0, 1fr));
    --dcl-radius-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);
    --dcl-radius-s: clamp(0.38rem, calc(-0.21vw + 0.54rem), 0.5rem);
    --dcl-radius-m: clamp(0.63rem, calc(-0.21vw + 0.79rem), 0.75rem);
    --dcl-radius-l: clamp(1rem, calc(-0.42vw + 1.33rem), 1.25rem);
    --dcl-radius-xl: clamp(1.63rem, calc(-0.63vw + 2.13rem), 2rem);
    --dcl-radius-full: 999rem;
    --dcl-shadow-xs: 0 1px 2px var(--dcl-shadow-primary);
    --dcl-shadow-s: 0 1.5px 3px var(--dcl-shadow-primary);
    --dcl-shadow-m: 0 2px 6px var(--dcl-shadow-primary);
    --dcl-shadow-l: 0 3px 12px var(--dcl-shadow-primary);
    --dcl-shadow-xl: 0 6px 48px var(--dcl-shadow-primary);
}
:root.cf-theme-dark, :root.cf-theme-light .dcl-theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .dcl-theme-inverted .theme-always-dark {
    --dcl-primary: #3d44ff;
    --dcl-primary-5: #3d44ff0d;
    --dcl-primary-10: #3d44ff1a;
    --dcl-primary-20: #3d44ff33;
    --dcl-primary-30: #3d44ff4d;
    --dcl-primary-40: #3d44ff66;
    --dcl-primary-50: #3d44ff80;
    --dcl-primary-60: #3d44ff99;
    --dcl-primary-70: #3d44ffb3;
    --dcl-primary-80: #3d44ffcc;
    --dcl-primary-90: #3d44ffe6;
    --dcl-secondary: #fa6161;
    --dcl-secondary-5: #fa61610d;
    --dcl-secondary-10: #fa61611a;
    --dcl-secondary-20: #fa616133;
    --dcl-secondary-30: #fa61614d;
    --dcl-secondary-40: #fa616166;
    --dcl-secondary-50: #fa616180;
    --dcl-secondary-60: #fa616199;
    --dcl-secondary-70: #fa6161b3;
    --dcl-secondary-80: #fa6161cc;
    --dcl-secondary-90: #fa6161e6;
    --dcl-tertiary: #26a7df;
    --dcl-tertiary-5: #26a7df0d;
    --dcl-tertiary-10: #26a7df1a;
    --dcl-tertiary-20: #26a7df33;
    --dcl-tertiary-30: #26a7df4d;
    --dcl-tertiary-40: #26a7df66;
    --dcl-tertiary-50: #26a7df80;
    --dcl-tertiary-60: #26a7df99;
    --dcl-tertiary-70: #26a7dfb3;
    --dcl-tertiary-80: #26a7dfcc;
    --dcl-tertiary-90: #26a7dfe6;
    --dcl-bg-body: hsla(0, 0%, 5%, 1);
    --dcl-bg-surface: hsla(0, 0%, 15%, 1);
    --dcl-text-body: hsla(0, 0%, 75%, 1);
    --dcl-text-title: #000000;
    --dcl-border-primary: hsla(0, 0%, 75%, 0.1);
    --dcl-shadow-primary: hsla(0, 0%, 0%, 0.4);
    --dcl-light: hsla(0, 0%, 0%, 1);
    --dcl-light-5: hsla(0, 0%, 0%, 0.05);
    --dcl-light-10: hsla(0, 0%, 0%, 0.1);
    --dcl-light-20: hsla(0, 0%, 0%, 0.2);
    --dcl-light-30: hsla(0, 0%, 0%, 0.3);
    --dcl-light-40: hsla(0, 0%, 0%, 0.4);
    --dcl-light-50: hsla(0, 0%, 0%, 0.5);
    --dcl-light-60: hsla(0, 0%, 0%, 0.6);
    --dcl-light-70: hsla(0, 0%, 0%, 0.7);
    --dcl-light-80: hsla(0, 0%, 0%, 0.8);
    --dcl-light-90: hsla(0, 0%, 0%, 0.9);
    --dcl-dark: hsla(0, 0%, 100%, 1);
    --dcl-dark-5: hsla(0, 0%, 100%, 0.05);
    --dcl-dark-10: hsla(0, 0%, 100%, 0.1);
    --dcl-dark-20: hsla(0, 0%, 100%, 0.2);
    --dcl-dark-30: hsla(0, 0%, 100%, 0.3);
    --dcl-dark-40: hsla(0, 0%, 100%, 0.4);
    --dcl-dark-50: hsla(0, 0%, 100%, 0.5);
    --dcl-dark-60: hsla(0, 0%, 100%, 0.6);
    --dcl-dark-70: hsla(0, 0%, 100%, 0.7);
    --dcl-dark-80: hsla(0, 0%, 100%, 0.8);
    --dcl-dark-90: hsla(0, 0%, 100%, 0.9);
}

.dcl-container__inner {
width: var(--theme-container-width-base);
}

.dcl-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--dcl-space-3xs);
    padding: var(--dcl-space-xs) var(--dcl-space-s);
    background: var(--dcl-primary);
    color: #fff;
    font-size: var(--dcl-text-m);
    font-weight: 600;
    border-radius: var(--dcl-radius-m);
    border: 1px solid var(--dcl-primary-d-1);
    box-shadow: var(--dcl-shadow-m);
    transition: all 0.25s ease-in-out;
    outline: 0;
    cursor: pointer;
}


.dcl-button__primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-button-text-initial-color);
    border: var(--theme-button-border);
    background-color: var(--theme-button-background-initial-color);
    min-height: var(--theme-button-min-height);
    padding: var(--theme-button-padding);
    border-radius: var(--theme-button-border-radius, 3px);
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --has-link-decoration: var(--false);
}

/* Hover state for the solid primary button */
.dcl-button__primary:hover {
    color: var(--theme-button-text-hover-color);
    border-color: var(--theme-button-border-hover-color);
    background-color: var(--theme-button-background-hover-color);
    /* border-width: 2px; If initial border-width is 1px, then uncomment this to make it 2px on hover */
    /* border-radius: var(--theme-button-border-radius, 3px); This is usually already set, no need to re-declare unless it changes on hover */
}

.dcl-button__primary-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --theme-button-text-initial-color: var(--theme-button-background-initial-color);
    border-width: 2px;
    border-style: solid;
    color: var(--theme-palette-color-3); 
    border-color: var(--theme-button-background-initial-color);
    background-color: rgba(0,0,0,0); 
    min-height: var(--theme-button-min-height);
    padding: var(--theme-button-padding);
    border-radius: var(--theme-button-border-radius, 3px);
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --has-link-decoration: var(--false);
}
.dcl-button__primary-outline-dark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    --theme-button-text-initial-color: var(--theme-palette-color-3);
    border-width: 2px;
    border-style: solid;
    color: var(--theme-palette-color-3); 
    border-color: var(--theme-palette-color-3);
    background-color: rgba(0,0,0,0); 
    min-height: var(--theme-button-min-height);
    padding: var(--theme-button-padding);
    border-radius: var(--theme-button-border-radius, 3px);
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --has-link-decoration: var(--false);
}


.dcl-button__primary-outline:hover {
    color: var(--theme-button-text-hover-color);
  border-color: var(--theme-button-background-hover-color);
  background-color: var(--theme-button-background-hover-color);
}

.dcl-button__primary-outline-dark:hover {
    color: var(--theme-button-text-hover-color);
  border-color: var(--theme-button-background-hover-color);
  background-color: var(--theme-button-background-hover-color);
}


.dcl-btn:hover {
    background: var(--dcl-primary-d-1);
    transform: translateY(-0.1rem);
}
.dcl-btn.small {
    font-size: var(--dcl-text-s);
    padding: var(--dcl-space-xs) var(--dcl-space-s);
}
.dcl-btn.large {
    font-size: var(--dcl-text-l);
    padding: var(--dcl-space-s) var(--dcl-space-m);
}
.dcl-btn.tertiary {
    background: var(--dcl-tertiary);
    border-color: var(--dcl-tertiary-d-1);
}
.dcl-btn.ghost {
    color: var(--dcl-dark-80);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
.dcl-btn.slight {
    color: var(--dcl-dark-80);
    background: var(--dcl-bg-surface);
    border-color: var(--dcl-border-primary);
    box-shadow: var(--dcl-shadow-s);
}
.dcl-btn.secondary {
    background: var(--dcl-secondary);
    border-color: var(--dcl-secondary-d-1);
}
.dcl-btn.ghost:hover {
    background: var(--dcl-dark-10);
}
.dcl-btn.slight:hover {
    background: var(--dcl-dark-5);
}
.dcl-btn.tertiary:hover {
    background: var(--dcl-tertiary-d-1);
}
.dcl-btn.secondary:hover {
    background: var(--dcl-secondary-d-1);
}
.dcl-btn:focus {
    outline: 4px solid var(--dcl-primary-l-3);
    outline-offset: 2px;
}
.dcl-btn.no-bg {
    color: var(--dcl-dark-80);
    background: transparent;
    box-shadow: none;
    border-color: transparent;
}
.dcl-btn.no-bg:hover {
    color: var(--dcl-dark);
}
.dcl-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--dcl-space-4xs);
    padding: var(--dcl-space-2xs) var(--dcl-space-s);
    background: var(--dcl-dark-10);
    color: var(--dcl-primary);
    font-size: var(--dcl-text-s);
    font-weight: 500;
    border-radius: var(--dcl-radius-full);
    border: 0;
    outline: 0;
}
.dcl-badge.secondary {
    color: var(--dcl-secondary);
}
.dcl-link {
    color: var(--dcl-primary);
    font-size: var(--dcl-text-m);
    font-weight: 600;
    letter-spacing: 0.05rem;
    box-shadow: 0 2px 0 var(--dcl-primary-20);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}
.dcl-link:hover {
    box-shadow: 0 2px 0 var(--dcl-primary-40);
}
.dcl-link:focus {
    background: var(--dcl-primary-10);
}
.dcl-link.secondary {
    color: var(--dcl-secondary);
    border-color: var(--dcl-secondary-20);
}
.dcl-link.tertiary {
    color: var(--dcl-tertiary);
    border-color: var(--dcl-tertiary-20);
}
.dcl-input {
    padding: var(--dcl-space-xs) var(--dcl-space-s);
    background: var(--dcl-dark-5);
    color: var(--dcl-text-title);
    font-size: var(--dcl-text-m);
    font-weight: 500;
    border-radius: var(--dcl-radius-m);
    border: 1px solid var(--dcl-border-primary);
    box-shadow: var(--dcl-shadow-xs);
    transition: all 0.25s ease-in-out;
    appearance: none;
    outline: 0;
}
.dcl-input:focus {
    background: var(--dcl-primary-20);
    border-color: var(--dcl-primary);
    box-shadow: var(--dcl-shadow-l);
}
.dcl-input:hover {
    border-color: var(--dcl-primary);
    background: transparent;
    box-shadow: var(--dcl-shadow-l);
}
.dcl-input::placeholder {
    color: var(--dcl-dark-40);
}
.dcl-input:invalid {
    border-color: var(--dcl-error);
    background: var(--dcl-error-10);
}
.dcl-input:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--dcl-dark-10);
}
.dcl-select {
    padding: var(--dcl-space-xs) var(--dcl-space-s);
    background: var(--dcl-dark-5);
    color: var(--dcl-text-body);
    font-size: var(--dcl-text-m);
    font-weight: 500;
    border-radius: var(--dcl-radius-m);
    border: 1px solid var(--dcl-border-primary);
    box-shadow: var(--dcl-shadow-xs);
    transition: all 0.25s ease-in-out;
    outline: 0;
}
.dcl-select:focus {
    background: var(--dcl-primary-20);
    border-color: var(--dcl-primary);
}
.dcl-select:hover {
    border-color: var(--dcl-primary);
}
.dcl-select::placeholder {
    color: var(--dcl-dark-40);
}
.dcl-select:invalid {
    border-color: var(--dcl-error);
    background: var(--dcl-error-10);
}
.dcl-select:disabled {
    cursor: not-allowed;
    opacity: .75;
    box-shadow: none;
    background: var(--dcl-dark-10);
}
.dcl-card {
    display: grid;
    gap: var(--dcl-space-xs);
    padding: var(--dcl-space-m);
    font-size: var(--dcl-text-m);
    color: var(--dcl-text-body);
    background: var(--dcl-bg-surface);
    line-height: 1.3;
    border-radius: var(--dcl-radius-m);
    box-shadow: var(--dcl-shadow-m);
}
.dcl-card.secondary {
    background: var(--dcl-secondary);
    color: #fff;
}
.dcl-card.primary {
    background: var(--dcl-primary);
    color: #fff;
}
.dcl-icon {
    color: var(--dcl-primary);
    width: var(--dcl-space-2xl);
    height: auto;
    font-size: var(--dcl-space-2xl);
}
.dcl-icon.large {
    width: var(--dcl-space-3xl);
    font-size: var(--dcl-space-3xl);
}
.dcl-icon.secondary {
    color: var(--dcl-secondary);
}
.dcl-icon.tertiary {
    color: var(--dcl-tertiary);
}
.dcl-icon.outline {
    padding: 0.5em;
    border: 1px solid var(--dcl-border-primary);
    border-radius: 100%;
    box-sizing: content-box;
}
.dcl-icon.filled {
    padding: 0.5em;
    border-radius: 100%;
    box-sizing: content-box;
    background: var(--dcl-dark-10);
}
.dcl-icon.small {
    width: var(--dcl-space-l);
    font-size: var(--dcl-space-l);
}
.dcl-avatar {
    width: var(--dcl-space-2xl);
    height: var(--dcl-space-2xl);
    border-radius: 100%;
    box-shadow: var(--dcl-shadow-m);
    object-fit: cover;
}
.dcl-avatar.small {
    width: var(--dcl-space-l);
    height: var(--dcl-space-l);
}
.dcl-avatar.large {
    width: var(--dcl-space-4xl);
    height: var(--dcl-space-4xl);
}
.dcl-divider {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    height: 1px;
    max-height: 1px;
    background: var(--dcl-border-primary);
    margin: var(--dcl-space-m) 0;
    border: 0;
}
.dcl-divider.vertical {
    min-width: 1px;
    width: 1px;
    max-width: 1px;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}
.dcl-checkbox {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--dcl-dark-40);
    border-radius: var(--dcl-radius-s);
    width: clamp(1.13rem, calc(-0.42vw + 1.46rem), 1.38rem);
    height: clamp(1.13rem, calc(-0.42vw + 1.46rem), 1.38rem);
}
.dcl-checkbox:checked:before {
    transform: scale(1);
}
.dcl-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;
}
.dcl-checkbox:hover {
    border-color: var(--dcl-primary);
}
.dcl-checkbox:focus {
    outline: 3px solid var(--dcl-primary-l-3);
    outline-offset: 2px;
}
.dcl-checkbox:checked {
    background: var(--dcl-primary);
    border-color: var(--dcl-primary);
}
.dcl-radio {
    appearance: none;
    display: grid;
    place-content: center;
    border: 2px solid var(--dcl-dark-40);
    border-radius: var(--dcl-radius-full);
    width: clamp(1.13rem, calc(-0.42vw + 1.46rem), 1.38rem);
    height: clamp(1.13rem, calc(-0.42vw + 1.46rem), 1.38rem);
}
.dcl-radio:checked:before {
    transform: scale(1);
}
.dcl-radio::before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 100%;
    transform: scale(0);
    transition: transform 0.2s;
    background: var(--dcl-primary);
}
.dcl-radio:hover {
    border-color: var(--dcl-primary);
}
.dcl-radio:focus {
    outline: 3px solid var(--dcl-primary-l-3);
    outline-offset: 2px;
}
.dcl-radio:checked {
    border-color: var(--dcl-primary);
}
html.cf-theme-dark {
    color-scheme: dark;
}
H1 {
    font-size: var(--dcl-text-4xl);
    line-height: 1.1;
}
H2 {
    font-size: var(--dcl-text-3xl);
    line-height: 1.2;
}
H3 {
    font-size: var(--dcl-text-2xl);
    line-height: 1.3;
}
H4 {
    font-size: var(--dcl-text-xl);
    line-height: 1.3;
}
H5 {
    font-size: var(--dcl-text-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--dcl-text-m);
    line-height: 1.4;
}
.dcl-full-width {
    width: 100%;
}
.dcl-full-height {
    height: 100%;
}
.dcl-screen-width {
    width: 100vw;
}
.dcl-screen-height {
    height: 100vh;
}
.dcl-auto-width {
    width: auto;
}
.dcl-auto-height {
    height: auto;
}

.dcl-max-site-width {
    max-width: var(--dcl-max-screen-width);
    width: 100%;
}

.dcl-display-none {
    display: none;
}
.dcl-visible {
    visibility: visible;
}
.dcl-hidden {
    visibility: hidden;
}
.dcl-overflow-hidden {
    overflow: hidden;
}
.dcl-overflow-auto {
    overflow: auto;
}
.dcl-overflow-x-hidden {
    overflow-x: hidden;
}
.dcl-overflow-x-auto {
    overflow-x: auto;
}
.dcl-overflow-y-hidden {
    overflow-y: hidden;
}
.dcl-overflow-y-auto {
    overflow-y: auto;
}
.dcl-list-none {
    list-style-type: none;
}
.dcl-white-space-nowrap {
    white-space: nowrap;
}
.dcl-transition-global {
    transition: all 0.3s;
}
.dcl-relative {
    position: relative;
}
.dcl-absolute {
    position: absolute;
}
.dcl-sticky {
    position: sticky;
}
.dcl-fixed {
    position: fixed;
}
.dcl-inset-0 {
    inset: 0;
}
.dcl-bottom-0 {
    bottom: 0;
}
.dcl-top-0 {
    top: 0;
}
.dcl-left-0 {
    left: 0;
}
.dcl-right-0 {
    right: 0;
}
@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;
    }
}