html {
    font-size: 62.5%;
}
:root {
    --min-screen-width: 320px;
    --max-screen-width: 1400px;
    --primary: hsla(220, 47.11%, 23.73%, 1);
    --primary-5: hsla(220, 47%, 24%, 0.05);
    --primary-10: hsla(220, 47%, 24%, 0.1);
    --primary-20: hsla(220, 47%, 24%, 0.2);
    --primary-30: hsla(220, 47%, 24%, 0.3);
    --primary-40: hsla(220, 47%, 24%, 0.4);
    --primary-50: hsla(220, 47%, 24%, 0.5);
    --primary-60: hsla(220, 47%, 24%, 0.6);
    --primary-70: hsla(220, 47%, 24%, 0.7);
    --primary-80: hsla(220, 47%, 24%, 0.8);
    --primary-90: hsla(220, 47%, 24%, 0.9);
    --primary-d-1: hsl(220, 45%, 22%);
    --primary-d-2: hsl(221, 44%, 20%);
    --primary-d-3: hsl(222, 42%, 18%);
    --primary-d-4: hsl(222, 40%, 16%);
    --primary-d-5: hsl(223, 37%, 14%);
    --primary-d-6: hsl(223, 34%, 12%);
    --primary-d-7: hsl(224, 31%, 11%);
    --primary-d-8: hsl(226, 29%, 9%);
    --primary-d-9: hsl(226, 31%, 6%);
    --primary-d-10: hsl(228, 38%, 4%);
    --primary-l-1: hsl(222, 33%, 30%);
    --primary-l-2: hsl(224, 24%, 37%);
    --primary-l-3: hsl(225, 19%, 44%);
    --primary-l-4: hsl(226, 14%, 50%);
    --primary-l-5: hsl(227, 14%, 57%);
    --primary-l-6: hsl(227, 14%, 64%);
    --primary-l-7: hsl(227, 15%, 71%);
    --primary-l-8: hsl(228, 15%, 78%);
    --primary-l-9: hsl(228, 15%, 85%);
    --primary-l-10: hsl(228, 15%, 93%);
    --secondary: hsla(0, 0%, 100%, 1);
    --secondary-l-1: hsl(161, 100%, 100%);
    --secondary-l-2: hsl(161, 100%, 100%);
    --secondary-l-3: hsl(161, 100%, 100%);
    --secondary-l-4: hsl(161, 100%, 100%);
    --secondary-l-5: hsl(161, 100%, 100%);
    --secondary-l-6: hsl(161, 100%, 100%);
    --secondary-l-7: hsl(161, 100%, 100%);
    --secondary-l-8: hsl(161, 100%, 100%);
    --secondary-l-9: hsl(161, 100%, 100%);
    --secondary-l-10: hsl(161, 100%, 100%);
    --cta: hsla(336.99, 40.78%, 35.1%, 1);
    --cta-5: hsla(337, 41%, 35%, 0.05);
    --cta-10: hsla(337, 41%, 35%, 0.1);
    --cta-20: hsla(337, 41%, 35%, 0.2);
    --cta-30: hsla(337, 41%, 35%, 0.3);
    --cta-40: hsla(337, 41%, 35%, 0.4);
    --cta-50: hsla(337, 41%, 35%, 0.5);
    --cta-60: hsla(337, 41%, 35%, 0.6);
    --cta-70: hsla(337, 41%, 35%, 0.7);
    --cta-80: hsla(337, 41%, 35%, 0.8);
    --cta-90: hsla(337, 41%, 35%, 0.9);
    --cta-d-1: hsl(337, 40%, 32%);
    --cta-d-2: hsl(338, 39%, 29%);
    --cta-d-3: hsl(338, 38%, 26%);
    --cta-d-4: hsl(338, 37%, 23%);
    --cta-d-5: hsl(339, 35%, 20%);
    --cta-d-6: hsl(339, 33%, 17%);
    --cta-d-7: hsl(340, 31%, 14%);
    --cta-d-8: hsl(340, 28%, 11%);
    --cta-d-9: hsl(341, 27%, 9%);
    --cta-d-10: hsl(341, 34%, 5%);
    --cta-l-1: hsl(338, 32%, 41%);
    --cta-l-2: hsl(339, 26%, 47%);
    --cta-l-3: hsl(340, 23%, 53%);
    --cta-l-4: hsl(341, 24%, 59%);
    --cta-l-5: hsl(342, 24%, 64%);
    --cta-l-6: hsl(342, 25%, 70%);
    --cta-l-7: hsl(342, 25%, 76%);
    --cta-l-8: hsl(343, 26%, 82%);
    --cta-l-9: hsl(343, 26%, 88%);
    --cta-l-10: hsl(343, 27%, 94%);
    --bg-sections: hsla(0, 0%, 97.65%, 1);
    --text-claro: hsla(0, 0%, 100%, 1);
    --text-decoration: hsla(33.96, 48.62%, 78.63%, 1);
    --title-oscuro: hsla(214.74, 65.52%, 5.69%, 1);
    --text-oscuro: hsla(215.12, 31.3%, 25.69%, 1);
    --border-base: hsla(0, 0%, 50%, 0.25);
    --success: #28a745;
    --success-d-1: #28973f;
    --success-d-2: #27863a;
    --success-d-3: #257734;
    --success-d-4: #23672e;
    --success-d-5: #215829;
    --success-d-6: #1e4a23;
    --success-d-7: #1a3c1e;
    --success-d-8: #172e19;
    --success-d-9: #132113;
    --success-d-10: #0b140b;
    --success-l-1: #46af56;
    --success-l-2: #5cb866;
    --success-l-3: #71c077;
    --success-l-4: #84c887;
    --success-l-5: #96d098;
    --success-l-6: #a8d8a9;
    --success-l-7: #b9e0ba;
    --success-l-8: #cbe8cb;
    --success-l-9: #dcf0dc;
    --success-l-10: #eef7ed;
    --error: #dc3545;
    --error-5: hsla(354, 70%, 54%, 0.05);
    --error-10: hsla(354, 70%, 54%, 0.1);
    --error-20: hsla(354, 70%, 54%, 0.2);
    --error-30: hsla(354, 70%, 54%, 0.3);
    --error-40: hsla(354, 70%, 54%, 0.4);
    --error-50: hsla(354, 70%, 54%, 0.5);
    --error-60: hsla(354, 70%, 54%, 0.6);
    --error-70: hsla(354, 70%, 54%, 0.7);
    --error-80: hsla(354, 70%, 54%, 0.8);
    --error-90: hsla(354, 70%, 54%, 0.9);
    --error-d-1: #c6323f;
    --error-d-2: #b12f39;
    --error-d-3: #9c2c33;
    --error-d-4: #87292d;
    --error-d-5: #732528;
    --error-d-6: #602122;
    --error-d-7: #4d1d1d;
    --error-d-8: #3b1817;
    --error-d-9: #2a1312;
    --error-d-10: #1a0c0a;
    --error-l-1: #e24e54;
    --error-l-2: #e86263;
    --error-l-3: #ed7573;
    --error-l-4: #f28884;
    --error-l-5: #f69994;
    --error-l-6: #f9aaa5;
    --error-l-7: #fcbbb7;
    --error-l-8: #feccc8;
    --error-l-9: #ffddda;
    --error-l-10: #ffeeec;
    --warning: #ffc107;
    --warning-5: hsla(45, 100%, 51%, 0.05);
    --warning-10: hsla(45, 100%, 51%, 0.1);
    --warning-20: hsla(45, 100%, 51%, 0.2);
    --warning-30: hsla(45, 100%, 51%, 0.3);
    --warning-40: hsla(45, 100%, 51%, 0.4);
    --warning-50: hsla(45, 100%, 51%, 0.5);
    --warning-60: hsla(45, 100%, 51%, 0.6);
    --warning-70: hsla(45, 100%, 51%, 0.7);
    --warning-80: hsla(45, 100%, 51%, 0.8);
    --warning-90: hsla(45, 100%, 51%, 0.9);
    --warning-d-1: #e5ae10;
    --warning-d-2: #cc9b14;
    --warning-d-3: #b38817;
    --warning-d-4: #9b7618;
    --warning-d-5: #846418;
    --warning-d-6: #6d5317;
    --warning-d-7: #574315;
    --warning-d-8: #423313;
    --warning-d-9: #2e2410;
    --warning-d-10: #1b1609;
    --warning-l-1: #ffc634;
    --warning-l-2: #ffcc4e;
    --warning-l-3: #ffd164;
    --warning-l-4: #ffd778;
    --warning-l-5: #ffdd8c;
    --warning-l-6: #ffe29f;
    --warning-l-7: #ffe8b3;
    --warning-l-8: #ffeec6;
    --warning-l-9: #fff3d9;
    --warning-l-10: #fff9ec;
    --space-4xs: clamp(0.52rem, calc(-0.03vw + 0.53rem), 0.49rem);
    --space-3xs: clamp(0.66rem, calc(0.04vw + 0.64rem), 0.7rem);
    --space-2xs: clamp(0.82rem, calc(0.16vw + 0.77rem), 0.99rem);
    --space-xs: clamp(1.02rem, calc(0.35vw + 0.91rem), 1.4rem);
    --space-s: clamp(1.28rem, calc(0.65vw + 1.07rem), 1.98rem);
    --space-m: clamp(1.6rem, calc(1.11vw + 1.24rem), 2.8rem);
    --space-l: clamp(2rem, calc(1.81vw + 1.42rem), 3.96rem);
    --space-xl: clamp(2.5rem, calc(2.87vw + 1.58rem), 5.6rem);
    --space-2xl: clamp(3.13rem, calc(4.44vw + 1.71rem), 7.92rem);
    --space-3xl: clamp(3.91rem, calc(6.75vw + 1.75rem), 11.19rem);
    --space-4xl: clamp(4.88rem, calc(10.13vw + 1.64rem), 15.83rem);
    --text-3xs: clamp(0.94rem, calc(-0.26vw + 1.02rem), 0.66rem);
    --text-2xs: clamp(1.05rem, calc(-0.22vw + 1.12rem), 0.82rem);
    --text-xs: clamp(1.19rem, calc(-0.15vw + 1.23rem), 1.02rem);
    --text-s: clamp(1.33rem, calc(-0.05vw + 1.35rem), 1.28rem);
    --text-m: clamp(1.5rem, calc(0.09vw + 1.47rem), 1.6rem);
    --text-l: clamp(1.69rem, calc(0.29vw + 1.59rem), 2rem);
    --text-xl: clamp(1.9rem, calc(0.56vw + 1.72rem), 2.5rem);
    --text-2xl: clamp(2.14rem, calc(0.92vw + 1.84rem), 3.13rem);
    --text-3xl: clamp(2.4rem, calc(1.39vw + 1.96rem), 3.91rem);
    --text-4xl: clamp(2.7rem, calc(2.02vw + 2.06rem), 4.88rem);
    --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem);
    --radius-s: clamp(0.6rem, calc(-0.19vw + 0.86rem), 0.8rem);
    --radius-m: clamp(1rem, calc(-0.19vw + 1.26rem), 1.2rem);
    --radius-l: clamp(1.6rem, calc(-0.37vw + 2.12rem), 2rem);
    --radius-xl: clamp(2.6rem, calc(-0.56vw + 3.38rem), 3.2rem);
    --radius-full: 999rem;
}

.dn-sombra1 {
  box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
}

.dn-sombra2 {
  box-shadow: 0px 7px 22px 2px rgba(0, 0, 0, 0.08);
}

.dn-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xs) var(--space-xs);
    background: var(--cta);
    color: #fff;
    font-size: var(--text-s);
    font-weight: 600;
    transition: all 0.25s ease-in-out;
    outline: 0;
    cursor: pointer;
    letter-spacing: 0;
}
.dn-btn:hover {
    background: var(--primary-d-2);
    transform: translateY(-0.1rem);
}
.dn-btn:focus {
    outline: 4px solid var(--primary-l-3);
    outline-offset: 2px;
}
.dn-btn_small {
    font-size: var(--text-2xs);
    padding: var(--space-4xs) var(--space-3xs);
}
.dn-btn_large {
    font-size: var(--text-m);
    padding: var(--space-xs) var(--space-s);
}
.dn-btn_secondary {
    background: var(--secondary);
}
.dn-btn_secondary:hover {
    background: var(--secondary-d-2);
}
.dn-btn_success {
    background: var(--success);
    color: var(--text-claro);
}
.dn-btn_success:hover {
    background: var(--success-d-2);
}
.dn-btn_error {
    background: var(--error);
}
.dn-btn_error:hover {
    background: var(--error-d-2);
}
.dn-btn_warning {
    background: var(--warning);
    color: var(--text-oscuro);
}
.dn-btn_warning:hover {
    background: var(--warning-d-1);
}
.dn-btn_border {
    background: transparent;
    color: var(--primary);
    border: 1px solid var(--primary);
}
.dn-link {
    color: var(--cta);
    font-size: var(--text-m);
    font-weight: 600;
    letter-spacing: 0;
    box-shadow: 0 2px 0 var(--primary-20);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}
.dn-link:hover {
    box-shadow: 0 2px 0 var(--primary-40);
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.dn-avatar {
    width: var(--space-2xl);
    height: var(--space-2xl);
    border-radius: 100%;
    box-shadow: var(--shadow-m);
    object-fit: cover;
}
.dn-avatar_small {
    width: var(--space-l);
    height: var(--space-l);
}
.dn-avatar_large {
    width: var(--space-4xl);
    height: var(--space-4xl);
}
.dn-bg-primary {
    background-color: var(--primary);
}
.dn-bg-primary-5 {
    background-color: var(--primary-5);
}
.dn-bg-primary-10 {
    background-color: var(--primary-10);
}
.dn-bg-primary-20 {
    background-color: var(--primary-20);
}
.dn-bg-primary-30 {
    background-color: var(--primary-30);
}
.dn-bg-primary-40 {
    background-color: var(--primary-40);
}
.dn-bg-primary-50 {
    background-color: var(--primary-50);
}
.dn-bg-primary-60 {
    background-color: var(--primary-60);
}
.dn-bg-primary-70 {
    background-color: var(--primary-70);
}
.dn-bg-primary-80 {
    background-color: var(--primary-80);
}
.dn-bg-primary-90 {
    background-color: var(--primary-90);
}
.dn-bg-primary-d-1 {
    background-color: var(--primary-d-1);
}
.dn-bg-primary-d-2 {
    background-color: var(--primary-d-2);
}
.dn-bg-primary-d-3 {
    background-color: var(--primary-d-3);
}
.dn-bg-primary-d-4 {
    background-color: var(--primary-d-4);
}
.dn-bg-primary-d-5 {
    background-color: var(--primary-d-5);
}
.dn-bg-primary-d-6 {
    background-color: var(--primary-d-6);
}
.dn-bg-primary-d-7 {
    background-color: var(--primary-d-7);
}
.dn-bg-primary-d-8 {
    background-color: var(--primary-d-8);
}
.dn-bg-primary-d-9 {
    background-color: var(--primary-d-9);
}
.dn-bg-primary-d-10 {
    background-color: var(--primary-d-10);
}
.dn-bg-primary-l-1 {
    background-color: var(--primary-l-1);
}
.dn-bg-primary-l-2 {
    background-color: var(--primary-l-2);
}
.dn-bg-primary-l-3 {
    background-color: var(--primary-l-3);
}
.dn-bg-primary-l-4 {
    background-color: var(--primary-l-4);
}
.dn-bg-primary-l-5 {
    background-color: var(--primary-l-5);
}
.dn-bg-primary-l-6 {
    background-color: var(--primary-l-6);
}
.dn-bg-primary-l-7 {
    background-color: var(--primary-l-7);
}
.dn-bg-primary-l-8 {
    background-color: var(--primary-l-8);
}
.dn-bg-primary-l-9 {
    background-color: var(--primary-l-9);
}
.dn-bg-primary-l-10 {
    background-color: var(--primary-l-10);
}
.dn-text-primary {
    color: var(--primary);
}
.dn-text-primary-5 {
    color: var(--primary-5);
}
.dn-text-primary-10 {
    color: var(--primary-10);
}
.dn-text-primary-20 {
    color: var(--primary-20);
}
.dn-text-primary-30 {
    color: var(--primary-30);
}
.dn-text-primary-40 {
    color: var(--primary-40);
}
.dn-text-primary-50 {
    color: var(--primary-50);
}
.dn-text-primary-60 {
    color: var(--primary-60);
}
.dn-text-primary-70 {
    color: var(--primary-70);
}
.dn-text-primary-80 {
    color: var(--primary-80);
}
.dn-text-primary-90 {
    color: var(--primary-90);
}
.dn-text-primary-d-1 {
    color: var(--primary-d-1);
}
.dn-text-primary-d-2 {
    color: var(--primary-d-2);
}
.dn-text-primary-d-3 {
    color: var(--primary-d-3);
}
.dn-text-primary-d-4 {
    color: var(--primary-d-4);
}
.dn-text-primary-d-5 {
    color: var(--primary-d-5);
}
.dn-text-primary-d-6 {
    color: var(--primary-d-6);
}
.dn-text-primary-d-7 {
    color: var(--primary-d-7);
}
.dn-text-primary-d-8 {
    color: var(--primary-d-8);
}
.dn-text-primary-d-9 {
    color: var(--primary-d-9);
}
.dn-text-primary-d-10 {
    color: var(--primary-d-10);
}
.dn-text-primary-l-1 {
    color: var(--primary-l-1);
}
.dn-text-primary-l-2 {
    color: var(--primary-l-2);
}
.dn-text-primary-l-3 {
    color: var(--primary-l-3);
}
.dn-text-primary-l-4 {
    color: var(--primary-l-4);
}
.dn-text-primary-l-5 {
    color: var(--primary-l-5);
}
.dn-text-primary-l-6 {
    color: var(--primary-l-6);
}
.dn-text-primary-l-7 {
    color: var(--primary-l-7);
}
.dn-text-primary-l-8 {
    color: var(--primary-l-8);
}
.dn-text-primary-l-9 {
    color: var(--primary-l-9);
}
.dn-text-primary-l-10 {
    color: var(--primary-l-10);
}
.dn-border-primary {
    border-color: var(--primary);
}
.dn-border-primary-5 {
    border-color: var(--primary-5);
}
.dn-border-primary-10 {
    border-color: var(--primary-10);
}
.dn-border-primary-20 {
    border-color: var(--primary-20);
}
.dn-border-primary-30 {
    border-color: var(--primary-30);
}
.dn-border-primary-40 {
    border-color: var(--primary-40);
}
.dn-border-primary-50 {
    border-color: var(--primary-50);
}
.dn-border-primary-60 {
    border-color: var(--primary-60);
}
.dn-border-primary-70 {
    border-color: var(--primary-70);
}
.dn-border-primary-80 {
    border-color: var(--primary-80);
}
.dn-border-primary-90 {
    border-color: var(--primary-90);
}
.dn-border-primary-d-1 {
    border-color: var(--primary-d-1);
}
.dn-border-primary-d-2 {
    border-color: var(--primary-d-2);
}
.dn-border-primary-d-3 {
    border-color: var(--primary-d-3);
}
.dn-border-primary-d-4 {
    border-color: var(--primary-d-4);
}
.dn-border-primary-d-5 {
    border-color: var(--primary-d-5);
}
.dn-border-primary-d-6 {
    border-color: var(--primary-d-6);
}
.dn-border-primary-d-7 {
    border-color: var(--primary-d-7);
}
.dn-border-primary-d-8 {
    border-color: var(--primary-d-8);
}
.dn-border-primary-d-9 {
    border-color: var(--primary-d-9);
}
.dn-border-primary-d-10 {
    border-color: var(--primary-d-10);
}
.dn-border-primary-l-1 {
    border-color: var(--primary-l-1);
}
.dn-border-primary-l-2 {
    border-color: var(--primary-l-2);
}
.dn-border-primary-l-3 {
    border-color: var(--primary-l-3);
}
.dn-border-primary-l-4 {
    border-color: var(--primary-l-4);
}
.dn-border-primary-l-5 {
    border-color: var(--primary-l-5);
}
.dn-border-primary-l-6 {
    border-color: var(--primary-l-6);
}
.dn-border-primary-l-7 {
    border-color: var(--primary-l-7);
}
.dn-border-primary-l-8 {
    border-color: var(--primary-l-8);
}
.dn-border-primary-l-9 {
    border-color: var(--primary-l-9);
}
.dn-border-primary-l-10 {
    border-color: var(--primary-l-10);
}
.dn-bg-secondary {
    background-color: var(--secondary);
}
.dn-bg-secondary-l-1 {
    background-color: var(--secondary-l-1);
}
.dn-bg-secondary-l-2 {
    background-color: var(--secondary-l-2);
}
.dn-bg-secondary-l-3 {
    background-color: var(--secondary-l-3);
}
.dn-bg-secondary-l-4 {
    background-color: var(--secondary-l-4);
}
.dn-bg-secondary-l-5 {
    background-color: var(--secondary-l-5);
}
.dn-bg-secondary-l-6 {
    background-color: var(--secondary-l-6);
}
.dn-bg-secondary-l-7 {
    background-color: var(--secondary-l-7);
}
.dn-bg-secondary-l-8 {
    background-color: var(--secondary-l-8);
}
.dn-bg-secondary-l-9 {
    background-color: var(--secondary-l-9);
}
.dn-bg-secondary-l-10 {
    background-color: var(--secondary-l-10);
}
.dn-text-secondary {
    color: var(--secondary);
}
.dn-text-secondary-l-1 {
    color: var(--secondary-l-1);
}
.dn-text-secondary-l-2 {
    color: var(--secondary-l-2);
}
.dn-text-secondary-l-3 {
    color: var(--secondary-l-3);
}
.dn-text-secondary-l-4 {
    color: var(--secondary-l-4);
}
.dn-text-secondary-l-5 {
    color: var(--secondary-l-5);
}
.dn-text-secondary-l-6 {
    color: var(--secondary-l-6);
}
.dn-text-secondary-l-7 {
    color: var(--secondary-l-7);
}
.dn-text-secondary-l-8 {
    color: var(--secondary-l-8);
}
.dn-text-secondary-l-9 {
    color: var(--secondary-l-9);
}
.dn-text-secondary-l-10 {
    color: var(--secondary-l-10);
}
.dn-border-secondary {
    border-color: var(--secondary);
}
.dn-border-secondary-l-1 {
    border-color: var(--secondary-l-1);
}
.dn-border-secondary-l-2 {
    border-color: var(--secondary-l-2);
}
.dn-border-secondary-l-3 {
    border-color: var(--secondary-l-3);
}
.dn-border-secondary-l-4 {
    border-color: var(--secondary-l-4);
}
.dn-border-secondary-l-5 {
    border-color: var(--secondary-l-5);
}
.dn-border-secondary-l-6 {
    border-color: var(--secondary-l-6);
}
.dn-border-secondary-l-7 {
    border-color: var(--secondary-l-7);
}
.dn-border-secondary-l-8 {
    border-color: var(--secondary-l-8);
}
.dn-border-secondary-l-9 {
    border-color: var(--secondary-l-9);
}
.dn-border-secondary-l-10 {
    border-color: var(--secondary-l-10);
}
.dn-bg-cta {
    background-color: var(--cta);
}
.dn-bg-cta-5 {
    background-color: var(--cta-5);
}
.dn-bg-cta-10 {
    background-color: var(--cta-10);
}
.dn-bg-cta-20 {
    background-color: var(--cta-20);
}
.dn-bg-cta-30 {
    background-color: var(--cta-30);
}
.dn-bg-cta-40 {
    background-color: var(--cta-40);
}
.dn-bg-cta-50 {
    background-color: var(--cta-50);
}
.dn-bg-cta-60 {
    background-color: var(--cta-60);
}
.dn-bg-cta-70 {
    background-color: var(--cta-70);
}
.dn-bg-cta-80 {
    background-color: var(--cta-80);
}
.dn-bg-cta-90 {
    background-color: var(--cta-90);
}
.dn-bg-cta-d-1 {
    background-color: var(--cta-d-1);
}
.dn-bg-cta-d-2 {
    background-color: var(--cta-d-2);
}
.dn-bg-cta-d-3 {
    background-color: var(--cta-d-3);
}
.dn-bg-cta-d-4 {
    background-color: var(--cta-d-4);
}
.dn-bg-cta-d-5 {
    background-color: var(--cta-d-5);
}
.dn-bg-cta-d-6 {
    background-color: var(--cta-d-6);
}
.dn-bg-cta-d-7 {
    background-color: var(--cta-d-7);
}
.dn-bg-cta-d-8 {
    background-color: var(--cta-d-8);
}
.dn-bg-cta-d-9 {
    background-color: var(--cta-d-9);
}
.dn-bg-cta-d-10 {
    background-color: var(--cta-d-10);
}
.dn-bg-cta-l-1 {
    background-color: var(--cta-l-1);
}
.dn-bg-cta-l-2 {
    background-color: var(--cta-l-2);
}
.dn-bg-cta-l-3 {
    background-color: var(--cta-l-3);
}
.dn-bg-cta-l-4 {
    background-color: var(--cta-l-4);
}
.dn-bg-cta-l-5 {
    background-color: var(--cta-l-5);
}
.dn-bg-cta-l-6 {
    background-color: var(--cta-l-6);
}
.dn-bg-cta-l-7 {
    background-color: var(--cta-l-7);
}
.dn-bg-cta-l-8 {
    background-color: var(--cta-l-8);
}
.dn-bg-cta-l-9 {
    background-color: var(--cta-l-9);
}
.dn-bg-cta-l-10 {
    background-color: var(--cta-l-10);
}
.dn-text-cta {
    color: var(--cta);
}
.dn-text-cta-5 {
    color: var(--cta-5);
}
.dn-text-cta-10 {
    color: var(--cta-10);
}
.dn-text-cta-20 {
    color: var(--cta-20);
}
.dn-text-cta-30 {
    color: var(--cta-30);
}
.dn-text-cta-40 {
    color: var(--cta-40);
}
.dn-text-cta-50 {
    color: var(--cta-50);
}
.dn-text-cta-60 {
    color: var(--cta-60);
}
.dn-text-cta-70 {
    color: var(--cta-70);
}
.dn-text-cta-80 {
    color: var(--cta-80);
}
.dn-text-cta-90 {
    color: var(--cta-90);
}
.dn-text-cta-d-1 {
    color: var(--cta-d-1);
}
.dn-text-cta-d-2 {
    color: var(--cta-d-2);
}
.dn-text-cta-d-3 {
    color: var(--cta-d-3);
}
.dn-text-cta-d-4 {
    color: var(--cta-d-4);
}
.dn-text-cta-d-5 {
    color: var(--cta-d-5);
}
.dn-text-cta-d-6 {
    color: var(--cta-d-6);
}
.dn-text-cta-d-7 {
    color: var(--cta-d-7);
}
.dn-text-cta-d-8 {
    color: var(--cta-d-8);
}
.dn-text-cta-d-9 {
    color: var(--cta-d-9);
}
.dn-text-cta-d-10 {
    color: var(--cta-d-10);
}
.dn-text-cta-l-1 {
    color: var(--cta-l-1);
}
.dn-text-cta-l-2 {
    color: var(--cta-l-2);
}
.dn-text-cta-l-3 {
    color: var(--cta-l-3);
}
.dn-text-cta-l-4 {
    color: var(--cta-l-4);
}
.dn-text-cta-l-5 {
    color: var(--cta-l-5);
}
.dn-text-cta-l-6 {
    color: var(--cta-l-6);
}
.dn-text-cta-l-7 {
    color: var(--cta-l-7);
}
.dn-text-cta-l-8 {
    color: var(--cta-l-8);
}
.dn-text-cta-l-9 {
    color: var(--cta-l-9);
}
.dn-text-cta-l-10 {
    color: var(--cta-l-10);
}
.dn-border-cta {
    border-color: var(--cta);
}
.dn-border-cta-5 {
    border-color: var(--cta-5);
}
.dn-border-cta-10 {
    border-color: var(--cta-10);
}
.dn-border-cta-20 {
    border-color: var(--cta-20);
}
.dn-border-cta-30 {
    border-color: var(--cta-30);
}
.dn-border-cta-40 {
    border-color: var(--cta-40);
}
.dn-border-cta-50 {
    border-color: var(--cta-50);
}
.dn-border-cta-60 {
    border-color: var(--cta-60);
}
.dn-border-cta-70 {
    border-color: var(--cta-70);
}
.dn-border-cta-80 {
    border-color: var(--cta-80);
}
.dn-border-cta-90 {
    border-color: var(--cta-90);
}
.dn-border-cta-d-1 {
    border-color: var(--cta-d-1);
}
.dn-border-cta-d-2 {
    border-color: var(--cta-d-2);
}
.dn-border-cta-d-3 {
    border-color: var(--cta-d-3);
}
.dn-border-cta-d-4 {
    border-color: var(--cta-d-4);
}
.dn-border-cta-d-5 {
    border-color: var(--cta-d-5);
}
.dn-border-cta-d-6 {
    border-color: var(--cta-d-6);
}
.dn-border-cta-d-7 {
    border-color: var(--cta-d-7);
}
.dn-border-cta-d-8 {
    border-color: var(--cta-d-8);
}
.dn-border-cta-d-9 {
    border-color: var(--cta-d-9);
}
.dn-border-cta-d-10 {
    border-color: var(--cta-d-10);
}
.dn-border-cta-l-1 {
    border-color: var(--cta-l-1);
}
.dn-border-cta-l-2 {
    border-color: var(--cta-l-2);
}
.dn-border-cta-l-3 {
    border-color: var(--cta-l-3);
}
.dn-border-cta-l-4 {
    border-color: var(--cta-l-4);
}
.dn-border-cta-l-5 {
    border-color: var(--cta-l-5);
}
.dn-border-cta-l-6 {
    border-color: var(--cta-l-6);
}
.dn-border-cta-l-7 {
    border-color: var(--cta-l-7);
}
.dn-border-cta-l-8 {
    border-color: var(--cta-l-8);
}
.dn-border-cta-l-9 {
    border-color: var(--cta-l-9);
}
.dn-border-cta-l-10 {
    border-color: var(--cta-l-10);
}
.dn-bg-sections {
    background-color: var(--bg-sections);
}
.dn-text-claro {
    color: var(--text-claro);
}
.dn-text-decoration {
    color: var(--text-decoration);
}
.dn-text-title-oscuro {
    color: var(--title-oscuro);
}
.dn-text-oscuro {
    color: var(--text-oscuro);
}
.dn-border-base {
    border-color: var(--border-base);
}
.dn-bg-success {
    background-color: var(--success);
}
.dn-bg-success-d-1 {
    background-color: var(--success-d-1);
}
.dn-bg-success-d-2 {
    background-color: var(--success-d-2);
}
.dn-bg-success-d-3 {
    background-color: var(--success-d-3);
}
.dn-bg-success-d-4 {
    background-color: var(--success-d-4);
}
.dn-bg-success-d-5 {
    background-color: var(--success-d-5);
}
.dn-bg-success-d-6 {
    background-color: var(--success-d-6);
}
.dn-bg-success-d-7 {
    background-color: var(--success-d-7);
}
.dn-bg-success-d-8 {
    background-color: var(--success-d-8);
}
.dn-bg-success-d-9 {
    background-color: var(--success-d-9);
}
.dn-bg-success-d-10 {
    background-color: var(--success-d-10);
}
.dn-bg-success-l-1 {
    background-color: var(--success-l-1);
}
.dn-bg-success-l-2 {
    background-color: var(--success-l-2);
}
.dn-bg-success-l-3 {
    background-color: var(--success-l-3);
}
.dn-bg-success-l-4 {
    background-color: var(--success-l-4);
}
.dn-bg-success-l-5 {
    background-color: var(--success-l-5);
}
.dn-bg-success-l-6 {
    background-color: var(--success-l-6);
}
.dn-bg-success-l-7 {
    background-color: var(--success-l-7);
}
.dn-bg-success-l-8 {
    background-color: var(--success-l-8);
}
.dn-bg-success-l-9 {
    background-color: var(--success-l-9);
}
.dn-bg-success-l-10 {
    background-color: var(--success-l-10);
}
.dn-text-success {
    color: var(--success);
}
.dn-text-success-d-1 {
    color: var(--success-d-1);
}
.dn-text-success-d-2 {
    color: var(--success-d-2);
}
.dn-text-success-d-3 {
    color: var(--success-d-3);
}
.dn-text-success-d-4 {
    color: var(--success-d-4);
}
.dn-text-success-d-5 {
    color: var(--success-d-5);
}
.dn-text-success-d-6 {
    color: var(--success-d-6);
}
.dn-text-success-d-7 {
    color: var(--success-d-7);
}
.dn-text-success-d-8 {
    color: var(--success-d-8);
}
.dn-text-success-d-9 {
    color: var(--success-d-9);
}
.dn-text-success-d-10 {
    color: var(--success-d-10);
}
.dn-text-success-l-1 {
    color: var(--success-l-1);
}
.dn-text-success-l-2 {
    color: var(--success-l-2);
}
.dn-text-success-l-3 {
    color: var(--success-l-3);
}
.dn-text-success-l-4 {
    color: var(--success-l-4);
}
.dn-text-success-l-5 {
    color: var(--success-l-5);
}
.dn-text-success-l-6 {
    color: var(--success-l-6);
}
.dn-text-success-l-7 {
    color: var(--success-l-7);
}
.dn-text-success-l-8 {
    color: var(--success-l-8);
}
.dn-text-success-l-9 {
    color: var(--success-l-9);
}
.dn-text-success-l-10 {
    color: var(--success-l-10);
}
.dn-border-success {
    border-color: var(--success);
}
.dn-border-success-d-1 {
    border-color: var(--success-d-1);
}
.dn-border-success-d-2 {
    border-color: var(--success-d-2);
}
.dn-border-success-d-3 {
    border-color: var(--success-d-3);
}
.dn-border-success-d-4 {
    border-color: var(--success-d-4);
}
.dn-border-success-d-5 {
    border-color: var(--success-d-5);
}
.dn-border-success-d-6 {
    border-color: var(--success-d-6);
}
.dn-border-success-d-7 {
    border-color: var(--success-d-7);
}
.dn-border-success-d-8 {
    border-color: var(--success-d-8);
}
.dn-border-success-d-9 {
    border-color: var(--success-d-9);
}
.dn-border-success-d-10 {
    border-color: var(--success-d-10);
}
.dn-border-success-l-1 {
    border-color: var(--success-l-1);
}
.dn-border-success-l-2 {
    border-color: var(--success-l-2);
}
.dn-border-success-l-3 {
    border-color: var(--success-l-3);
}
.dn-border-success-l-4 {
    border-color: var(--success-l-4);
}
.dn-border-success-l-5 {
    border-color: var(--success-l-5);
}
.dn-border-success-l-6 {
    border-color: var(--success-l-6);
}
.dn-border-success-l-7 {
    border-color: var(--success-l-7);
}
.dn-border-success-l-8 {
    border-color: var(--success-l-8);
}
.dn-border-success-l-9 {
    border-color: var(--success-l-9);
}
.dn-border-success-l-10 {
    border-color: var(--success-l-10);
}
.dn-bg-error {
    background-color: var(--error);
}
.dn-bg-error-5 {
    background-color: var(--error-5);
}
.dn-bg-error-10 {
    background-color: var(--error-10);
}
.dn-bg-error-20 {
    background-color: var(--error-20);
}
.dn-bg-error-30 {
    background-color: var(--error-30);
}
.dn-bg-error-40 {
    background-color: var(--error-40);
}
.dn-bg-error-50 {
    background-color: var(--error-50);
}
.dn-bg-error-60 {
    background-color: var(--error-60);
}
.dn-bg-error-70 {
    background-color: var(--error-70);
}
.dn-bg-error-80 {
    background-color: var(--error-80);
}
.dn-bg-error-90 {
    background-color: var(--error-90);
}
.dn-bg-error-d-1 {
    background-color: var(--error-d-1);
}
.dn-bg-error-d-2 {
    background-color: var(--error-d-2);
}
.dn-bg-error-d-3 {
    background-color: var(--error-d-3);
}
.dn-bg-error-d-4 {
    background-color: var(--error-d-4);
}
.dn-bg-error-d-5 {
    background-color: var(--error-d-5);
}
.dn-bg-error-d-6 {
    background-color: var(--error-d-6);
}
.dn-bg-error-d-7 {
    background-color: var(--error-d-7);
}
.dn-bg-error-d-8 {
    background-color: var(--error-d-8);
}
.dn-bg-error-d-9 {
    background-color: var(--error-d-9);
}
.dn-bg-error-d-10 {
    background-color: var(--error-d-10);
}
.dn-bg-error-l-1 {
    background-color: var(--error-l-1);
}
.dn-bg-error-l-2 {
    background-color: var(--error-l-2);
}
.dn-bg-error-l-3 {
    background-color: var(--error-l-3);
}
.dn-bg-error-l-4 {
    background-color: var(--error-l-4);
}
.dn-bg-error-l-5 {
    background-color: var(--error-l-5);
}
.dn-bg-error-l-6 {
    background-color: var(--error-l-6);
}
.dn-bg-error-l-7 {
    background-color: var(--error-l-7);
}
.dn-bg-error-l-8 {
    background-color: var(--error-l-8);
}
.dn-bg-error-l-9 {
    background-color: var(--error-l-9);
}
.dn-bg-error-l-10 {
    background-color: var(--error-l-10);
}
.dn-text-error {
    color: var(--error);
}
.dn-text-error-5 {
    color: var(--error-5);
}
.dn-text-error-10 {
    color: var(--error-10);
}
.dn-text-error-20 {
    color: var(--error-20);
}
.dn-text-error-30 {
    color: var(--error-30);
}
.dn-text-error-40 {
    color: var(--error-40);
}
.dn-text-error-50 {
    color: var(--error-50);
}
.dn-text-error-60 {
    color: var(--error-60);
}
.dn-text-error-70 {
    color: var(--error-70);
}
.dn-text-error-80 {
    color: var(--error-80);
}
.dn-text-error-90 {
    color: var(--error-90);
}
.dn-text-error-d-1 {
    color: var(--error-d-1);
}
.dn-text-error-d-2 {
    color: var(--error-d-2);
}
.dn-text-error-d-3 {
    color: var(--error-d-3);
}
.dn-text-error-d-4 {
    color: var(--error-d-4);
}
.dn-text-error-d-5 {
    color: var(--error-d-5);
}
.dn-text-error-d-6 {
    color: var(--error-d-6);
}
.dn-text-error-d-7 {
    color: var(--error-d-7);
}
.dn-text-error-d-8 {
    color: var(--error-d-8);
}
.dn-text-error-d-9 {
    color: var(--error-d-9);
}
.dn-text-error-d-10 {
    color: var(--error-d-10);
}
.dn-text-error-l-1 {
    color: var(--error-l-1);
}
.dn-text-error-l-2 {
    color: var(--error-l-2);
}
.dn-text-error-l-3 {
    color: var(--error-l-3);
}
.dn-text-error-l-4 {
    color: var(--error-l-4);
}
.dn-text-error-l-5 {
    color: var(--error-l-5);
}
.dn-text-error-l-6 {
    color: var(--error-l-6);
}
.dn-text-error-l-7 {
    color: var(--error-l-7);
}
.dn-text-error-l-8 {
    color: var(--error-l-8);
}
.dn-text-error-l-9 {
    color: var(--error-l-9);
}
.dn-text-error-l-10 {
    color: var(--error-l-10);
}
.dn-border-error {
    border-color: var(--error);
}
.dn-border-error-5 {
    border-color: var(--error-5);
}
.dn-border-error-10 {
    border-color: var(--error-10);
}
.dn-border-error-20 {
    border-color: var(--error-20);
}
.dn-border-error-30 {
    border-color: var(--error-30);
}
.dn-border-error-40 {
    border-color: var(--error-40);
}
.dn-border-error-50 {
    border-color: var(--error-50);
}
.dn-border-error-60 {
    border-color: var(--error-60);
}
.dn-border-error-70 {
    border-color: var(--error-70);
}
.dn-border-error-80 {
    border-color: var(--error-80);
}
.dn-border-error-90 {
    border-color: var(--error-90);
}
.dn-border-error-d-1 {
    border-color: var(--error-d-1);
}
.dn-border-error-d-2 {
    border-color: var(--error-d-2);
}
.dn-border-error-d-3 {
    border-color: var(--error-d-3);
}
.dn-border-error-d-4 {
    border-color: var(--error-d-4);
}
.dn-border-error-d-5 {
    border-color: var(--error-d-5);
}
.dn-border-error-d-6 {
    border-color: var(--error-d-6);
}
.dn-border-error-d-7 {
    border-color: var(--error-d-7);
}
.dn-border-error-d-8 {
    border-color: var(--error-d-8);
}
.dn-border-error-d-9 {
    border-color: var(--error-d-9);
}
.dn-border-error-d-10 {
    border-color: var(--error-d-10);
}
.dn-border-error-l-1 {
    border-color: var(--error-l-1);
}
.dn-border-error-l-2 {
    border-color: var(--error-l-2);
}
.dn-border-error-l-3 {
    border-color: var(--error-l-3);
}
.dn-border-error-l-4 {
    border-color: var(--error-l-4);
}
.dn-border-error-l-5 {
    border-color: var(--error-l-5);
}
.dn-border-error-l-6 {
    border-color: var(--error-l-6);
}
.dn-border-error-l-7 {
    border-color: var(--error-l-7);
}
.dn-border-error-l-8 {
    border-color: var(--error-l-8);
}
.dn-border-error-l-9 {
    border-color: var(--error-l-9);
}
.dn-border-error-l-10 {
    border-color: var(--error-l-10);
}
.dn-padding-4xs {
    padding: var(--space-4xs);
}
.dn-padding-3xs {
    padding: var(--space-3xs);
}
.dn-padding-2xs {
    padding: var(--space-2xs);
}
.dn-padding-xs {
    padding: var(--space-xs);
}
.dn-padding-s {
    padding: var(--space-s);
}
.dn-padding-m {
    padding: var(--space-m);
}
.dn-padding-l {
    padding: var(--space-l);
}
.dn-padding-xl {
    padding: var(--space-xl);
}
.dn-padding-2xl {
    padding: var(--space-2xl);
}
.dn-padding-3xl {
    padding: var(--space-3xl);
}
.dn-padding-4xl {
    padding: var(--space-4xl);
}
.dn-padding-left-4xs {
    padding-left: var(--space-4xs);
}
.dn-padding-left-3xs {
    padding-left: var(--space-3xs);
}
.dn-padding-left-2xs {
    padding-left: var(--space-2xs);
}
.dn-padding-left-xs {
    padding-left: var(--space-xs);
}
.dn-padding-left-s {
    padding-left: var(--space-s);
}
.dn-padding-left-m {
    padding-left: var(--space-m);
}
.dn-padding-left-l {
    padding-left: var(--space-l);
}
.dn-padding-left-xl {
    padding-left: var(--space-xl);
}
.dn-padding-left-2xl {
    padding-left: var(--space-2xl);
}
.dn-padding-left-3xl {
    padding-left: var(--space-3xl);
}
.dn-padding-left-4xl {
    padding-left: var(--space-4xl);
}
.dn-padding-right-4xs {
    padding-right: var(--space-4xs);
}
.dn-padding-right-3xs {
    padding-right: var(--space-3xs);
}
.dn-padding-right-2xs {
    padding-right: var(--space-2xs);
}
.dn-padding-right-xs {
    padding-right: var(--space-xs);
}
.dn-padding-right-s {
    padding-right: var(--space-s);
}
.dn-padding-right-m {
    padding-right: var(--space-m);
}
.dn-padding-right-l {
    padding-right: var(--space-l);
}
.dn-padding-right-xl {
    padding-right: var(--space-xl);
}
.dn-padding-right-2xl {
    padding-right: var(--space-2xl);
}
.dn-padding-right-3xl {
    padding-right: var(--space-3xl);
}
.dn-padding-right-4xl {
    padding-right: var(--space-4xl);
}
.dn-padding-top-4xs {
    padding-top: var(--space-4xs);
}
.dn-padding-top-3xs {
    padding-top: var(--space-3xs);
}
.dn-padding-top-2xs {
    padding-top: var(--space-2xs);
}
.dn-padding-top-xs {
    padding-top: var(--space-xs);
}
.dn-padding-top-s {
    padding-top: var(--space-s);
}
.dn-padding-top-m {
    padding-top: var(--space-m);
}
.dn-padding-top-l {
    padding-top: var(--space-l);
}
.dn-padding-top-xl {
    padding-top: var(--space-xl);
}
.dn-padding-top-2xl {
    padding-top: var(--space-2xl);
}
.dn-padding-top-3xl {
    padding-top: var(--space-3xl);
}
.dn-padding-top-4xl {
    padding-top: var(--space-4xl);
}
.dn-padding-bottom-4xs {
    padding-bottom: var(--space-4xs);
}
.dn-padding-bottom-3xs {
    padding-bottom: var(--space-3xs);
}
.dn-padding-bottom-2xs {
    padding-bottom: var(--space-2xs);
}
.dn-padding-bottom-xs {
    padding-bottom: var(--space-xs);
}
.dn-padding-bottom-s {
    padding-bottom: var(--space-s);
}
.dn-padding-bottom-m {
    padding-bottom: var(--space-m);
}
.dn-padding-bottom-l {
    padding-bottom: var(--space-l);
}
.dn-padding-bottom-xl {
    padding-bottom: var(--space-xl);
}
.dn-padding-bottom-2xl {
    padding-bottom: var(--space-2xl);
}
.dn-padding-bottom-3xl {
    padding-bottom: var(--space-3xl);
}
.dn-padding-bottom-4xl {
    padding-bottom: var(--space-4xl);
}
.dn-padding-horizontal-4xs {
    padding-left: var(--space-4xs);
    padding-right: var(--space-4xs);
}
.dn-padding-horizontal-3xs {
    padding-left: var(--space-3xs);
    padding-right: var(--space-3xs);
}
.dn-padding-horizontal-2xs {
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs);
}
.dn-padding-horizontal-xs {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
}
.dn-padding-horizontal-s {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
}
.dn-padding-horizontal-m {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
}
.dn-padding-horizontal-l {
    padding-left: var(--space-l);
    padding-right: var(--space-l);
}
.dn-padding-horizontal-xl {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
}
.dn-padding-horizontal-2xl {
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
}
.dn-padding-horizontal-3xl {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
}
.dn-padding-horizontal-4xl {
    padding-left: var(--space-4xl);
    padding-right: var(--space-4xl);
}
.dn-padding-vertical-4xs {
    padding-top: var(--space-4xs);
    padding-bottom: var(--space-4xs);
}
.dn-padding-vertical-3xs {
    padding-top: var(--space-3xs);
    padding-bottom: var(--space-3xs);
}
.dn-padding-vertical-2xs {
    padding-top: var(--space-2xs);
    padding-bottom: var(--space-2xs);
}
.dn-padding-vertical-xs {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
}
.dn-padding-vertical-s {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
}
.dn-padding-vertical-m {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
}
.dn-padding-vertical-l {
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
}
.dn-padding-vertical-xl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}
.dn-padding-vertical-2xl {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl);
}
.dn-padding-vertical-3xl {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
}
.dn-padding-vertical-4xl {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl);
}
.dn-margin-4xs {
    margin: var(--space-4xs);
}
.dn-margin-3xs {
    margin: var(--space-3xs);
}
.dn-margin-2xs {
    margin: var(--space-2xs);
}
.dn-margin-xs {
    margin: var(--space-xs);
}
.dn-margin-s {
    margin: var(--space-s);
}
.dn-margin-m {
    margin: var(--space-m);
}
.dn-margin-l {
    margin: var(--space-l);
}
.dn-margin-xl {
    margin: var(--space-xl);
}
.dn-margin-2xl {
    margin: var(--space-2xl);
}
.dn-margin-3xl {
    margin: var(--space-3xl);
}
.dn-margin-4xl {
    margin: var(--space-4xl);
}
.dn-margin-left-4xs {
    margin-left: var(--space-4xs);
}
.dn-margin-left-3xs {
    margin-left: var(--space-3xs);
}
.dn-margin-left-2xs {
    margin-left: var(--space-2xs);
}
.dn-margin-left-xs {
    margin-left: var(--space-xs);
}
.dn-margin-left-s {
    margin-left: var(--space-s);
}
.dn-margin-left-m {
    margin-left: var(--space-m);
}
.dn-margin-left-l {
    margin-left: var(--space-l);
}
.dn-margin-left-xl {
    margin-left: var(--space-xl);
}
.dn-margin-left-2xl {
    margin-left: var(--space-2xl);
}
.dn-margin-left-3xl {
    margin-left: var(--space-3xl);
}
.dn-margin-left-4xl {
    margin-left: var(--space-4xl);
}
.dn-margin-right-4xs {
    margin-right: var(--space-4xs);
}
.dn-margin-right-3xs {
    margin-right: var(--space-3xs);
}
.dn-margin-right-2xs {
    margin-right: var(--space-2xs);
}
.dn-margin-right-xs {
    margin-right: var(--space-xs);
}
.dn-margin-right-s {
    margin-right: var(--space-s);
}
.dn-margin-right-m {
    margin-right: var(--space-m);
}
.dn-margin-right-l {
    margin-right: var(--space-l);
}
.dn-margin-right-xl {
    margin-right: var(--space-xl);
}
.dn-margin-right-2xl {
    margin-right: var(--space-2xl);
}
.dn-margin-right-3xl {
    margin-right: var(--space-3xl);
}
.dn-margin-right-4xl {
    margin-right: var(--space-4xl);
}
.dn-margin-top-4xs {
    margin-top: var(--space-4xs);
}
.dn-margin-top-3xs {
    margin-top: var(--space-3xs);
}
.dn-margin-top-2xs {
    margin-top: var(--space-2xs);
}
.dn-margin-top-xs {
    margin-top: var(--space-xs);
}
.dn-margin-top-s {
    margin-top: var(--space-s);
}
.dn-margin-top-m {
    margin-top: var(--space-m);
}
.dn-margin-top-l {
    margin-top: var(--space-l);
}
.dn-margin-top-xl {
    margin-top: var(--space-xl);
}
.dn-margin-top-2xl {
    margin-top: var(--space-2xl);
}
.dn-margin-top-3xl {
    margin-top: var(--space-3xl);
}
.dn-margin-top-4xl {
    margin-top: var(--space-4xl);
}
.dn-margin-bottom-4xs {
    margin-bottom: var(--space-4xs);
}
.dn-margin-bottom-3xs {
    margin-bottom: var(--space-3xs);
}
.dn-margin-bottom-2xs {
    margin-bottom: var(--space-2xs);
}
.dn-margin-bottom-xs {
    margin-bottom: var(--space-xs);
}
.dn-margin-bottom-s {
    margin-bottom: var(--space-s);
}
.dn-margin-bottom-m {
    margin-bottom: var(--space-m);
}
.dn-margin-bottom-l {
    margin-bottom: var(--space-l);
}
.dn-margin-bottom-xl {
    margin-bottom: var(--space-xl);
}
.dn-margin-bottom-2xl {
    margin-bottom: var(--space-2xl);
}
.dn-margin-bottom-3xl {
    margin-bottom: var(--space-3xl);
}
.dn-margin-bottom-4xl {
    margin-bottom: var(--space-4xl);
}
.dn-margin-horizontal-4xs {
    margin-left: var(--space-4xs);
    margin-right: var(--space-4xs);
}
.dn-margin-horizontal-3xs {
    margin-left: var(--space-3xs);
    margin-right: var(--space-3xs);
}
.dn-margin-horizontal-2xs {
    margin-left: var(--space-2xs);
    margin-right: var(--space-2xs);
}
.dn-margin-horizontal-xs {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
}
.dn-margin-horizontal-s {
    margin-left: var(--space-s);
    margin-right: var(--space-s);
}
.dn-margin-horizontal-m {
    margin-left: var(--space-m);
    margin-right: var(--space-m);
}
.dn-margin-horizontal-l {
    margin-left: var(--space-l);
    margin-right: var(--space-l);
}
.dn-margin-horizontal-xl {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl);
}
.dn-margin-horizontal-2xl {
    margin-left: var(--space-2xl);
    margin-right: var(--space-2xl);
}
.dn-margin-horizontal-3xl {
    margin-left: var(--space-3xl);
    margin-right: var(--space-3xl);
}
.dn-margin-horizontal-4xl {
    margin-left: var(--space-4xl);
    margin-right: var(--space-4xl);
}
.dn-margin-vertical-4xs {
    margin-top: var(--space-4xs);
    margin-bottom: var(--space-4xs);
}
.dn-margin-vertical-3xs {
    margin-top: var(--space-3xs);
    margin-bottom: var(--space-3xs);
}
.dn-margin-vertical-2xs {
    margin-top: var(--space-2xs);
    margin-bottom: var(--space-2xs);
}
.dn-margin-vertical-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
}
.dn-margin-vertical-s {
    margin-top: var(--space-s);
    margin-bottom: var(--space-s);
}
.dn-margin-vertical-m {
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);
}
.dn-margin-vertical-l {
    margin-top: var(--space-l);
    margin-bottom: var(--space-l);
}
.dn-margin-vertical-xl {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
}
.dn-margin-vertical-2xl {
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-2xl);
}
.dn-margin-vertical-3xl {
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-3xl);
}
.dn-margin-vertical-4xl {
    margin-top: var(--space-4xl);
    margin-bottom: var(--space-4xl);
}
.dn-gap-4xs {
    gap: var(--space-4xs);
}
.dn-gap-3xs {
    gap: var(--space-3xs);
}
.dn-gap-2xs {
    gap: var(--space-2xs);
}
.dn-gap-xs {
    gap: var(--space-xs);
}
.dn-gap-s {
    gap: var(--space-s);
}
.dn-gap-m {
    gap: var(--space-m);
}
.dn-gap-l {
    gap: var(--space-l);
}
.dn-gap-xl {
    gap: var(--space-xl);
}
.dn-gap-2xl {
    gap: var(--space-2xl);
}
.dn-gap-3xl {
    gap: var(--space-3xl);
}
.dn-gap-4xl {
    gap: var(--space-4xl);
}
.dn-text-3xs {
    font-size: var(--text-3xs);
}
.dn-text-2xs {
    font-size: var(--text-2xs);
}
.dn-text-xs {
    font-size: var(--text-xs);
}
.dn-text-s {
    font-size: var(--text-s);
}
.dn-text-m {
    font-size: var(--text-m);
}
.dn-text-l {
    font-size: var(--text-l);
}
.dn-text-xl {
    font-size: var(--text-xl);
}
.dn-text-2xl {
    font-size: var(--text-2xl);
}
.dn-text-3xl {
    font-size: var(--text-3xl);
}
.dn-text-4xl {
    font-size: var(--text-4xl);
}
H1 {
    font-size: var(--text-4xl);
    line-height: 1.1;
}
H2 {
    font-size: var(--text-3xl);
    line-height: 1.2;
}
H3 {
    font-size: var(--text-2xl);
    line-height: 1.3;
}
H4 {
    font-size: var(--text-xl);
    line-height: 1.3;
}
H5 {
    font-size: var(--text-l);
    line-height: 1.3;
}
H6 {
    font-size: var(--text-m);
    line-height: 1.4;
}
.dn-line-height-xs {
    line-height: 1;
}
.dn-line-height-s {
    line-height: 1.2;
}
.dn-line-height-m {
    line-height: 1.3;
}
.dn-line-height-l {
    line-height: 1.4;
}
.dn-line-height-xl {
    line-height: 1.5;
}
.dn-italic {
    font-style: italic;
}
.dn-bold {
    font-weight: bold;
}
.dn-lowercase {
    text-transform: lowercase;
}
.dn-uppercase {
    text-transform: uppercase;
}
.dn-underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.dn-font-100 {
    font-weight: 100;
}
.dn-font-200 {
    font-weight: 200;
}
.dn-font-300 {
    font-weight: 300;
}
.dn-font-400 {
    font-weight: 400;
}
.dn-font-500 {
    font-weight: 500;
}
.dn-font-600 {
    font-weight: 600;
}
.dn-font-700 {
    font-weight: 700;
}
.dn-font-800 {
    font-weight: 800;
}
.dn-font-900 {
    font-weight: 900;
}
.dn-text-left {
    text-align: left;
}
.dn-text-center {
    text-align: center;
}
.dn-text-right {
    text-align: right;
}
.dn-columns-min-5 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr));
}
.dn-columns-min-10 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}
.dn-columns-min-20 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}
.dn-columns-min-30 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr));
}
.dn-columns-min-40 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(40rem, 1fr));
}
.dn-columns-min-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50rem, 1fr));
}
.dn-columns-min-60 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(60rem, 1fr));
}
.dn-columns-min-70 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(70rem, 1fr));
}
.dn-col-span-2 {
    grid-column: auto / span 2;
}
.dn-col-span-3 {
    grid-column: auto / span 3;
}
.dn-col-span-4 {
    grid-column: auto / span 4;
}
.dn-col-span-5 {
    grid-column: auto / span 5;
}
.dn-col-span-6 {
    grid-column: auto / span 6;
}
.dn-col-span-7 {
    grid-column: auto / span 7;
}
.dn-col-span-8 {
    grid-column: auto / span 8;
}
.dn-row-span-2 {
    grid-row: auto / span 2;
}
.dn-row-span-3 {
    grid-row: auto / span 3;
}
.dn-row-span-4 {
    grid-row: auto / span 4;
}
.dn-row-span-5 {
    grid-row: auto / span 5;
}
.dn-row-span-6 {
    grid-row: auto / span 6;
}
.dn-row-span-7 {
    grid-row: auto / span 7;
}
.dn-row-span-8 {
    grid-row: auto / span 8;
}
.dn-full-width {
    width: 100%;
}
.dn-full-height {
    height: 100%;
}
.dn-screen-width {
    width: 100vw;
}
.dn-screen-height {
    height: 100vh;
}
.dn-auto-width {
    width: auto;
}
.dn-auto-height {
    height: auto;
}
.dn-width-90 {
    width: 90%;
}
.dn-width-80 {
    width: 80%;
}
.dn-width-70 {
    width: 70%;
}
.dn-width-60 {
    width: 60%;
}
.dn-width-50 {
    width: 50%;
}
.dn-width-40 {
    width: 40%;
}
.dn-width-30 {
    width: 30%;
}
.dn-width-20 {
    width: 20%;
}
.dn-width-10 {
    width: 10%;
}
.dn-max-site-width {
    max-width: 140rem;
    width: 100%;
}
.dn-max-width-140 {
    max-width: 140rem;
}
.dn-max-width-130 {
    max-width: 130rem;
}
.dn-max-width-120 {
    max-width: 120rem;
}
.dn-max-width-110 {
    max-width: 110rem;
}
.dn-max-width-100 {
    max-width: 100rem;
}
.dn-max-width-90 {
    max-width: 90rem;
}
.dn-max-width-80 {
    max-width: 80rem;
}
.dn-max-width-70 {
    max-width: 70rem;
}
.dn-max-width-60 {
    max-width: 60rem;
}
.dn-max-width-50 {
    max-width: 50rem;
}
.dn-max-width-40 {
    max-width: 40rem;
}
.dn-max-width-30 {
    max-width: 30rem;
}
.dn-max-width-20 {
    max-width: 20rem;
}
.dn-max-width-10 {
    max-width: 10rem;
}
.dn-radius-xs {
    border-radius: var(--radius-xs);
}
.dn-radius-s {
    border-radius: var(--radius-s);
}
.dn-radius-m {
    border-radius: var(--radius-m);
}
.dn-radius-l {
    border-radius: var(--radius-l);
}
.dn-radius-xl {
    border-radius: var(--radius-xl);
}
.dn-radius-full {
    border-radius: var(--radius-full);
}
.dn-border {
    border-width: 1px;
    border-style: solid;
}
.dn-border-left {
    border-left-width: 1px;
    border-left-style: solid;
}
.dn-border-right {
    border-right-width: 1px;
    border-right-style: solid;
}
.dn-border-top {
    border-top-width: 1px;
    border-top-style: solid;
}
.dn-border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.dn-opacity-0 {
    opacity: 0;
}
.dn-opacity-10 {
    opacity: 0.1;
}
.dn-opacity-20 {
    opacity: 0.2;
}
.dn-opacity-30 {
    opacity: 0.3;
}
.dn-opacity-40 {
    opacity: 0.4;
}
.dn-opacity-50 {
    opacity: 0.5;
}
.dn-opacity-60 {
    opacity: 0.6;
}
.dn-opacity-70 {
    opacity: 0.7;
}
.dn-opacity-80 {
    opacity: 0.8;
}
.dn-opacity-90 {
    opacity: 0.9;
}
.dn-opacity-100 {
    opacity: 1;
}
.dn-aspect-1 {
    aspect-ratio: 1;
}
.dn-aspect-4-3 {
    aspect-ratio: 4 / 3;
}
.dn-aspect-3-4 {
    aspect-ratio: 3 / 4;
}
.dn-aspect-3-2 {
    aspect-ratio: 3 / 2;
}
.dn-aspect-2-3 {
    aspect-ratio: 2 / 3;
}
.dn-aspect-16-9 {
    aspect-ratio: 16 / 9;
}
.dn-aspect-9-16 {
    aspect-ratio: 9 / 16;
}
.dn-bg-blur-xs {
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
.dn-bg-blur-s {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
}
.dn-bg-blur-m {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.dn-bg-blur-l {
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
}
.dn-bg-blur-xl {
    -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
}
.dn-display-none {
    display: none;
}
.dn-visible {
    visibility: visible;
}
.dn-hidden {
    visibility: hidden;
}
.dn-overflow-hidden {
    overflow: hidden;
}
.dn-overflow-auto {
    overflow: auto;
}
.dn-overflow-x-hidden {
    overflow-x: hidden;
}
.dn-overflow-x-auto {
    overflow-x: auto;
}
.dn-overflow-y-hidden {
    overflow-y: hidden;
}
.dn-overflow-y-auto {
    overflow-y: auto;
}
.dn-list-none {
    list-style-type: none;
}
.dn-white-space-nowrap {
    white-space: nowrap;
}
.dn-transition-global {
    transition: all 0.3s;
}
.dn-relative {
    position: relative;
}
.dn-absolute {
    position: absolute;
}
.dn-sticky {
    position: sticky;
}
.dn-fixed {
    position: fixed;
}
.dn-inset-0 {
    inset: 0;
}
.dn-bottom-0 {
    bottom: 0;
}
.dn-top-0 {
    top: 0;
}
.dn-left-0 {
    left: 0;
}
.dn-right-0 {
    right: 0;
}
.dn-pointer {
    cursor: pointer;
}
.dn-not-allowed {
    cursor: not-allowed;
}
.dn-cursor-auto {
    cursor: auto;
}
.dn-no-pointer-events {
    pointer-events: none;
}
.dn-z--1 {
    z-index: -1;
}
.dn-z-0 {
    z-index: 0;
}
.dn-z-1 {
    z-index: 1;
}
.dn-z-10 {
    z-index: 10;
}
.dn-z-100 {
    z-index: 100;
}
.dn-z-1000 {
    z-index: 1000;
}
.dn-z-10000 {
    z-index: 10000;
}
@media (max-width: 1400px) {
    .dn-col-span-1--on-xl {
        grid-column: auto / span 1;
    }
    .dn-col-span-2--on-xl {
        grid-column: auto / span 2;
    }
    .dn-col-span-3--on-xl {
        grid-column: auto / span 3;
    }
    .dn-col-span-4--on-xl {
        grid-column: auto / span 4;
    }
    .dn-col-span-5--on-xl {
        grid-column: auto / span 5;
    }
    .dn-col-span-6--on-xl {
        grid-column: auto / span 6;
    }
    .dn-row-span-1--on-xl {
        grid-row: auto / span 1;
    }
    .dn-row-span-2--on-xl {
        grid-row: auto / span 2;
    }
    .dn-row-span-3--on-xl {
        grid-row: auto / span 3;
    }
    .dn-row-span-4--on-xl {
        grid-row: auto / span 4;
    }
    .dn-row-span-5--on-xl {
        grid-row: auto / span 5;
    }
    .dn-row-span-6--on-xl {
        grid-row: auto / span 6;
    }
}
@media (max-width: 992px) {
    .dn-col-span-1--on-l {
        grid-column: auto / span 1;
    }
    .dn-col-span-2--on-l {
        grid-column: auto / span 2;
    }
    .dn-col-span-3--on-l {
        grid-column: auto / span 3;
    }
    .dn-col-span-4--on-l {
        grid-column: auto / span 4;
    }
    .dn-col-span-5--on-l {
        grid-column: auto / span 5;
    }
    .dn-col-span-6--on-l {
        grid-column: auto / span 6;
    }
    .dn-row-span-1--on-l {
        grid-row: auto / span 1;
    }
    .dn-row-span-2--on-l {
        grid-row: auto / span 2;
    }
    .dn-row-span-3--on-l {
        grid-row: auto / span 3;
    }
    .dn-row-span-4--on-l {
        grid-row: auto / span 4;
    }
    .dn-row-span-5--on-l {
        grid-row: auto / span 5;
    }
    .dn-row-span-6--on-l {
        grid-row: auto / span 6;
    }
}
@media (max-width: 768px) {
    .dn-col-span-1--on-m {
        grid-column: auto / span 1;
    }
    .dn-col-span-2--on-m {
        grid-column: auto / span 2;
    }
    .dn-col-span-3--on-m {
        grid-column: auto / span 3;
    }
    .dn-col-span-4--on-m {
        grid-column: auto / span 4;
    }
    .dn-col-span-5--on-m {
        grid-column: auto / span 5;
    }
    .dn-col-span-6--on-m {
        grid-column: auto / span 6;
    }
    .dn-row-span-1--on-m {
        grid-row: auto / span 1;
    }
    .dn-row-span-2--on-m {
        grid-row: auto / span 2;
    }
    .dn-row-span-3--on-m {
        grid-row: auto / span 3;
    }
    .dn-row-span-4--on-m {
        grid-row: auto / span 4;
    }
    .dn-row-span-5--on-m {
        grid-row: auto / span 5;
    }
    .dn-row-span-6--on-m {
        grid-row: auto / span 6;
    }
}
@media (max-width: 480px) {
    .dn-col-span-1--on-s {
        grid-column: auto / span 1;
    }
    .dn-col-span-2--on-s {
        grid-column: auto / span 2;
    }
    .dn-col-span-3--on-s {
        grid-column: auto / span 3;
    }
    .dn-col-span-4--on-s {
        grid-column: auto / span 4;
    }
    .dn-col-span-5--on-s {
        grid-column: auto / span 5;
    }
    .dn-col-span-6--on-s {
        grid-column: auto / span 6;
    }
    .dn-row-span-1--on-s {
        grid-row: auto / span 1;
    }
    .dn-row-span-2--on-s {
        grid-row: auto / span 2;
    }
    .dn-row-span-3--on-s {
        grid-row: auto / span 3;
    }
    .dn-row-span-4--on-s {
        grid-row: auto / span 4;
    }
    .dn-row-span-5--on-s {
        grid-row: auto / span 5;
    }
    .dn-row-span-6--on-s {
        grid-row: auto / span 6;
    }
}