/* Variables */
:root {
    --color-blue: #1455DF;
    --color-red: #CF3030;
    --color-light-blue: #3EB8E5;
    --color-sky: #F7F7F5;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-background: #E2E2E0;
    --color-purple: #5B4BC2;
    --color-light-purple: #e7eefc;
    --color-yellow: #FBB95D;
    --color-pink: #F63583;
    --color-text-primary: #1F1F1F;
    --color-text-secondary: #7A7A7A;
    --color-text-disable: #B8B8B8;
    --color-alerts-caution: #FFF7ED;
    --color-alerts-information: rgba(62, 187, 229, 0.1);
    --color-alerts-warning: rgba(207, 48, 48, 0.1);
    --color-alerts-pending: #F56A01;
    --color-glass: rgba(94, 94, 94, 0.18);
}

/* TODO flatpickr */

/* Fuentes */
.family {

}

.family--manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

@media (max-width: 1400px) {

    .xl\:family {

    }

    .xl\:family--manrope {
        font-family: "Manrope", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
    }

}
@media (max-width: 1200px) {

    .l\:family {

    }

    .l\:family--manrope {
        font-family: "Manrope", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
    }

}
@media (max-width: 992px) {

    .m\:family {

    }

    .m\:family--manrope {
        font-family: "Manrope", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
    }

}
@media (max-width: 768px) {

    .s\:family {

    }

    .s\:family--manrope {
        font-family: "Manrope", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
    }

}
@media (max-width: 576px) {

    .xs\:family {

    }

    .xs\:family--manrope {
        font-family: "Manrope", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
    }

}


/* Limpieza */
*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 180px;
}
a {
    color: inherit;
}

input, textarea, select, button {
    border: none;
    background: none;
    font-family: inherit;
}

table {
    border-collapse: collapse;
}

/* Antialiasing */
body, input, textarea, select, button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}



/* Section */
.section {

}

.section--spacing-s {
    margin-top: clamp(38px, 5vw, 48px);
    margin-bottom: clamp(38px, 5vw, 48px);
}
.section--spacing-m {
    margin-top: clamp(48px, 6vw, 72px);
    margin-bottom: clamp(48px, 6vw, 72px);
}
.section--spacing-l {
    margin-top: clamp(56px, 7vw, 100px);
    margin-bottom: clamp(56px, 7vw, 100px);
}
.section--spacing-xl {
    margin-top: clamp(64px, 8vw, 120px);
    margin-bottom: clamp(64px, 8vw, 120px);
}

.section--padding-s {
    padding-top: clamp(38px, 5vw, 48px);
    padding-bottom: clamp(38px, 5vw, 48px);
}
.section--padding-m {
    padding-top: clamp(48px, 6vw, 72px);
    padding-bottom: clamp(48px, 6vw, 72px);
}
.section--padding-l {
    padding-top: clamp(56px, 7vw, 100px);
    padding-bottom: clamp(56px, 7vw, 100px);
}
.section--padding-xl {
    padding-top: clamp(64px, 8vw, 120px);
    padding-bottom: clamp(64px, 8vw, 120px);
}


/* Container */
.container {
    width: calc(100% - 8%);
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
}
.container--full {
    max-width: none;
}

@media (max-width: 1400px) {

    .container {
        max-width: 1140px;
    }

}
@media (max-width: 1200px) {

    .container {
        max-width: 960px;
    }

}
@media (max-width: 992px) {

    .container {
        max-width: 720px;
    }

}
@media (max-width: 768px) {

    .container {
        max-width: 540px;
    }

}
@media (max-width: 576px) {

    .container {
        max-width: none;
    }

}


/* Grid */
.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

@media (max-width: 1200px) {

    .grid {
        grid-template-columns: repeat(8, 1fr);
    }

}
@media (max-width: 992px) {

    .grid {
        grid-template-columns: repeat(6, 1fr);
    }

}
@media (max-width: 576px) {

    .grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

}

.grid--1 {
    grid-template-columns: repeat(1, 1fr);
}
.grid--2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid--3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid--4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid--5 {
    grid-template-columns: repeat(5, 1fr);
}
.grid--6 {
    grid-template-columns: repeat(6, 1fr);
}
.grid--7 {
    grid-template-columns: repeat(7, 1fr);
}
.grid--8 {
    grid-template-columns: repeat(8, 1fr);
}
.grid--9 {
    grid-template-columns: repeat(9, 1fr);
}
.grid--10 {
    grid-template-columns: repeat(10, 1fr);
}
.grid--11 {
    grid-template-columns: repeat(11, 1fr);
}
.grid--12 {
    grid-template-columns: repeat(12, 1fr);
}

@media (max-width: 1400px) {

    .xl\:grid--1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .xl\:grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .xl\:grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .xl\:grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .xl\:grid--5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .xl\:grid--6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .xl\:grid--7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .xl\:grid--8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .xl\:grid--9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .xl\:grid--10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .xl\:grid--11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .xl\:grid--12 {
        grid-template-columns: repeat(12, 1fr);
    }

}
@media (max-width: 1200px) {

    .l\:grid--1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .l\:grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .l\:grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .l\:grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .l\:grid--5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .l\:grid--6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .l\:grid--7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .l\:grid--8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .l\:grid--9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .l\:grid--10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .l\:grid--11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .l\:grid--12 {
        grid-template-columns: repeat(12, 1fr);
    }

}
@media (max-width: 992px) {

    .m\:grid--1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .m\:grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .m\:grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .m\:grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .m\:grid--5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .m\:grid--6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .m\:grid--7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .m\:grid--8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .m\:grid--9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .m\:grid--10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .m\:grid--11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .m\:grid--12 {
        grid-template-columns: repeat(12, 1fr);
    }

}
@media (max-width: 768px) {

    .s\:grid--1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .s\:grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .s\:grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .s\:grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .s\:grid--5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .s\:grid--6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .s\:grid--7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .s\:grid--8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .s\:grid--9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .s\:grid--10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .s\:grid--11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .s\:grid--12 {
        grid-template-columns: repeat(12, 1fr);
    }

}
@media (max-width: 576px) {

    .xs\:grid--1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .xs\:grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .xs\:grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .xs\:grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .xs\:grid--5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .xs\:grid--6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .xs\:grid--7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .xs\:grid--8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .xs\:grid--9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .xs\:grid--10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .xs\:grid--11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .xs\:grid--12 {
        grid-template-columns: repeat(12, 1fr);
    }

}


.grid__col {
    min-width: 0; /* Para que no casque los swiper que contenga */
}

.grid__col--start-auto {
    grid-column-start: auto;
}
.grid__col--start-1 {
    grid-column-start: 1;
}
.grid__col--start-2 {
    grid-column-start: 2;
}
.grid__col--start-3 {
    grid-column-start: 3;
}
.grid__col--start-4 {
    grid-column-start: 4;
}
.grid__col--start-5 {
    grid-column-start: 5;
}
.grid__col--start-6 {
    grid-column-start: 6;
}
.grid__col--start-7 {
    grid-column-start: 7;
}
.grid__col--start-8 {
    grid-column-start: 8;
}
.grid__col--start-9 {
    grid-column-start: 9;
}
.grid__col--start-10 {
    grid-column-start: 10;
}
.grid__col--start-11 {
    grid-column-start: 11;
}
.grid__col--start-12 {
    grid-column-start: 12;
}

.grid__col--end-auto {
    grid-column-end: auto;
}
.grid__col--end-1 {
    grid-column-end: 2;
}
.grid__col--end-2 {
    grid-column-end: 3;
}
.grid__col--end-3 {
    grid-column-end: 4;
}
.grid__col--end-4 {
    grid-column-end: 5;
}
.grid__col--end-5 {
    grid-column-end: 6;
}
.grid__col--end-6 {
    grid-column-end: 7;
}
.grid__col--end-7 {
    grid-column-end: 8;
}
.grid__col--end-8 {
    grid-column-end: 9;
}
.grid__col--end-9 {
    grid-column-end: 10;
}
.grid__col--end-10 {
    grid-column-end: 11;
}
.grid__col--end-11 {
    grid-column-end: 12;
}
.grid__col--end-12 {
    grid-column-end: 13;
}

.grid__col--span-auto {
    grid-column: auto;
}
.grid__col--span-1 {
    grid-column: span 1;
}
.grid__col--span-2 {
    grid-column: span 2;
}
.grid__col--span-3 {
    grid-column: span 3;
}
.grid__col--span-4 {
    grid-column: span 4;
}
.grid__col--span-5 {
    grid-column: span 5;
}
.grid__col--span-6 {
    grid-column: span 6;
}
.grid__col--span-7 {
    grid-column: span 7;
}
.grid__col--span-8 {
    grid-column: span 8;
}
.grid__col--span-9 {
    grid-column: span 9;
}
.grid__col--span-10 {
    grid-column: span 10;
}
.grid__col--span-11 {
    grid-column: span 11;
}
.grid__col--span-12 {
    grid-column: span 12;
}

@media (max-width: 1400px) {

    .xl\:grid__col {
        min-width: 0; /* Para que no casque los swiper que contenga */
    }

    .xl\:grid__col--start-auto {
        grid-column-start: auto;
    }
    .xl\:grid__col--start-1 {
        grid-column-start: 1;
    }
    .xl\:grid__col--start-2 {
        grid-column-start: 2;
    }
    .xl\:grid__col--start-3 {
        grid-column-start: 3;
    }
    .xl\:grid__col--start-4 {
        grid-column-start: 4;
    }
    .xl\:grid__col--start-5 {
        grid-column-start: 5;
    }
    .xl\:grid__col--start-6 {
        grid-column-start: 6;
    }
    .xl\:grid__col--start-7 {
        grid-column-start: 7;
    }
    .xl\:grid__col--start-8 {
        grid-column-start: 8;
    }
    .xl\:grid__col--start-9 {
        grid-column-start: 9;
    }
    .xl\:grid__col--start-10 {
        grid-column-start: 10;
    }
    .xl\:grid__col--start-11 {
        grid-column-start: 11;
    }
    .xl\:grid__col--start-12 {
        grid-column-start: 12;
    }

    .xl\:grid__col--end-auto {
        grid-column-end: auto;
    }
    .xl\:grid__col--end-1 {
        grid-column-end: 2;
    }
    .xl\:grid__col--end-2 {
        grid-column-end: 3;
    }
    .xl\:grid__col--end-3 {
        grid-column-end: 4;
    }
    .xl\:grid__col--end-4 {
        grid-column-end: 5;
    }
    .xl\:grid__col--end-5 {
        grid-column-end: 6;
    }
    .xl\:grid__col--end-6 {
        grid-column-end: 7;
    }
    .xl\:grid__col--end-7 {
        grid-column-end: 8;
    }
    .xl\:grid__col--end-8 {
        grid-column-end: 9;
    }
    .xl\:grid__col--end-9 {
        grid-column-end: 10;
    }
    .xl\:grid__col--end-10 {
        grid-column-end: 11;
    }
    .xl\:grid__col--end-11 {
        grid-column-end: 12;
    }
    .xl\:grid__col--end-12 {
        grid-column-end: 13;
    }

    .xl\:grid__col--span-auto {
        grid-column: auto;
    }
    .xl\:grid__col--span-1 {
        grid-column: span 1;
    }
    .xl\:grid__col--span-2 {
        grid-column: span 2;
    }
    .xl\:grid__col--span-3 {
        grid-column: span 3;
    }
    .xl\:grid__col--span-4 {
        grid-column: span 4;
    }
    .xl\:grid__col--span-5 {
        grid-column: span 5;
    }
    .xl\:grid__col--span-6 {
        grid-column: span 6;
    }
    .xl\:grid__col--span-7 {
        grid-column: span 7;
    }
    .xl\:grid__col--span-8 {
        grid-column: span 8;
    }
    .xl\:grid__col--span-9 {
        grid-column: span 9;
    }
    .xl\:grid__col--span-10 {
        grid-column: span 10;
    }
    .xl\:grid__col--span-11 {
        grid-column: span 11;
    }
    .xl\:grid__col--span-12 {
        grid-column: span 12;
    }

}
@media (max-width: 1200px) {

    .l\:grid__col {
        min-width: 0; /* Para que no casque los swiper que contenga */
    }

    .l\:grid__col--start-auto {
        grid-column-start: auto;
    }
    .l\:grid__col--start-1 {
        grid-column-start: 1;
    }
    .l\:grid__col--start-2 {
        grid-column-start: 2;
    }
    .l\:grid__col--start-3 {
        grid-column-start: 3;
    }
    .l\:grid__col--start-4 {
        grid-column-start: 4;
    }
    .l\:grid__col--start-5 {
        grid-column-start: 5;
    }
    .l\:grid__col--start-6 {
        grid-column-start: 6;
    }
    .l\:grid__col--start-7 {
        grid-column-start: 7;
    }
    .l\:grid__col--start-8 {
        grid-column-start: 8;
    }
    .l\:grid__col--start-9 {
        grid-column-start: 9;
    }
    .l\:grid__col--start-10 {
        grid-column-start: 10;
    }
    .l\:grid__col--start-11 {
        grid-column-start: 11;
    }
    .l\:grid__col--start-12 {
        grid-column-start: 12;
    }

    .l\:grid__col--end-auto {
        grid-column-end: auto;
    }
    .l\:grid__col--end-1 {
        grid-column-end: 2;
    }
    .l\:grid__col--end-2 {
        grid-column-end: 3;
    }
    .l\:grid__col--end-3 {
        grid-column-end: 4;
    }
    .l\:grid__col--end-4 {
        grid-column-end: 5;
    }
    .l\:grid__col--end-5 {
        grid-column-end: 6;
    }
    .l\:grid__col--end-6 {
        grid-column-end: 7;
    }
    .l\:grid__col--end-7 {
        grid-column-end: 8;
    }
    .l\:grid__col--end-8 {
        grid-column-end: 9;
    }
    .l\:grid__col--end-9 {
        grid-column-end: 10;
    }
    .l\:grid__col--end-10 {
        grid-column-end: 11;
    }
    .l\:grid__col--end-11 {
        grid-column-end: 12;
    }
    .l\:grid__col--end-12 {
        grid-column-end: 13;
    }

    .l\:grid__col--span-auto {
        grid-column: auto;
    }
    .l\:grid__col--span-1 {
        grid-column: span 1;
    }
    .l\:grid__col--span-2 {
        grid-column: span 2;
    }
    .l\:grid__col--span-3 {
        grid-column: span 3;
    }
    .l\:grid__col--span-4 {
        grid-column: span 4;
    }
    .l\:grid__col--span-5 {
        grid-column: span 5;
    }
    .l\:grid__col--span-6 {
        grid-column: span 6;
    }
    .l\:grid__col--span-7 {
        grid-column: span 7;
    }
    .l\:grid__col--span-8 {
        grid-column: span 8;
    }
    .l\:grid__col--span-9 {
        grid-column: span 9;
    }
    .l\:grid__col--span-10 {
        grid-column: span 10;
    }
    .l\:grid__col--span-11 {
        grid-column: span 11;
    }
    .l\:grid__col--span-12 {
        grid-column: span 12;
    }

}
@media (max-width: 992px) {

    .m\:grid__col {
        min-width: 0; /* Para que no casque los swiper que contenga */
    }

    .m\:grid__col--start-auto {
        grid-column-start: auto;
    }
    .m\:grid__col--start-1 {
        grid-column-start: 1;
    }
    .m\:grid__col--start-2 {
        grid-column-start: 2;
    }
    .m\:grid__col--start-3 {
        grid-column-start: 3;
    }
    .m\:grid__col--start-4 {
        grid-column-start: 4;
    }
    .m\:grid__col--start-5 {
        grid-column-start: 5;
    }
    .m\:grid__col--start-6 {
        grid-column-start: 6;
    }
    .m\:grid__col--start-7 {
        grid-column-start: 7;
    }
    .m\:grid__col--start-8 {
        grid-column-start: 8;
    }
    .m\:grid__col--start-9 {
        grid-column-start: 9;
    }
    .m\:grid__col--start-10 {
        grid-column-start: 10;
    }
    .m\:grid__col--start-11 {
        grid-column-start: 11;
    }
    .m\:grid__col--start-12 {
        grid-column-start: 12;
    }

    .m\:grid__col--end-auto {
        grid-column-end: auto;
    }
    .m\:grid__col--end-1 {
        grid-column-end: 2;
    }
    .m\:grid__col--end-2 {
        grid-column-end: 3;
    }
    .m\:grid__col--end-3 {
        grid-column-end: 4;
    }
    .m\:grid__col--end-4 {
        grid-column-end: 5;
    }
    .m\:grid__col--end-5 {
        grid-column-end: 6;
    }
    .m\:grid__col--end-6 {
        grid-column-end: 7;
    }
    .m\:grid__col--end-7 {
        grid-column-end: 8;
    }
    .m\:grid__col--end-8 {
        grid-column-end: 9;
    }
    .m\:grid__col--end-9 {
        grid-column-end: 10;
    }
    .m\:grid__col--end-10 {
        grid-column-end: 11;
    }
    .m\:grid__col--end-11 {
        grid-column-end: 12;
    }
    .m\:grid__col--end-12 {
        grid-column-end: 13;
    }

    .m\:grid__col--span-auto {
        grid-column: auto;
    }
    .m\:grid__col--span-1 {
        grid-column: span 1;
    }
    .m\:grid__col--span-2 {
        grid-column: span 2;
    }
    .m\:grid__col--span-3 {
        grid-column: span 3;
    }
    .m\:grid__col--span-4 {
        grid-column: span 4;
    }
    .m\:grid__col--span-5 {
        grid-column: span 5;
    }
    .m\:grid__col--span-6 {
        grid-column: span 6;
    }
    .m\:grid__col--span-7 {
        grid-column: span 7;
    }
    .m\:grid__col--span-8 {
        grid-column: span 8;
    }
    .m\:grid__col--span-9 {
        grid-column: span 9;
    }
    .m\:grid__col--span-10 {
        grid-column: span 10;
    }
    .m\:grid__col--span-11 {
        grid-column: span 11;
    }
    .m\:grid__col--span-12 {
        grid-column: span 12;
    }

}
@media (max-width: 768px) {

    .s\:grid__col {
        min-width: 0; /* Para que no casque los swiper que contenga */
    }

    .s\:grid__col--start-auto {
        grid-column-start: auto;
    }
    .s\:grid__col--start-1 {
        grid-column-start: 1;
    }
    .s\:grid__col--start-2 {
        grid-column-start: 2;
    }
    .s\:grid__col--start-3 {
        grid-column-start: 3;
    }
    .s\:grid__col--start-4 {
        grid-column-start: 4;
    }
    .s\:grid__col--start-5 {
        grid-column-start: 5;
    }
    .s\:grid__col--start-6 {
        grid-column-start: 6;
    }
    .s\:grid__col--start-7 {
        grid-column-start: 7;
    }
    .s\:grid__col--start-8 {
        grid-column-start: 8;
    }
    .s\:grid__col--start-9 {
        grid-column-start: 9;
    }
    .s\:grid__col--start-10 {
        grid-column-start: 10;
    }
    .s\:grid__col--start-11 {
        grid-column-start: 11;
    }
    .s\:grid__col--start-12 {
        grid-column-start: 12;
    }

    .s\:grid__col--end-auto {
        grid-column-end: auto;
    }
    .s\:grid__col--end-1 {
        grid-column-end: 2;
    }
    .s\:grid__col--end-2 {
        grid-column-end: 3;
    }
    .s\:grid__col--end-3 {
        grid-column-end: 4;
    }
    .s\:grid__col--end-4 {
        grid-column-end: 5;
    }
    .s\:grid__col--end-5 {
        grid-column-end: 6;
    }
    .s\:grid__col--end-6 {
        grid-column-end: 7;
    }
    .s\:grid__col--end-7 {
        grid-column-end: 8;
    }
    .s\:grid__col--end-8 {
        grid-column-end: 9;
    }
    .s\:grid__col--end-9 {
        grid-column-end: 10;
    }
    .s\:grid__col--end-10 {
        grid-column-end: 11;
    }
    .s\:grid__col--end-11 {
        grid-column-end: 12;
    }
    .s\:grid__col--end-12 {
        grid-column-end: 13;
    }

    .s\:grid__col--span-auto {
        grid-column: auto;
    }
    .s\:grid__col--span-1 {
        grid-column: span 1;
    }
    .s\:grid__col--span-2 {
        grid-column: span 2;
    }
    .s\:grid__col--span-3 {
        grid-column: span 3;
    }
    .s\:grid__col--span-4 {
        grid-column: span 4;
    }
    .s\:grid__col--span-5 {
        grid-column: span 5;
    }
    .s\:grid__col--span-6 {
        grid-column: span 6;
    }
    .s\:grid__col--span-7 {
        grid-column: span 7;
    }
    .s\:grid__col--span-8 {
        grid-column: span 8;
    }
    .s\:grid__col--span-9 {
        grid-column: span 9;
    }
    .s\:grid__col--span-10 {
        grid-column: span 10;
    }
    .s\:grid__col--span-11 {
        grid-column: span 11;
    }
    .s\:grid__col--span-12 {
        grid-column: span 12;
    }

}
@media (max-width: 576px) {

    .xs\:grid__col {
        min-width: 0; /* Para que no casque los swiper que contenga */
    }

    .xs\:grid__col--start-auto {
        grid-column-start: auto;
    }
    .xs\:grid__col--start-1 {
        grid-column-start: 1;
    }
    .xs\:grid__col--start-2 {
        grid-column-start: 2;
    }
    .xs\:grid__col--start-3 {
        grid-column-start: 3;
    }
    .xs\:grid__col--start-4 {
        grid-column-start: 4;
    }
    .xs\:grid__col--start-5 {
        grid-column-start: 5;
    }
    .xs\:grid__col--start-6 {
        grid-column-start: 6;
    }
    .xs\:grid__col--start-7 {
        grid-column-start: 7;
    }
    .xs\:grid__col--start-8 {
        grid-column-start: 8;
    }
    .xs\:grid__col--start-9 {
        grid-column-start: 9;
    }
    .xs\:grid__col--start-10 {
        grid-column-start: 10;
    }
    .xs\:grid__col--start-11 {
        grid-column-start: 11;
    }
    .xs\:grid__col--start-12 {
        grid-column-start: 12;
    }

    .xs\:grid__col--end-auto {
        grid-column-end: auto;
    }
    .xs\:grid__col--end-1 {
        grid-column-end: 2;
    }
    .xs\:grid__col--end-2 {
        grid-column-end: 3;
    }
    .xs\:grid__col--end-3 {
        grid-column-end: 4;
    }
    .xs\:grid__col--end-4 {
        grid-column-end: 5;
    }
    .xs\:grid__col--end-5 {
        grid-column-end: 6;
    }
    .xs\:grid__col--end-6 {
        grid-column-end: 7;
    }
    .xs\:grid__col--end-7 {
        grid-column-end: 8;
    }
    .xs\:grid__col--end-8 {
        grid-column-end: 9;
    }
    .xs\:grid__col--end-9 {
        grid-column-end: 10;
    }
    .xs\:grid__col--end-10 {
        grid-column-end: 11;
    }
    .xs\:grid__col--end-11 {
        grid-column-end: 12;
    }
    .xs\:grid__col--end-12 {
        grid-column-end: 13;
    }

    .xs\:grid__col--span-auto {
        grid-column: auto;
    }
    .xs\:grid__col--span-1 {
        grid-column: span 1;
    }
    .xs\:grid__col--span-2 {
        grid-column: span 2;
    }
    .xs\:grid__col--span-3 {
        grid-column: span 3;
    }
    .xs\:grid__col--span-4 {
        grid-column: span 4;
    }
    .xs\:grid__col--span-5 {
        grid-column: span 5;
    }
    .xs\:grid__col--span-6 {
        grid-column: span 6;
    }
    .xs\:grid__col--span-7 {
        grid-column: span 7;
    }
    .xs\:grid__col--span-8 {
        grid-column: span 8;
    }
    .xs\:grid__col--span-9 {
        grid-column: span 9;
    }
    .xs\:grid__col--span-10 {
        grid-column: span 10;
    }
    .xs\:grid__col--span-11 {
        grid-column: span 11;
    }
    .xs\:grid__col--span-12 {
        grid-column: span 12;
    }

}


.grid--y-start {
    align-items: flex-start;
}
.grid--y-center {
    align-items: center;
}
.grid--y-end {
    align-items: flex-end;
}

@media (max-width: 1400px) {

    .xl\:grid--y-start {
        align-items: flex-start;
    }
    .xl\:grid--y-center {
        align-items: center;
    }
    .xl\:grid--y-end {
        align-items: flex-end;
    }

}
@media (max-width: 1200px) {

    .l\:grid--y-start {
        align-items: flex-start;
    }
    .l\:grid--y-center {
        align-items: center;
    }
    .l\:grid--y-end {
        align-items: flex-end;
    }

}
@media (max-width: 992px) {

    .m\:grid--y-start {
        align-items: flex-start;
    }
    .m\:grid--y-center {
        align-items: center;
    }
    .m\:grid--y-end {
        align-items: flex-end;
    }

}
@media (max-width: 768px) {

    .s\:grid--y-start {
        align-items: flex-start;
    }
    .s\:grid--y-center {
        align-items: center;
    }
    .s\:grid--y-end {
        align-items: flex-end;
    }

}
@media (max-width: 576px) {

    .xs\:grid--y-start {
        align-items: flex-start;
    }
    .xs\:grid--y-center {
        align-items: center;
    }
    .xs\:grid--y-end {
        align-items: flex-end;
    }

}



/* Flex */
.flex {
    display: flex;
}

.flex--row {
    flex-direction: row;
}
.flex--row-reverse {
    flex-direction: row-reverse;
}
.flex--col {
    flex-direction: column;
}
.flex--col-reverse {
    flex-direction: column-reverse;
}

.flex--y-start {
    align-items: flex-start;
}
.flex--y-center {
    align-items: center;
}
.flex--y-end {
    align-items: flex-end;
}
.flex--y-stretch {
    align-items: stretch;
}

.flex--x-start {
    justify-content: flex-start;
}
.flex--x-center {
    justify-content: center;
}
.flex--x-end {
    justify-content: flex-end;
}
.flex--x-space-between {
    justify-content: space-between;
}

.flex--wrap {
    flex-wrap: wrap;
}
.flex--nowrap {
    flex-wrap: nowrap;
}

@media (max-width: 1400px) {

    .xl\:flex {
        display: flex;
    }

    .xl\:flex--row {
        flex-direction: row;
    }
    .xl\:flex--row-reverse {
        flex-direction: row-reverse;
    }
    .xl\:flex--col {
        flex-direction: column;
    }
    .xl\:flex--col-reverse {
        flex-direction: column-reverse;
    }

    .xl\:flex--y-start {
        align-items: flex-start;
    }
    .xl\:flex--y-center {
        align-items: center;
    }
    .xl\:flex--y-end {
        align-items: flex-end;
    }
    .xl\:flex--y-stretch {
        align-items: stretch;
    }

    .xl\:flex--x-start {
        justify-content: flex-start;
    }
    .xl\:flex--x-center {
        justify-content: center;
    }
    .xl\:flex--x-end {
        justify-content: flex-end;
    }
    .xl\:flex--x-space-between {
        justify-content: space-between;
    }

    .xl\:flex--wrap {
        flex-wrap: wrap;
    }
    .xl\:flex--nowrap {
        flex-wrap: nowrap;
    }

}
@media (max-width: 1200px) {

    .l\:flex {
        display: flex;
    }

    .l\:flex--row {
        flex-direction: row;
    }
    .l\:flex--row-reverse {
        flex-direction: row-reverse;
    }
    .l\:flex--col {
        flex-direction: column;
    }
    .l\:flex--col-reverse {
        flex-direction: column-reverse;
    }

    .l\:flex--y-start {
        align-items: flex-start;
    }
    .l\:flex--y-center {
        align-items: center;
    }
    .l\:flex--y-end {
        align-items: flex-end;
    }
    .l\:flex--y-stretch {
        align-items: stretch;
    }

    .l\:flex--x-start {
        justify-content: flex-start;
    }
    .l\:flex--x-center {
        justify-content: center;
    }
    .l\:flex--x-end {
        justify-content: flex-end;
    }
    .l\:flex--x-space-between {
        justify-content: space-between;
    }

    .l\:flex--wrap {
        flex-wrap: wrap;
    }
    .l\:flex--nowrap {
        flex-wrap: nowrap;
    }

}
@media (max-width: 992px) {

    .m\:flex {
        display: flex;
    }

    .m\:flex--row {
        flex-direction: row;
    }
    .m\:flex--row-reverse {
        flex-direction: row-reverse;
    }
    .m\:flex--col {
        flex-direction: column;
    }
    .m\:flex--col-reverse {
        flex-direction: column-reverse;
    }

    .m\:flex--y-start {
        align-items: flex-start;
    }
    .m\:flex--y-center {
        align-items: center;
    }
    .m\:flex--y-end {
        align-items: flex-end;
    }
    .m\:flex--y-stretch {
        align-items: stretch;
    }

    .m\:flex--x-start {
        justify-content: flex-start;
    }
    .m\:flex--x-center {
        justify-content: center;
    }
    .m\:flex--x-end {
        justify-content: flex-end;
    }
    .m\:flex--x-space-between {
        justify-content: space-between;
    }

    .m\:flex--wrap {
        flex-wrap: wrap;
    }
    .m\:flex--nowrap {
        flex-wrap: nowrap;
    }

}
@media (max-width: 768px) {

    .s\:flex {
        display: flex;
    }

    .s\:flex--row {
        flex-direction: row;
    }
    .s\:flex--row-reverse {
        flex-direction: row-reverse;
    }
    .s\:flex--col {
        flex-direction: column;
    }
    .s\:flex--col-reverse {
        flex-direction: column-reverse;
    }

    .s\:flex--y-start {
        align-items: flex-start;
    }
    .s\:flex--y-center {
        align-items: center;
    }
    .s\:flex--y-end {
        align-items: flex-end;
    }
    .s\:flex--y-stretch {
        align-items: stretch;
    }

    .s\:flex--x-start {
        justify-content: flex-start;
    }
    .s\:flex--x-center {
        justify-content: center;
    }
    .s\:flex--x-end {
        justify-content: flex-end;
    }
    .s\:flex--x-space-between {
        justify-content: space-between;
    }

    .s\:flex--wrap {
        flex-wrap: wrap;
    }
    .s\:flex--nowrap {
        flex-wrap: nowrap;
    }

}
@media (max-width: 576px) {

    .xs\:flex {
        display: flex;
    }

    .xs\:flex--row {
        flex-direction: row;
    }
    .xs\:flex--row-reverse {
        flex-direction: row-reverse;
    }
    .xs\:flex--col {
        flex-direction: column;
    }
    .xs\:flex--col-reverse {
        flex-direction: column-reverse;
    }

    .xs\:flex--y-start {
        align-items: flex-start;
    }
    .xs\:flex--y-center {
        align-items: center;
    }
    .xs\:flex--y-end {
        align-items: flex-end;
    }
    .xs\:flex--y-stretch {
        align-items: stretch;
    }

    .xs\:flex--x-start {
        justify-content: flex-start;
    }
    .xs\:flex--x-center {
        justify-content: center;
    }
    .xs\:flex--x-end {
        justify-content: flex-end;
    }
    .xs\:flex--x-space-between {
        justify-content: space-between;
    }

    .xs\:flex--wrap {
        flex-wrap: wrap;
    }
    .xs\:flex--nowrap {
        flex-wrap: nowrap;
    }

}



/* Gap */
.gap {

}

.gap--0 {
    gap: 0;
}
.gap--1 {
    gap: 4px;
}
.gap--2 {
    gap: 8px;
}
.gap--3 {
    gap: 12px;
}
.gap--4 {
    gap: 16px;
}
.gap--5 {
    gap: 20px;
}
.gap--6 {
    gap: 24px;
}
.gap--7 {
    gap: 28px;
}
.gap--8 {
    gap: 32px;
}
.gap--9 {
    gap: 36px;
}
.gap--10 {
    gap: 40px;
}
.gap--11 {
    gap: 44px;
}
.gap--12 {
    gap: 48px;
}
.gap--13 {
    gap: 52px;
}
.gap--14 {
    gap: 56px;
}
.gap--15 {
    gap: 60px;
}
.gap--16 {
    gap: 64px;
}

.gap--x-0 {
    column-gap: 0;
}
.gap--x-1 {
    column-gap: 4px;
}
.gap--x-2 {
    column-gap: 8px;
}
.gap--x-3 {
    column-gap: 12px;
}
.gap--x-4 {
    column-gap: 16px;
}
.gap--x-5 {
    column-gap: 20px;
}
.gap--x-6 {
    column-gap: 24px;
}
.gap--x-7 {
    column-gap: 28px;
}
.gap--x-8 {
    column-gap: 32px;
}
.gap--x-9 {
    column-gap: 36px;
}
.gap--x-10 {
    column-gap: 40px;
}
.gap--x-11 {
    column-gap: 44px;
}
.gap--x-12 {
    column-gap: 48px;
}
.gap--x-13 {
    column-gap: 52px;
}
.gap--x-14 {
    column-gap: 56px;
}
.gap--x-15 {
    column-gap: 60px;
}
.gap--x-16 {
    column-gap: 64px;
}

.gap--y-0 {
    row-gap: 0;
}
.gap--y-1 {
    row-gap: 4px;
}
.gap--y-2 {
    row-gap: 8px;
}
.gap--y-3 {
    row-gap: 12px;
}
.gap--y-4 {
    row-gap: 16px;
}
.gap--y-5 {
    row-gap: 20px;
}
.gap--y-6 {
    row-gap: 24px;
}
.gap--y-7 {
    row-gap: 28px;
}
.gap--y-8 {
    row-gap: 32px;
}
.gap--y-9 {
    row-gap: 36px;
}
.gap--y-10 {
    row-gap: 40px;
}
.gap--y-11 {
    row-gap: 44px;
}
.gap--y-12 {
    row-gap: 48px;
}
.gap--y-13 {
    row-gap: 52px;
}
.gap--y-14 {
    row-gap: 56px;
}
.gap--y-15 {
    row-gap: 60px;
}
.gap--y-16 {
    row-gap: 64px;
}

@media (max-width: 1400px) {

    .xl\:gap {

    }

    .xl\:gap--0 {
        gap: 0;
    }
    .xl\:gap--1 {
        gap: 4px;
    }
    .xl\:gap--2 {
        gap: 8px;
    }
    .xl\:gap--3 {
        gap: 12px;
    }
    .xl\:gap--4 {
        gap: 16px;
    }
    .xl\:gap--5 {
        gap: 20px;
    }
    .xl\:gap--6 {
        gap: 24px;
    }
    .xl\:gap--7 {
        gap: 28px;
    }
    .xl\:gap--8 {
        gap: 32px;
    }
    .xl\:gap--9 {
        gap: 36px;
    }
    .xl\:gap--10 {
        gap: 40px;
    }
    .xl\:gap--11 {
        gap: 44px;
    }
    .xl\:gap--12 {
        gap: 48px;
    }
    .xl\:gap--13 {
        gap: 52px;
    }
    .xl\:gap--14 {
        gap: 56px;
    }
    .xl\:gap--15 {
        gap: 60px;
    }
    .xl\:gap--16 {
        gap: 64px;
    }

    .xl\:gap--x-0 {
        column-gap: 0;
    }
    .xl\:gap--x-1 {
        column-gap: 4px;
    }
    .xl\:gap--x-2 {
        column-gap: 8px;
    }
    .xl\:gap--x-3 {
        column-gap: 12px;
    }
    .xl\:gap--x-4 {
        column-gap: 16px;
    }
    .xl\:gap--x-5 {
        column-gap: 20px;
    }
    .xl\:gap--x-6 {
        column-gap: 24px;
    }
    .xl\:gap--x-7 {
        column-gap: 28px;
    }
    .xl\:gap--x-8 {
        column-gap: 32px;
    }
    .xl\:gap--x-9 {
        column-gap: 36px;
    }
    .xl\:gap--x-10 {
        column-gap: 40px;
    }
    .xl\:gap--x-11 {
        column-gap: 44px;
    }
    .xl\:gap--x-12 {
        column-gap: 48px;
    }
    .xl\:gap--x-13 {
        column-gap: 52px;
    }
    .xl\:gap--x-14 {
        column-gap: 56px;
    }
    .xl\:gap--x-15 {
        column-gap: 60px;
    }
    .xl\:gap--x-16 {
        column-gap: 64px;
    }

    .xl\:gap--y-0 {
        row-gap: 0;
    }
    .xl\:gap--y-1 {
        row-gap: 4px;
    }
    .xl\:gap--y-2 {
        row-gap: 8px;
    }
    .xl\:gap--y-3 {
        row-gap: 12px;
    }
    .xl\:gap--y-4 {
        row-gap: 16px;
    }
    .xl\:gap--y-5 {
        row-gap: 20px;
    }
    .xl\:gap--y-6 {
        row-gap: 24px;
    }
    .xl\:gap--y-7 {
        row-gap: 28px;
    }
    .xl\:gap--y-8 {
        row-gap: 32px;
    }
    .xl\:gap--y-9 {
        row-gap: 36px;
    }
    .xl\:gap--y-10 {
        row-gap: 40px;
    }
    .xl\:gap--y-11 {
        row-gap: 44px;
    }
    .xl\:gap--y-12 {
        row-gap: 48px;
    }
    .xl\:gap--y-13 {
        row-gap: 52px;
    }
    .xl\:gap--y-14 {
        row-gap: 56px;
    }
    .xl\:gap--y-15 {
        row-gap: 60px;
    }
    .xl\:gap--y-16 {
        row-gap: 64px;
    }

}
@media (max-width: 1200px) {

    .l\:gap {

    }

    .l\:gap--0 {
        gap: 0;
    }
    .l\:gap--1 {
        gap: 4px;
    }
    .l\:gap--2 {
        gap: 8px;
    }
    .l\:gap--3 {
        gap: 12px;
    }
    .l\:gap--4 {
        gap: 16px;
    }
    .l\:gap--5 {
        gap: 20px;
    }
    .l\:gap--6 {
        gap: 24px;
    }
    .l\:gap--7 {
        gap: 28px;
    }
    .l\:gap--8 {
        gap: 32px;
    }
    .l\:gap--9 {
        gap: 36px;
    }
    .l\:gap--10 {
        gap: 40px;
    }
    .l\:gap--11 {
        gap: 44px;
    }
    .l\:gap--12 {
        gap: 48px;
    }
    .l\:gap--13 {
        gap: 52px;
    }
    .l\:gap--14 {
        gap: 56px;
    }
    .l\:gap--15 {
        gap: 60px;
    }
    .l\:gap--16 {
        gap: 64px;
    }

    .l\:gap--x-0 {
        column-gap: 0;
    }
    .l\:gap--x-1 {
        column-gap: 4px;
    }
    .l\:gap--x-2 {
        column-gap: 8px;
    }
    .l\:gap--x-3 {
        column-gap: 12px;
    }
    .l\:gap--x-4 {
        column-gap: 16px;
    }
    .l\:gap--x-5 {
        column-gap: 20px;
    }
    .l\:gap--x-6 {
        column-gap: 24px;
    }
    .l\:gap--x-7 {
        column-gap: 28px;
    }
    .l\:gap--x-8 {
        column-gap: 32px;
    }
    .l\:gap--x-9 {
        column-gap: 36px;
    }
    .l\:gap--x-10 {
        column-gap: 40px;
    }
    .l\:gap--x-11 {
        column-gap: 44px;
    }
    .l\:gap--x-12 {
        column-gap: 48px;
    }
    .l\:gap--x-13 {
        column-gap: 52px;
    }
    .l\:gap--x-14 {
        column-gap: 56px;
    }
    .l\:gap--x-15 {
        column-gap: 60px;
    }
    .l\:gap--x-16 {
        column-gap: 64px;
    }

    .l\:gap--y-0 {
        row-gap: 0;
    }
    .l\:gap--y-1 {
        row-gap: 4px;
    }
    .l\:gap--y-2 {
        row-gap: 8px;
    }
    .l\:gap--y-3 {
        row-gap: 12px;
    }
    .l\:gap--y-4 {
        row-gap: 16px;
    }
    .l\:gap--y-5 {
        row-gap: 20px;
    }
    .l\:gap--y-6 {
        row-gap: 24px;
    }
    .l\:gap--y-7 {
        row-gap: 28px;
    }
    .l\:gap--y-8 {
        row-gap: 32px;
    }
    .l\:gap--y-9 {
        row-gap: 36px;
    }
    .l\:gap--y-10 {
        row-gap: 40px;
    }
    .l\:gap--y-11 {
        row-gap: 44px;
    }
    .l\:gap--y-12 {
        row-gap: 48px;
    }
    .l\:gap--y-13 {
        row-gap: 52px;
    }
    .l\:gap--y-14 {
        row-gap: 56px;
    }
    .l\:gap--y-15 {
        row-gap: 60px;
    }
    .l\:gap--y-16 {
        row-gap: 64px;
    }

}
@media (max-width: 992px) {

    .m\:gap {

    }

    .m\:gap--0 {
        gap: 0;
    }
    .m\:gap--1 {
        gap: 4px;
    }
    .m\:gap--2 {
        gap: 8px;
    }
    .m\:gap--3 {
        gap: 12px;
    }
    .m\:gap--4 {
        gap: 16px;
    }
    .m\:gap--5 {
        gap: 20px;
    }
    .m\:gap--6 {
        gap: 24px;
    }
    .m\:gap--7 {
        gap: 28px;
    }
    .m\:gap--8 {
        gap: 32px;
    }
    .m\:gap--9 {
        gap: 36px;
    }
    .m\:gap--10 {
        gap: 40px;
    }
    .m\:gap--11 {
        gap: 44px;
    }
    .m\:gap--12 {
        gap: 48px;
    }
    .m\:gap--13 {
        gap: 52px;
    }
    .m\:gap--14 {
        gap: 56px;
    }
    .m\:gap--15 {
        gap: 60px;
    }
    .m\:gap--16 {
        gap: 64px;
    }

    .m\:gap--x-0 {
        column-gap: 0;
    }
    .m\:gap--x-1 {
        column-gap: 4px;
    }
    .m\:gap--x-2 {
        column-gap: 8px;
    }
    .m\:gap--x-3 {
        column-gap: 12px;
    }
    .m\:gap--x-4 {
        column-gap: 16px;
    }
    .m\:gap--x-5 {
        column-gap: 20px;
    }
    .m\:gap--x-6 {
        column-gap: 24px;
    }
    .m\:gap--x-7 {
        column-gap: 28px;
    }
    .m\:gap--x-8 {
        column-gap: 32px;
    }
    .m\:gap--x-9 {
        column-gap: 36px;
    }
    .m\:gap--x-10 {
        column-gap: 40px;
    }
    .m\:gap--x-11 {
        column-gap: 44px;
    }
    .m\:gap--x-12 {
        column-gap: 48px;
    }
    .m\:gap--x-13 {
        column-gap: 52px;
    }
    .m\:gap--x-14 {
        column-gap: 56px;
    }
    .m\:gap--x-15 {
        column-gap: 60px;
    }
    .m\:gap--x-16 {
        column-gap: 64px;
    }

    .m\:gap--y-0 {
        row-gap: 0;
    }
    .m\:gap--y-1 {
        row-gap: 4px;
    }
    .m\:gap--y-2 {
        row-gap: 8px;
    }
    .m\:gap--y-3 {
        row-gap: 12px;
    }
    .m\:gap--y-4 {
        row-gap: 16px;
    }
    .m\:gap--y-5 {
        row-gap: 20px;
    }
    .m\:gap--y-6 {
        row-gap: 24px;
    }
    .m\:gap--y-7 {
        row-gap: 28px;
    }
    .m\:gap--y-8 {
        row-gap: 32px;
    }
    .m\:gap--y-9 {
        row-gap: 36px;
    }
    .m\:gap--y-10 {
        row-gap: 40px;
    }
    .m\:gap--y-11 {
        row-gap: 44px;
    }
    .m\:gap--y-12 {
        row-gap: 48px;
    }
    .m\:gap--y-13 {
        row-gap: 52px;
    }
    .m\:gap--y-14 {
        row-gap: 56px;
    }
    .m\:gap--y-15 {
        row-gap: 60px;
    }
    .m\:gap--y-16 {
        row-gap: 64px;
    }

}
@media (max-width: 768px) {

    .s\:gap {

    }

    .s\:gap--0 {
        gap: 0;
    }
    .s\:gap--1 {
        gap: 4px;
    }
    .s\:gap--2 {
        gap: 8px;
    }
    .s\:gap--3 {
        gap: 12px;
    }
    .s\:gap--4 {
        gap: 16px;
    }
    .s\:gap--5 {
        gap: 20px;
    }
    .s\:gap--6 {
        gap: 24px;
    }
    .s\:gap--7 {
        gap: 28px;
    }
    .s\:gap--8 {
        gap: 32px;
    }
    .s\:gap--9 {
        gap: 36px;
    }
    .s\:gap--10 {
        gap: 40px;
    }
    .s\:gap--11 {
        gap: 44px;
    }
    .s\:gap--12 {
        gap: 48px;
    }
    .s\:gap--13 {
        gap: 52px;
    }
    .s\:gap--14 {
        gap: 56px;
    }
    .s\:gap--15 {
        gap: 60px;
    }
    .s\:gap--16 {
        gap: 64px;
    }

    .s\:gap--x-0 {
        column-gap: 0;
    }
    .s\:gap--x-1 {
        column-gap: 4px;
    }
    .s\:gap--x-2 {
        column-gap: 8px;
    }
    .s\:gap--x-3 {
        column-gap: 12px;
    }
    .s\:gap--x-4 {
        column-gap: 16px;
    }
    .s\:gap--x-5 {
        column-gap: 20px;
    }
    .s\:gap--x-6 {
        column-gap: 24px;
    }
    .s\:gap--x-7 {
        column-gap: 28px;
    }
    .s\:gap--x-8 {
        column-gap: 32px;
    }
    .s\:gap--x-9 {
        column-gap: 36px;
    }
    .s\:gap--x-10 {
        column-gap: 40px;
    }
    .s\:gap--x-11 {
        column-gap: 44px;
    }
    .s\:gap--x-12 {
        column-gap: 48px;
    }
    .s\:gap--x-13 {
        column-gap: 52px;
    }
    .s\:gap--x-14 {
        column-gap: 56px;
    }
    .s\:gap--x-15 {
        column-gap: 60px;
    }
    .s\:gap--x-16 {
        column-gap: 64px;
    }

    .s\:gap--y-0 {
        row-gap: 0;
    }
    .s\:gap--y-1 {
        row-gap: 4px;
    }
    .s\:gap--y-2 {
        row-gap: 8px;
    }
    .s\:gap--y-3 {
        row-gap: 12px;
    }
    .s\:gap--y-4 {
        row-gap: 16px;
    }
    .s\:gap--y-5 {
        row-gap: 20px;
    }
    .s\:gap--y-6 {
        row-gap: 24px;
    }
    .s\:gap--y-7 {
        row-gap: 28px;
    }
    .s\:gap--y-8 {
        row-gap: 32px;
    }
    .s\:gap--y-9 {
        row-gap: 36px;
    }
    .s\:gap--y-10 {
        row-gap: 40px;
    }
    .s\:gap--y-11 {
        row-gap: 44px;
    }
    .s\:gap--y-12 {
        row-gap: 48px;
    }
    .s\:gap--y-13 {
        row-gap: 52px;
    }
    .s\:gap--y-14 {
        row-gap: 56px;
    }
    .s\:gap--y-15 {
        row-gap: 60px;
    }
    .s\:gap--y-16 {
        row-gap: 64px;
    }

}
@media (max-width: 576px) {

    .xs\:gap {

    }

    .xs\:gap--0 {
        gap: 0;
    }
    .xs\:gap--1 {
        gap: 4px;
    }
    .xs\:gap--2 {
        gap: 8px;
    }
    .xs\:gap--3 {
        gap: 12px;
    }
    .xs\:gap--4 {
        gap: 16px;
    }
    .xs\:gap--5 {
        gap: 20px;
    }
    .xs\:gap--6 {
        gap: 24px;
    }
    .xs\:gap--7 {
        gap: 28px;
    }
    .xs\:gap--8 {
        gap: 32px;
    }
    .xs\:gap--9 {
        gap: 36px;
    }
    .xs\:gap--10 {
        gap: 40px;
    }
    .xs\:gap--11 {
        gap: 44px;
    }
    .xs\:gap--12 {
        gap: 48px;
    }
    .xs\:gap--13 {
        gap: 52px;
    }
    .xs\:gap--14 {
        gap: 56px;
    }
    .xs\:gap--15 {
        gap: 60px;
    }
    .xs\:gap--16 {
        gap: 64px;
    }

    .xs\:gap--x-0 {
        column-gap: 0;
    }
    .xs\:gap--x-1 {
        column-gap: 4px;
    }
    .xs\:gap--x-2 {
        column-gap: 8px;
    }
    .xs\:gap--x-3 {
        column-gap: 12px;
    }
    .xs\:gap--x-4 {
        column-gap: 16px;
    }
    .xs\:gap--x-5 {
        column-gap: 20px;
    }
    .xs\:gap--x-6 {
        column-gap: 24px;
    }
    .xs\:gap--x-7 {
        column-gap: 28px;
    }
    .xs\:gap--x-8 {
        column-gap: 32px;
    }
    .xs\:gap--x-9 {
        column-gap: 36px;
    }
    .xs\:gap--x-10 {
        column-gap: 40px;
    }
    .xs\:gap--x-11 {
        column-gap: 44px;
    }
    .xs\:gap--x-12 {
        column-gap: 48px;
    }
    .xs\:gap--x-13 {
        column-gap: 52px;
    }
    .xs\:gap--x-14 {
        column-gap: 56px;
    }
    .xs\:gap--x-15 {
        column-gap: 60px;
    }
    .xs\:gap--x-16 {
        column-gap: 64px;
    }

    .xs\:gap--y-0 {
        row-gap: 0;
    }
    .xs\:gap--y-1 {
        row-gap: 4px;
    }
    .xs\:gap--y-2 {
        row-gap: 8px;
    }
    .xs\:gap--y-3 {
        row-gap: 12px;
    }
    .xs\:gap--y-4 {
        row-gap: 16px;
    }
    .xs\:gap--y-5 {
        row-gap: 20px;
    }
    .xs\:gap--y-6 {
        row-gap: 24px;
    }
    .xs\:gap--y-7 {
        row-gap: 28px;
    }
    .xs\:gap--y-8 {
        row-gap: 32px;
    }
    .xs\:gap--y-9 {
        row-gap: 36px;
    }
    .xs\:gap--y-10 {
        row-gap: 40px;
    }
    .xs\:gap--y-11 {
        row-gap: 44px;
    }
    .xs\:gap--y-12 {
        row-gap: 48px;
    }
    .xs\:gap--y-13 {
        row-gap: 52px;
    }
    .xs\:gap--y-14 {
        row-gap: 56px;
    }
    .xs\:gap--y-15 {
        row-gap: 60px;
    }
    .xs\:gap--y-16 {
        row-gap: 64px;
    }

}


/* Padding */
.p {

}

.p--0 {
    padding: 0;
}
.p--1 {
    padding: 4px;
}
.p--2 {
    padding: 8px;
}
.p--3 {
    padding: 12px;
}
.p--4 {
    padding: 16px;
}
.p--5 {
    padding: 20px;
}
.p--6 {
    padding: 24px;
}
.p--7 {
    padding: 28px;
}
.p--8 {
    padding: 32px;
}
.p--9 {
    padding: 36px;
}
.p--10 {
    padding: 40px;
}
.p--11 {
    padding: 44px;
}
.p--12 {
    padding: 48px;
}
.p--13 {
    padding: 52px;
}
.p--14 {
    padding: 56px;
}
.p--15 {
    padding: 60px;
}
.p--16 {
    padding: 64px;
}
.p--17 {
    padding: 68px;
}
.p--18 {
    padding: 72px;
}
.p--19 {
    padding: 76px;
}
.p--20 {
    padding: 80px;
}

.p--top-0 {
    padding-top: 0;
}
.p--top-1 {
    padding-top: 4px;
}
.p--top-2 {
    padding-top: 8px;
}
.p--top-3 {
    padding-top: 12px;
}
.p--top-4 {
    padding-top: 16px;
}
.p--top-5 {
    padding-top: 20px;
}
.p--top-6 {
    padding-top: 24px;
}
.p--top-7 {
    padding-top: 28px;
}
.p--top-8 {
    padding-top: 32px;
}
.p--top-9 {
    padding-top: 36px;
}
.p--top-10 {
    padding-top: 40px;
}
.p--top-11 {
    padding-top: 44px;
}
.p--top-12 {
    padding-top: 48px;
}
.p--top-13 {
    padding-top: 52px;
}
.p--top-14 {
    padding-top: 56px;
}
.p--top-15 {
    padding-top: 60px;
}
.p--top-16 {
    padding-top: 64px;
}
.p--top-17 {
    padding-top: 68px;
}
.p--top-18 {
    padding-top: 72px;
}
.p--top-19 {
    padding-top: 76px;
}
.p--top-20 {
    padding-top: 80px;
}

.p--left-0 {
    padding-left: 0;
}
.p--left-1 {
    padding-left: 4px;
}
.p--left-2 {
    padding-left: 8px;
}
.p--left-3 {
    padding-left: 12px;
}
.p--left-4 {
    padding-left: 16px;
}
.p--left-5 {
    padding-left: 20px;
}
.p--left-6 {
    padding-left: 24px;
}
.p--left-7 {
    padding-left: 28px;
}
.p--left-8 {
    padding-left: 32px;
}
.p--left-9 {
    padding-left: 36px;
}
.p--left-10 {
    padding-left: 40px;
}
.p--left-11 {
    padding-left: 44px;
}
.p--left-12 {
    padding-left: 48px;
}
.p--left-13 {
    padding-left: 52px;
}
.p--left-14 {
    padding-left: 56px;
}
.p--left-15 {
    padding-left: 60px;
}
.p--left-16 {
    padding-left: 64px;
}
.p--left-17 {
    padding-left: 68px;
}
.p--left-18 {
    padding-left: 72px;
}
.p--left-19 {
    padding-left: 76px;
}
.p--left-20 {
    padding-left: 80px;
}

.p--right-0 {
    padding-right: 0;
}
.p--right-1 {
    padding-right: 4px;
}
.p--right-2 {
    padding-right: 8px;
}
.p--right-3 {
    padding-right: 12px;
}
.p--right-4 {
    padding-right: 16px;
}
.p--right-5 {
    padding-right: 20px;
}
.p--right-6 {
    padding-right: 24px;
}
.p--right-7 {
    padding-right: 28px;
}
.p--right-8 {
    padding-right: 32px;
}
.p--right-9 {
    padding-right: 36px;
}
.p--right-10 {
    padding-right: 40px;
}
.p--right-11 {
    padding-right: 44px;
}
.p--right-12 {
    padding-right: 48px;
}
.p--right-13 {
    padding-right: 52px;
}
.p--right-14 {
    padding-right: 56px;
}
.p--right-15 {
    padding-right: 60px;
}
.p--right-16 {
    padding-right: 64px;
}
.p--right-17 {
    padding-right: 68px;
}
.p--right-18 {
    padding-right: 72px;
}
.p--right-19 {
    padding-right: 76px;
}
.p--right-20 {
    padding-right: 80px;
}

.p--bottom-0 {
    padding-bottom: 0;
}
.p--bottom-1 {
    padding-bottom: 4px;
}
.p--bottom-2 {
    padding-bottom: 8px;
}
.p--bottom-3 {
    padding-bottom: 12px;
}
.p--bottom-4 {
    padding-bottom: 16px;
}
.p--bottom-5 {
    padding-bottom: 20px;
}
.p--bottom-6 {
    padding-bottom: 24px;
}
.p--bottom-7 {
    padding-bottom: 28px;
}
.p--bottom-8 {
    padding-bottom: 32px;
}
.p--bottom-9 {
    padding-bottom: 36px;
}
.p--bottom-10 {
    padding-bottom: 40px;
}
.p--bottom-11 {
    padding-bottom: 44px;
}
.p--bottom-12 {
    padding-bottom: 48px;
}
.p--bottom-13 {
    padding-bottom: 52px;
}
.p--bottom-14 {
    padding-bottom: 56px;
}
.p--bottom-15 {
    padding-bottom: 60px;
}
.p--bottom-16 {
    padding-bottom: 64px;
}
.p--bottom-17 {
    padding-bottom: 68px;
}
.p--bottom-18 {
    padding-bottom: 72px;
}
.p--bottom-19 {
    padding-bottom: 76px;
}
.p--bottom-20 {
    padding-bottom: 80px;
}

.p--x-0 {
    padding-left: 0;
    padding-right: 0;
}
.p--x-1 {
    padding-left: 4px;
    padding-right: 4px;
}
.p--x-2 {
    padding-left: 8px;
    padding-right: 8px;
}
.p--x-3 {
    padding-left: 12px;
    padding-right: 12px;
}
.p--x-4 {
    padding-left: 16px;
    padding-right: 16px;
}
.p--x-5 {
    padding-left: 20px;
    padding-right: 20px;
}
.p--x-6 {
    padding-left: 24px;
    padding-right: 24px;
}
.p--x-7 {
    padding-left: 28px;
    padding-right: 28px;
}
.p--x-8 {
    padding-left: 32px;
    padding-right: 32px;
}
.p--x-9 {
    padding-left: 36px;
    padding-right: 36px;
}
.p--x-10 {
    padding-left: 40px;
    padding-right: 40px;
}
.p--x-11 {
    padding-left: 44px;
    padding-right: 44px;
}
.p--x-12 {
    padding-left: 48px;
    padding-right: 48px;
}
.p--x-13 {
    padding-left: 52px;
    padding-right: 52px;
}
.p--x-14 {
    padding-left: 56px;
    padding-right: 56px;
}
.p--x-15 {
    padding-left: 60px;
    padding-right: 60px;
}
.p--x-16 {
    padding-left: 64px;
    padding-right: 64px;
}
.p--x-17 {
    padding-left: 68px;
    padding-right: 68px;
}
.p--x-18 {
    padding-left: 72px;
    padding-right: 72px;
}
.p--x-19 {
    padding-left: 76px;
    padding-right: 76px;
}
.p--x-20 {
    padding-left: 80px;
    padding-right: 80px;
}

.p--y-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.p--y-1 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.p--y-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.p--y-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.p--y-4 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.p--y-5 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.p--y-6 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.p--y-7 {
    padding-top: 28px;
    padding-bottom: 28px;
}
.p--y-8 {
    padding-top: 32px;
    padding-bottom: 32px;
}
.p--y-9 {
    padding-top: 36px;
    padding-bottom: 36px;
}
.p--y-10 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.p--y-11 {
    padding-top: 44px;
    padding-bottom: 44px;
}
.p--y-12 {
    padding-top: 48px;
    padding-bottom: 48px;
}
.p--y-13 {
    padding-top: 52px;
    padding-bottom: 52px;
}
.p--y-14 {
    padding-top: 56px;
    padding-bottom: 56px;
}
.p--y-15 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.p--y-16 {
    padding-top: 64px;
    padding-bottom: 64px;
}
.p--y-17 {
    padding-top: 68px;
    padding-bottom: 68px;
}
.p--y-18 {
    padding-top: 72px;
    padding-bottom: 72px;
}
.p--y-19 {
    padding-top: 76px;
    padding-bottom: 76px;
}
.p--y-20 {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 1400px) {

    .xl\:p {

    }

    .xl\:p--0 {
        padding: 0;
    }
    .xl\:p--1 {
        padding: 4px;
    }
    .xl\:p--2 {
        padding: 8px;
    }
    .xl\:p--3 {
        padding: 12px;
    }
    .xl\:p--4 {
        padding: 16px;
    }
    .xl\:p--5 {
        padding: 20px;
    }
    .xl\:p--6 {
        padding: 24px;
    }
    .xl\:p--7 {
        padding: 28px;
    }
    .xl\:p--8 {
        padding: 32px;
    }
    .xl\:p--9 {
        padding: 36px;
    }
    .xl\:p--10 {
        padding: 40px;
    }
    .xl\:p--11 {
        padding: 44px;
    }
    .xl\:p--12 {
        padding: 48px;
    }
    .xl\:p--13 {
        padding: 52px;
    }
    .xl\:p--14 {
        padding: 56px;
    }
    .xl\:p--15 {
        padding: 60px;
    }
    .xl\:p--16 {
        padding: 64px;
    }
    .xl\:p--17 {
        padding: 68px;
    }
    .xl\:p--18 {
        padding: 72px;
    }
    .xl\:p--19 {
        padding: 76px;
    }
    .xl\:p--20 {
        padding: 80px;
    }

    .xl\:p--top-0 {
        padding-top: 0;
    }
    .xl\:p--top-1 {
        padding-top: 4px;
    }
    .xl\:p--top-2 {
        padding-top: 8px;
    }
    .xl\:p--top-3 {
        padding-top: 12px;
    }
    .xl\:p--top-4 {
        padding-top: 16px;
    }
    .xl\:p--top-5 {
        padding-top: 20px;
    }
    .xl\:p--top-6 {
        padding-top: 24px;
    }
    .xl\:p--top-7 {
        padding-top: 28px;
    }
    .xl\:p--top-8 {
        padding-top: 32px;
    }
    .xl\:p--top-9 {
        padding-top: 36px;
    }
    .xl\:p--top-10 {
        padding-top: 40px;
    }
    .xl\:p--top-11 {
        padding-top: 44px;
    }
    .xl\:p--top-12 {
        padding-top: 48px;
    }
    .xl\:p--top-13 {
        padding-top: 52px;
    }
    .xl\:p--top-14 {
        padding-top: 56px;
    }
    .xl\:p--top-15 {
        padding-top: 60px;
    }
    .xl\:p--top-16 {
        padding-top: 64px;
    }
    .xl\:p--top-17 {
        padding-top: 68px;
    }
    .xl\:p--top-18 {
        padding-top: 72px;
    }
    .xl\:p--top-19 {
        padding-top: 76px;
    }
    .xl\:p--top-20 {
        padding-top: 80px;
    }

    .xl\:p--left-0 {
        padding-left: 0;
    }
    .xl\:p--left-1 {
        padding-left: 4px;
    }
    .xl\:p--left-2 {
        padding-left: 8px;
    }
    .xl\:p--left-3 {
        padding-left: 12px;
    }
    .xl\:p--left-4 {
        padding-left: 16px;
    }
    .xl\:p--left-5 {
        padding-left: 20px;
    }
    .xl\:p--left-6 {
        padding-left: 24px;
    }
    .xl\:p--left-7 {
        padding-left: 28px;
    }
    .xl\:p--left-8 {
        padding-left: 32px;
    }
    .xl\:p--left-9 {
        padding-left: 36px;
    }
    .xl\:p--left-10 {
        padding-left: 40px;
    }
    .xl\:p--left-11 {
        padding-left: 44px;
    }
    .xl\:p--left-12 {
        padding-left: 48px;
    }
    .xl\:p--left-13 {
        padding-left: 52px;
    }
    .xl\:p--left-14 {
        padding-left: 56px;
    }
    .xl\:p--left-15 {
        padding-left: 60px;
    }
    .xl\:p--left-16 {
        padding-left: 64px;
    }
    .xl\:p--left-17 {
        padding-left: 68px;
    }
    .xl\:p--left-18 {
        padding-left: 72px;
    }
    .xl\:p--left-19 {
        padding-left: 76px;
    }
    .xl\:p--left-20 {
        padding-left: 80px;
    }

    .xl\:p--right-0 {
        padding-right: 0;
    }
    .xl\:p--right-1 {
        padding-right: 4px;
    }
    .xl\:p--right-2 {
        padding-right: 8px;
    }
    .xl\:p--right-3 {
        padding-right: 12px;
    }
    .xl\:p--right-4 {
        padding-right: 16px;
    }
    .xl\:p--right-5 {
        padding-right: 20px;
    }
    .xl\:p--right-6 {
        padding-right: 24px;
    }
    .xl\:p--right-7 {
        padding-right: 28px;
    }
    .xl\:p--right-8 {
        padding-right: 32px;
    }
    .xl\:p--right-9 {
        padding-right: 36px;
    }
    .xl\:p--right-10 {
        padding-right: 40px;
    }
    .xl\:p--right-11 {
        padding-right: 44px;
    }
    .xl\:p--right-12 {
        padding-right: 48px;
    }
    .xl\:p--right-13 {
        padding-right: 52px;
    }
    .xl\:p--right-14 {
        padding-right: 56px;
    }
    .xl\:p--right-15 {
        padding-right: 60px;
    }
    .xl\:p--right-16 {
        padding-right: 64px;
    }
    .xl\:p--right-17 {
        padding-right: 68px;
    }
    .xl\:p--right-18 {
        padding-right: 72px;
    }
    .xl\:p--right-19 {
        padding-right: 76px;
    }
    .xl\:p--right-20 {
        padding-right: 80px;
    }

    .xl\:p--bottom-0 {
        padding-bottom: 0;
    }
    .xl\:p--bottom-1 {
        padding-bottom: 4px;
    }
    .xl\:p--bottom-2 {
        padding-bottom: 8px;
    }
    .xl\:p--bottom-3 {
        padding-bottom: 12px;
    }
    .xl\:p--bottom-4 {
        padding-bottom: 16px;
    }
    .xl\:p--bottom-5 {
        padding-bottom: 20px;
    }
    .xl\:p--bottom-6 {
        padding-bottom: 24px;
    }
    .xl\:p--bottom-7 {
        padding-bottom: 28px;
    }
    .xl\:p--bottom-8 {
        padding-bottom: 32px;
    }
    .xl\:p--bottom-9 {
        padding-bottom: 36px;
    }
    .xl\:p--bottom-10 {
        padding-bottom: 40px;
    }
    .xl\:p--bottom-11 {
        padding-bottom: 44px;
    }
    .xl\:p--bottom-12 {
        padding-bottom: 48px;
    }
    .xl\:p--bottom-13 {
        padding-bottom: 52px;
    }
    .xl\:p--bottom-14 {
        padding-bottom: 56px;
    }
    .xl\:p--bottom-15 {
        padding-bottom: 60px;
    }
    .xl\:p--bottom-16 {
        padding-bottom: 64px;
    }
    .xl\:p--bottom-17 {
        padding-bottom: 68px;
    }
    .xl\:p--bottom-18 {
        padding-bottom: 72px;
    }
    .xl\:p--bottom-19 {
        padding-bottom: 76px;
    }
    .xl\:p--bottom-20 {
        padding-bottom: 80px;
    }

    .xl\:p--x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .xl\:p--x-1 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .xl\:p--x-2 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .xl\:p--x-3 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .xl\:p--x-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .xl\:p--x-5 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .xl\:p--x-6 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .xl\:p--x-7 {
        padding-left: 28px;
        padding-right: 28px;
    }
    .xl\:p--x-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .xl\:p--x-9 {
        padding-left: 36px;
        padding-right: 36px;
    }
    .xl\:p--x-10 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .xl\:p--x-11 {
        padding-left: 44px;
        padding-right: 44px;
    }
    .xl\:p--x-12 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .xl\:p--x-13 {
        padding-left: 52px;
        padding-right: 52px;
    }
    .xl\:p--x-14 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .xl\:p--x-15 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .xl\:p--x-16 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .xl\:p--x-17 {
        padding-left: 68px;
        padding-right: 68px;
    }
    .xl\:p--x-18 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .xl\:p--x-19 {
        padding-left: 76px;
        padding-right: 76px;
    }
    .xl\:p--x-20 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .xl\:p--y-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .xl\:p--y-1 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .xl\:p--y-2 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .xl\:p--y-3 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .xl\:p--y-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .xl\:p--y-5 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .xl\:p--y-6 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .xl\:p--y-7 {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .xl\:p--y-8 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .xl\:p--y-9 {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .xl\:p--y-10 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .xl\:p--y-11 {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .xl\:p--y-12 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .xl\:p--y-13 {
        padding-top: 52px;
        padding-bottom: 52px;
    }
    .xl\:p--y-14 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .xl\:p--y-15 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .xl\:p--y-16 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .xl\:p--y-17 {
        padding-top: 68px;
        padding-bottom: 68px;
    }
    .xl\:p--y-18 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .xl\:p--y-19 {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .xl\:p--y-20 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}
@media (max-width: 1200px) {

    .l\:p {

    }

    .l\:p--0 {
        padding: 0;
    }
    .l\:p--1 {
        padding: 4px;
    }
    .l\:p--2 {
        padding: 8px;
    }
    .l\:p--3 {
        padding: 12px;
    }
    .l\:p--4 {
        padding: 16px;
    }
    .l\:p--5 {
        padding: 20px;
    }
    .l\:p--6 {
        padding: 24px;
    }
    .l\:p--7 {
        padding: 28px;
    }
    .l\:p--8 {
        padding: 32px;
    }
    .l\:p--9 {
        padding: 36px;
    }
    .l\:p--10 {
        padding: 40px;
    }
    .l\:p--11 {
        padding: 44px;
    }
    .l\:p--12 {
        padding: 48px;
    }
    .l\:p--13 {
        padding: 52px;
    }
    .l\:p--14 {
        padding: 56px;
    }
    .l\:p--15 {
        padding: 60px;
    }
    .l\:p--16 {
        padding: 64px;
    }
    .l\:p--17 {
        padding: 68px;
    }
    .l\:p--18 {
        padding: 72px;
    }
    .l\:p--19 {
        padding: 76px;
    }
    .l\:p--20 {
        padding: 80px;
    }

    .l\:p--top-0 {
        padding-top: 0;
    }
    .l\:p--top-1 {
        padding-top: 4px;
    }
    .l\:p--top-2 {
        padding-top: 8px;
    }
    .l\:p--top-3 {
        padding-top: 12px;
    }
    .l\:p--top-4 {
        padding-top: 16px;
    }
    .l\:p--top-5 {
        padding-top: 20px;
    }
    .l\:p--top-6 {
        padding-top: 24px;
    }
    .l\:p--top-7 {
        padding-top: 28px;
    }
    .l\:p--top-8 {
        padding-top: 32px;
    }
    .l\:p--top-9 {
        padding-top: 36px;
    }
    .l\:p--top-10 {
        padding-top: 40px;
    }
    .l\:p--top-11 {
        padding-top: 44px;
    }
    .l\:p--top-12 {
        padding-top: 48px;
    }
    .l\:p--top-13 {
        padding-top: 52px;
    }
    .l\:p--top-14 {
        padding-top: 56px;
    }
    .l\:p--top-15 {
        padding-top: 60px;
    }
    .l\:p--top-16 {
        padding-top: 64px;
    }
    .l\:p--top-17 {
        padding-top: 68px;
    }
    .l\:p--top-18 {
        padding-top: 72px;
    }
    .l\:p--top-19 {
        padding-top: 76px;
    }
    .l\:p--top-20 {
        padding-top: 80px;
    }

    .l\:p--left-0 {
        padding-left: 0;
    }
    .l\:p--left-1 {
        padding-left: 4px;
    }
    .l\:p--left-2 {
        padding-left: 8px;
    }
    .l\:p--left-3 {
        padding-left: 12px;
    }
    .l\:p--left-4 {
        padding-left: 16px;
    }
    .l\:p--left-5 {
        padding-left: 20px;
    }
    .l\:p--left-6 {
        padding-left: 24px;
    }
    .l\:p--left-7 {
        padding-left: 28px;
    }
    .l\:p--left-8 {
        padding-left: 32px;
    }
    .l\:p--left-9 {
        padding-left: 36px;
    }
    .l\:p--left-10 {
        padding-left: 40px;
    }
    .l\:p--left-11 {
        padding-left: 44px;
    }
    .l\:p--left-12 {
        padding-left: 48px;
    }
    .l\:p--left-13 {
        padding-left: 52px;
    }
    .l\:p--left-14 {
        padding-left: 56px;
    }
    .l\:p--left-15 {
        padding-left: 60px;
    }
    .l\:p--left-16 {
        padding-left: 64px;
    }
    .l\:p--left-17 {
        padding-left: 68px;
    }
    .l\:p--left-18 {
        padding-left: 72px;
    }
    .l\:p--left-19 {
        padding-left: 76px;
    }
    .l\:p--left-20 {
        padding-left: 80px;
    }

    .l\:p--right-0 {
        padding-right: 0;
    }
    .l\:p--right-1 {
        padding-right: 4px;
    }
    .l\:p--right-2 {
        padding-right: 8px;
    }
    .l\:p--right-3 {
        padding-right: 12px;
    }
    .l\:p--right-4 {
        padding-right: 16px;
    }
    .l\:p--right-5 {
        padding-right: 20px;
    }
    .l\:p--right-6 {
        padding-right: 24px;
    }
    .l\:p--right-7 {
        padding-right: 28px;
    }
    .l\:p--right-8 {
        padding-right: 32px;
    }
    .l\:p--right-9 {
        padding-right: 36px;
    }
    .l\:p--right-10 {
        padding-right: 40px;
    }
    .l\:p--right-11 {
        padding-right: 44px;
    }
    .l\:p--right-12 {
        padding-right: 48px;
    }
    .l\:p--right-13 {
        padding-right: 52px;
    }
    .l\:p--right-14 {
        padding-right: 56px;
    }
    .l\:p--right-15 {
        padding-right: 60px;
    }
    .l\:p--right-16 {
        padding-right: 64px;
    }
    .l\:p--right-17 {
        padding-right: 68px;
    }
    .l\:p--right-18 {
        padding-right: 72px;
    }
    .l\:p--right-19 {
        padding-right: 76px;
    }
    .l\:p--right-20 {
        padding-right: 80px;
    }

    .l\:p--bottom-0 {
        padding-bottom: 0;
    }
    .l\:p--bottom-1 {
        padding-bottom: 4px;
    }
    .l\:p--bottom-2 {
        padding-bottom: 8px;
    }
    .l\:p--bottom-3 {
        padding-bottom: 12px;
    }
    .l\:p--bottom-4 {
        padding-bottom: 16px;
    }
    .l\:p--bottom-5 {
        padding-bottom: 20px;
    }
    .l\:p--bottom-6 {
        padding-bottom: 24px;
    }
    .l\:p--bottom-7 {
        padding-bottom: 28px;
    }
    .l\:p--bottom-8 {
        padding-bottom: 32px;
    }
    .l\:p--bottom-9 {
        padding-bottom: 36px;
    }
    .l\:p--bottom-10 {
        padding-bottom: 40px;
    }
    .l\:p--bottom-11 {
        padding-bottom: 44px;
    }
    .l\:p--bottom-12 {
        padding-bottom: 48px;
    }
    .l\:p--bottom-13 {
        padding-bottom: 52px;
    }
    .l\:p--bottom-14 {
        padding-bottom: 56px;
    }
    .l\:p--bottom-15 {
        padding-bottom: 60px;
    }
    .l\:p--bottom-16 {
        padding-bottom: 64px;
    }
    .l\:p--bottom-17 {
        padding-bottom: 68px;
    }
    .l\:p--bottom-18 {
        padding-bottom: 72px;
    }
    .l\:p--bottom-19 {
        padding-bottom: 76px;
    }
    .l\:p--bottom-20 {
        padding-bottom: 80px;
    }

    .l\:p--x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .l\:p--x-1 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .l\:p--x-2 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .l\:p--x-3 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .l\:p--x-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .l\:p--x-5 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .l\:p--x-6 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .l\:p--x-7 {
        padding-left: 28px;
        padding-right: 28px;
    }
    .l\:p--x-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .l\:p--x-9 {
        padding-left: 36px;
        padding-right: 36px;
    }
    .l\:p--x-10 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l\:p--x-11 {
        padding-left: 44px;
        padding-right: 44px;
    }
    .l\:p--x-12 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .l\:p--x-13 {
        padding-left: 52px;
        padding-right: 52px;
    }
    .l\:p--x-14 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .l\:p--x-15 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .l\:p--x-16 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .l\:p--x-17 {
        padding-left: 68px;
        padding-right: 68px;
    }
    .l\:p--x-18 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .l\:p--x-19 {
        padding-left: 76px;
        padding-right: 76px;
    }
    .l\:p--x-20 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .l\:p--y-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .l\:p--y-1 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .l\:p--y-2 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .l\:p--y-3 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .l\:p--y-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .l\:p--y-5 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .l\:p--y-6 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .l\:p--y-7 {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .l\:p--y-8 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .l\:p--y-9 {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .l\:p--y-10 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .l\:p--y-11 {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .l\:p--y-12 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .l\:p--y-13 {
        padding-top: 52px;
        padding-bottom: 52px;
    }
    .l\:p--y-14 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .l\:p--y-15 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .l\:p--y-16 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .l\:p--y-17 {
        padding-top: 68px;
        padding-bottom: 68px;
    }
    .l\:p--y-18 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .l\:p--y-19 {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .l\:p--y-20 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}
@media (max-width: 992px) {

    .m\:p {

    }

    .m\:p--0 {
        padding: 0;
    }
    .m\:p--1 {
        padding: 4px;
    }
    .m\:p--2 {
        padding: 8px;
    }
    .m\:p--3 {
        padding: 12px;
    }
    .m\:p--4 {
        padding: 16px;
    }
    .m\:p--5 {
        padding: 20px;
    }
    .m\:p--6 {
        padding: 24px;
    }
    .m\:p--7 {
        padding: 28px;
    }
    .m\:p--8 {
        padding: 32px;
    }
    .m\:p--9 {
        padding: 36px;
    }
    .m\:p--10 {
        padding: 40px;
    }
    .m\:p--11 {
        padding: 44px;
    }
    .m\:p--12 {
        padding: 48px;
    }
    .m\:p--13 {
        padding: 52px;
    }
    .m\:p--14 {
        padding: 56px;
    }
    .m\:p--15 {
        padding: 60px;
    }
    .m\:p--16 {
        padding: 64px;
    }
    .m\:p--17 {
        padding: 68px;
    }
    .m\:p--18 {
        padding: 72px;
    }
    .m\:p--19 {
        padding: 76px;
    }
    .m\:p--20 {
        padding: 80px;
    }

    .m\:p--top-0 {
        padding-top: 0;
    }
    .m\:p--top-1 {
        padding-top: 4px;
    }
    .m\:p--top-2 {
        padding-top: 8px;
    }
    .m\:p--top-3 {
        padding-top: 12px;
    }
    .m\:p--top-4 {
        padding-top: 16px;
    }
    .m\:p--top-5 {
        padding-top: 20px;
    }
    .m\:p--top-6 {
        padding-top: 24px;
    }
    .m\:p--top-7 {
        padding-top: 28px;
    }
    .m\:p--top-8 {
        padding-top: 32px;
    }
    .m\:p--top-9 {
        padding-top: 36px;
    }
    .m\:p--top-10 {
        padding-top: 40px;
    }
    .m\:p--top-11 {
        padding-top: 44px;
    }
    .m\:p--top-12 {
        padding-top: 48px;
    }
    .m\:p--top-13 {
        padding-top: 52px;
    }
    .m\:p--top-14 {
        padding-top: 56px;
    }
    .m\:p--top-15 {
        padding-top: 60px;
    }
    .m\:p--top-16 {
        padding-top: 64px;
    }
    .m\:p--top-17 {
        padding-top: 68px;
    }
    .m\:p--top-18 {
        padding-top: 72px;
    }
    .m\:p--top-19 {
        padding-top: 76px;
    }
    .m\:p--top-20 {
        padding-top: 80px;
    }

    .m\:p--left-0 {
        padding-left: 0;
    }
    .m\:p--left-1 {
        padding-left: 4px;
    }
    .m\:p--left-2 {
        padding-left: 8px;
    }
    .m\:p--left-3 {
        padding-left: 12px;
    }
    .m\:p--left-4 {
        padding-left: 16px;
    }
    .m\:p--left-5 {
        padding-left: 20px;
    }
    .m\:p--left-6 {
        padding-left: 24px;
    }
    .m\:p--left-7 {
        padding-left: 28px;
    }
    .m\:p--left-8 {
        padding-left: 32px;
    }
    .m\:p--left-9 {
        padding-left: 36px;
    }
    .m\:p--left-10 {
        padding-left: 40px;
    }
    .m\:p--left-11 {
        padding-left: 44px;
    }
    .m\:p--left-12 {
        padding-left: 48px;
    }
    .m\:p--left-13 {
        padding-left: 52px;
    }
    .m\:p--left-14 {
        padding-left: 56px;
    }
    .m\:p--left-15 {
        padding-left: 60px;
    }
    .m\:p--left-16 {
        padding-left: 64px;
    }
    .m\:p--left-17 {
        padding-left: 68px;
    }
    .m\:p--left-18 {
        padding-left: 72px;
    }
    .m\:p--left-19 {
        padding-left: 76px;
    }
    .m\:p--left-20 {
        padding-left: 80px;
    }

    .m\:p--right-0 {
        padding-right: 0;
    }
    .m\:p--right-1 {
        padding-right: 4px;
    }
    .m\:p--right-2 {
        padding-right: 8px;
    }
    .m\:p--right-3 {
        padding-right: 12px;
    }
    .m\:p--right-4 {
        padding-right: 16px;
    }
    .m\:p--right-5 {
        padding-right: 20px;
    }
    .m\:p--right-6 {
        padding-right: 24px;
    }
    .m\:p--right-7 {
        padding-right: 28px;
    }
    .m\:p--right-8 {
        padding-right: 32px;
    }
    .m\:p--right-9 {
        padding-right: 36px;
    }
    .m\:p--right-10 {
        padding-right: 40px;
    }
    .m\:p--right-11 {
        padding-right: 44px;
    }
    .m\:p--right-12 {
        padding-right: 48px;
    }
    .m\:p--right-13 {
        padding-right: 52px;
    }
    .m\:p--right-14 {
        padding-right: 56px;
    }
    .m\:p--right-15 {
        padding-right: 60px;
    }
    .m\:p--right-16 {
        padding-right: 64px;
    }
    .m\:p--right-17 {
        padding-right: 68px;
    }
    .m\:p--right-18 {
        padding-right: 72px;
    }
    .m\:p--right-19 {
        padding-right: 76px;
    }
    .m\:p--right-20 {
        padding-right: 80px;
    }

    .m\:p--bottom-0 {
        padding-bottom: 0;
    }
    .m\:p--bottom-1 {
        padding-bottom: 4px;
    }
    .m\:p--bottom-2 {
        padding-bottom: 8px;
    }
    .m\:p--bottom-3 {
        padding-bottom: 12px;
    }
    .m\:p--bottom-4 {
        padding-bottom: 16px;
    }
    .m\:p--bottom-5 {
        padding-bottom: 20px;
    }
    .m\:p--bottom-6 {
        padding-bottom: 24px;
    }
    .m\:p--bottom-7 {
        padding-bottom: 28px;
    }
    .m\:p--bottom-8 {
        padding-bottom: 32px;
    }
    .m\:p--bottom-9 {
        padding-bottom: 36px;
    }
    .m\:p--bottom-10 {
        padding-bottom: 40px;
    }
    .m\:p--bottom-11 {
        padding-bottom: 44px;
    }
    .m\:p--bottom-12 {
        padding-bottom: 48px;
    }
    .m\:p--bottom-13 {
        padding-bottom: 52px;
    }
    .m\:p--bottom-14 {
        padding-bottom: 56px;
    }
    .m\:p--bottom-15 {
        padding-bottom: 60px;
    }
    .m\:p--bottom-16 {
        padding-bottom: 64px;
    }
    .m\:p--bottom-17 {
        padding-bottom: 68px;
    }
    .m\:p--bottom-18 {
        padding-bottom: 72px;
    }
    .m\:p--bottom-19 {
        padding-bottom: 76px;
    }
    .m\:p--bottom-20 {
        padding-bottom: 80px;
    }

    .m\:p--x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .m\:p--x-1 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .m\:p--x-2 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .m\:p--x-3 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .m\:p--x-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .m\:p--x-5 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .m\:p--x-6 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .m\:p--x-7 {
        padding-left: 28px;
        padding-right: 28px;
    }
    .m\:p--x-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .m\:p--x-9 {
        padding-left: 36px;
        padding-right: 36px;
    }
    .m\:p--x-10 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .m\:p--x-11 {
        padding-left: 44px;
        padding-right: 44px;
    }
    .m\:p--x-12 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .m\:p--x-13 {
        padding-left: 52px;
        padding-right: 52px;
    }
    .m\:p--x-14 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .m\:p--x-15 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .m\:p--x-16 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .m\:p--x-17 {
        padding-left: 68px;
        padding-right: 68px;
    }
    .m\:p--x-18 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .m\:p--x-19 {
        padding-left: 76px;
        padding-right: 76px;
    }
    .m\:p--x-20 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .m\:p--y-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .m\:p--y-1 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .m\:p--y-2 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .m\:p--y-3 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .m\:p--y-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .m\:p--y-5 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .m\:p--y-6 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .m\:p--y-7 {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .m\:p--y-8 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .m\:p--y-9 {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .m\:p--y-10 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .m\:p--y-11 {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .m\:p--y-12 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .m\:p--y-13 {
        padding-top: 52px;
        padding-bottom: 52px;
    }
    .m\:p--y-14 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .m\:p--y-15 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .m\:p--y-16 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .m\:p--y-17 {
        padding-top: 68px;
        padding-bottom: 68px;
    }
    .m\:p--y-18 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .m\:p--y-19 {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .m\:p--y-20 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}
@media (max-width: 768px) {

    .s\:p {

    }

    .s\:p--0 {
        padding: 0;
    }
    .s\:p--1 {
        padding: 4px;
    }
    .s\:p--2 {
        padding: 8px;
    }
    .s\:p--3 {
        padding: 12px;
    }
    .s\:p--4 {
        padding: 16px;
    }
    .s\:p--5 {
        padding: 20px;
    }
    .s\:p--6 {
        padding: 24px;
    }
    .s\:p--7 {
        padding: 28px;
    }
    .s\:p--8 {
        padding: 32px;
    }
    .s\:p--9 {
        padding: 36px;
    }
    .s\:p--10 {
        padding: 40px;
    }
    .s\:p--11 {
        padding: 44px;
    }
    .s\:p--12 {
        padding: 48px;
    }
    .s\:p--13 {
        padding: 52px;
    }
    .s\:p--14 {
        padding: 56px;
    }
    .s\:p--15 {
        padding: 60px;
    }
    .s\:p--16 {
        padding: 64px;
    }
    .s\:p--17 {
        padding: 68px;
    }
    .s\:p--18 {
        padding: 72px;
    }
    .s\:p--19 {
        padding: 76px;
    }
    .s\:p--20 {
        padding: 80px;
    }

    .s\:p--top-0 {
        padding-top: 0;
    }
    .s\:p--top-1 {
        padding-top: 4px;
    }
    .s\:p--top-2 {
        padding-top: 8px;
    }
    .s\:p--top-3 {
        padding-top: 12px;
    }
    .s\:p--top-4 {
        padding-top: 16px;
    }
    .s\:p--top-5 {
        padding-top: 20px;
    }
    .s\:p--top-6 {
        padding-top: 24px;
    }
    .s\:p--top-7 {
        padding-top: 28px;
    }
    .s\:p--top-8 {
        padding-top: 32px;
    }
    .s\:p--top-9 {
        padding-top: 36px;
    }
    .s\:p--top-10 {
        padding-top: 40px;
    }
    .s\:p--top-11 {
        padding-top: 44px;
    }
    .s\:p--top-12 {
        padding-top: 48px;
    }
    .s\:p--top-13 {
        padding-top: 52px;
    }
    .s\:p--top-14 {
        padding-top: 56px;
    }
    .s\:p--top-15 {
        padding-top: 60px;
    }
    .s\:p--top-16 {
        padding-top: 64px;
    }
    .s\:p--top-17 {
        padding-top: 68px;
    }
    .s\:p--top-18 {
        padding-top: 72px;
    }
    .s\:p--top-19 {
        padding-top: 76px;
    }
    .s\:p--top-20 {
        padding-top: 80px;
    }

    .s\:p--left-0 {
        padding-left: 0;
    }
    .s\:p--left-1 {
        padding-left: 4px;
    }
    .s\:p--left-2 {
        padding-left: 8px;
    }
    .s\:p--left-3 {
        padding-left: 12px;
    }
    .s\:p--left-4 {
        padding-left: 16px;
    }
    .s\:p--left-5 {
        padding-left: 20px;
    }
    .s\:p--left-6 {
        padding-left: 24px;
    }
    .s\:p--left-7 {
        padding-left: 28px;
    }
    .s\:p--left-8 {
        padding-left: 32px;
    }
    .s\:p--left-9 {
        padding-left: 36px;
    }
    .s\:p--left-10 {
        padding-left: 40px;
    }
    .s\:p--left-11 {
        padding-left: 44px;
    }
    .s\:p--left-12 {
        padding-left: 48px;
    }
    .s\:p--left-13 {
        padding-left: 52px;
    }
    .s\:p--left-14 {
        padding-left: 56px;
    }
    .s\:p--left-15 {
        padding-left: 60px;
    }
    .s\:p--left-16 {
        padding-left: 64px;
    }
    .s\:p--left-17 {
        padding-left: 68px;
    }
    .s\:p--left-18 {
        padding-left: 72px;
    }
    .s\:p--left-19 {
        padding-left: 76px;
    }
    .s\:p--left-20 {
        padding-left: 80px;
    }

    .s\:p--right-0 {
        padding-right: 0;
    }
    .s\:p--right-1 {
        padding-right: 4px;
    }
    .s\:p--right-2 {
        padding-right: 8px;
    }
    .s\:p--right-3 {
        padding-right: 12px;
    }
    .s\:p--right-4 {
        padding-right: 16px;
    }
    .s\:p--right-5 {
        padding-right: 20px;
    }
    .s\:p--right-6 {
        padding-right: 24px;
    }
    .s\:p--right-7 {
        padding-right: 28px;
    }
    .s\:p--right-8 {
        padding-right: 32px;
    }
    .s\:p--right-9 {
        padding-right: 36px;
    }
    .s\:p--right-10 {
        padding-right: 40px;
    }
    .s\:p--right-11 {
        padding-right: 44px;
    }
    .s\:p--right-12 {
        padding-right: 48px;
    }
    .s\:p--right-13 {
        padding-right: 52px;
    }
    .s\:p--right-14 {
        padding-right: 56px;
    }
    .s\:p--right-15 {
        padding-right: 60px;
    }
    .s\:p--right-16 {
        padding-right: 64px;
    }
    .s\:p--right-17 {
        padding-right: 68px;
    }
    .s\:p--right-18 {
        padding-right: 72px;
    }
    .s\:p--right-19 {
        padding-right: 76px;
    }
    .s\:p--right-20 {
        padding-right: 80px;
    }

    .s\:p--bottom-0 {
        padding-bottom: 0;
    }
    .s\:p--bottom-1 {
        padding-bottom: 4px;
    }
    .s\:p--bottom-2 {
        padding-bottom: 8px;
    }
    .s\:p--bottom-3 {
        padding-bottom: 12px;
    }
    .s\:p--bottom-4 {
        padding-bottom: 16px;
    }
    .s\:p--bottom-5 {
        padding-bottom: 20px;
    }
    .s\:p--bottom-6 {
        padding-bottom: 24px;
    }
    .s\:p--bottom-7 {
        padding-bottom: 28px;
    }
    .s\:p--bottom-8 {
        padding-bottom: 32px;
    }
    .s\:p--bottom-9 {
        padding-bottom: 36px;
    }
    .s\:p--bottom-10 {
        padding-bottom: 40px;
    }
    .s\:p--bottom-11 {
        padding-bottom: 44px;
    }
    .s\:p--bottom-12 {
        padding-bottom: 48px;
    }
    .s\:p--bottom-13 {
        padding-bottom: 52px;
    }
    .s\:p--bottom-14 {
        padding-bottom: 56px;
    }
    .s\:p--bottom-15 {
        padding-bottom: 60px;
    }
    .s\:p--bottom-16 {
        padding-bottom: 64px;
    }
    .s\:p--bottom-17 {
        padding-bottom: 68px;
    }
    .s\:p--bottom-18 {
        padding-bottom: 72px;
    }
    .s\:p--bottom-19 {
        padding-bottom: 76px;
    }
    .s\:p--bottom-20 {
        padding-bottom: 80px;
    }

    .s\:p--x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .s\:p--x-1 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .s\:p--x-2 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .s\:p--x-3 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .s\:p--x-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .s\:p--x-5 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .s\:p--x-6 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .s\:p--x-7 {
        padding-left: 28px;
        padding-right: 28px;
    }
    .s\:p--x-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .s\:p--x-9 {
        padding-left: 36px;
        padding-right: 36px;
    }
    .s\:p--x-10 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .s\:p--x-11 {
        padding-left: 44px;
        padding-right: 44px;
    }
    .s\:p--x-12 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .s\:p--x-13 {
        padding-left: 52px;
        padding-right: 52px;
    }
    .s\:p--x-14 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .s\:p--x-15 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .s\:p--x-16 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .s\:p--x-17 {
        padding-left: 68px;
        padding-right: 68px;
    }
    .s\:p--x-18 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .s\:p--x-19 {
        padding-left: 76px;
        padding-right: 76px;
    }
    .s\:p--x-20 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .s\:p--y-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .s\:p--y-1 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .s\:p--y-2 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .s\:p--y-3 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .s\:p--y-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .s\:p--y-5 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .s\:p--y-6 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .s\:p--y-7 {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .s\:p--y-8 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .s\:p--y-9 {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .s\:p--y-10 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .s\:p--y-11 {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .s\:p--y-12 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .s\:p--y-13 {
        padding-top: 52px;
        padding-bottom: 52px;
    }
    .s\:p--y-14 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .s\:p--y-15 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .s\:p--y-16 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .s\:p--y-17 {
        padding-top: 68px;
        padding-bottom: 68px;
    }
    .s\:p--y-18 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .s\:p--y-19 {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .s\:p--y-20 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}
@media (max-width: 576px) {

    .xs\:p {

    }

    .xs\:p--0 {
        padding: 0;
    }
    .xs\:p--1 {
        padding: 4px;
    }
    .xs\:p--2 {
        padding: 8px;
    }
    .xs\:p--3 {
        padding: 12px;
    }
    .xs\:p--4 {
        padding: 16px;
    }
    .xs\:p--5 {
        padding: 20px;
    }
    .xs\:p--6 {
        padding: 24px;
    }
    .xs\:p--7 {
        padding: 28px;
    }
    .xs\:p--8 {
        padding: 32px;
    }
    .xs\:p--9 {
        padding: 36px;
    }
    .xs\:p--10 {
        padding: 40px;
    }
    .xs\:p--11 {
        padding: 44px;
    }
    .xs\:p--12 {
        padding: 48px;
    }
    .xs\:p--13 {
        padding: 52px;
    }
    .xs\:p--14 {
        padding: 56px;
    }
    .xs\:p--15 {
        padding: 60px;
    }
    .xs\:p--16 {
        padding: 64px;
    }
    .xs\:p--17 {
        padding: 68px;
    }
    .xs\:p--18 {
        padding: 72px;
    }
    .xs\:p--19 {
        padding: 76px;
    }
    .xs\:p--20 {
        padding: 80px;
    }

    .xs\:p--top-0 {
        padding-top: 0;
    }
    .xs\:p--top-1 {
        padding-top: 4px;
    }
    .xs\:p--top-2 {
        padding-top: 8px;
    }
    .xs\:p--top-3 {
        padding-top: 12px;
    }
    .xs\:p--top-4 {
        padding-top: 16px;
    }
    .xs\:p--top-5 {
        padding-top: 20px;
    }
    .xs\:p--top-6 {
        padding-top: 24px;
    }
    .xs\:p--top-7 {
        padding-top: 28px;
    }
    .xs\:p--top-8 {
        padding-top: 32px;
    }
    .xs\:p--top-9 {
        padding-top: 36px;
    }
    .xs\:p--top-10 {
        padding-top: 40px;
    }
    .xs\:p--top-11 {
        padding-top: 44px;
    }
    .xs\:p--top-12 {
        padding-top: 48px;
    }
    .xs\:p--top-13 {
        padding-top: 52px;
    }
    .xs\:p--top-14 {
        padding-top: 56px;
    }
    .xs\:p--top-15 {
        padding-top: 60px;
    }
    .xs\:p--top-16 {
        padding-top: 64px;
    }
    .xs\:p--top-17 {
        padding-top: 68px;
    }
    .xs\:p--top-18 {
        padding-top: 72px;
    }
    .xs\:p--top-19 {
        padding-top: 76px;
    }
    .xs\:p--top-20 {
        padding-top: 80px;
    }

    .xs\:p--left-0 {
        padding-left: 0;
    }
    .xs\:p--left-1 {
        padding-left: 4px;
    }
    .xs\:p--left-2 {
        padding-left: 8px;
    }
    .xs\:p--left-3 {
        padding-left: 12px;
    }
    .xs\:p--left-4 {
        padding-left: 16px;
    }
    .xs\:p--left-5 {
        padding-left: 20px;
    }
    .xs\:p--left-6 {
        padding-left: 24px;
    }
    .xs\:p--left-7 {
        padding-left: 28px;
    }
    .xs\:p--left-8 {
        padding-left: 32px;
    }
    .xs\:p--left-9 {
        padding-left: 36px;
    }
    .xs\:p--left-10 {
        padding-left: 40px;
    }
    .xs\:p--left-11 {
        padding-left: 44px;
    }
    .xs\:p--left-12 {
        padding-left: 48px;
    }
    .xs\:p--left-13 {
        padding-left: 52px;
    }
    .xs\:p--left-14 {
        padding-left: 56px;
    }
    .xs\:p--left-15 {
        padding-left: 60px;
    }
    .xs\:p--left-16 {
        padding-left: 64px;
    }
    .xs\:p--left-17 {
        padding-left: 68px;
    }
    .xs\:p--left-18 {
        padding-left: 72px;
    }
    .xs\:p--left-19 {
        padding-left: 76px;
    }
    .xs\:p--left-20 {
        padding-left: 80px;
    }

    .xs\:p--right-0 {
        padding-right: 0;
    }
    .xs\:p--right-1 {
        padding-right: 4px;
    }
    .xs\:p--right-2 {
        padding-right: 8px;
    }
    .xs\:p--right-3 {
        padding-right: 12px;
    }
    .xs\:p--right-4 {
        padding-right: 16px;
    }
    .xs\:p--right-5 {
        padding-right: 20px;
    }
    .xs\:p--right-6 {
        padding-right: 24px;
    }
    .xs\:p--right-7 {
        padding-right: 28px;
    }
    .xs\:p--right-8 {
        padding-right: 32px;
    }
    .xs\:p--right-9 {
        padding-right: 36px;
    }
    .xs\:p--right-10 {
        padding-right: 40px;
    }
    .xs\:p--right-11 {
        padding-right: 44px;
    }
    .xs\:p--right-12 {
        padding-right: 48px;
    }
    .xs\:p--right-13 {
        padding-right: 52px;
    }
    .xs\:p--right-14 {
        padding-right: 56px;
    }
    .xs\:p--right-15 {
        padding-right: 60px;
    }
    .xs\:p--right-16 {
        padding-right: 64px;
    }
    .xs\:p--right-17 {
        padding-right: 68px;
    }
    .xs\:p--right-18 {
        padding-right: 72px;
    }
    .xs\:p--right-19 {
        padding-right: 76px;
    }
    .xs\:p--right-20 {
        padding-right: 80px;
    }

    .xs\:p--bottom-0 {
        padding-bottom: 0;
    }
    .xs\:p--bottom-1 {
        padding-bottom: 4px;
    }
    .xs\:p--bottom-2 {
        padding-bottom: 8px;
    }
    .xs\:p--bottom-3 {
        padding-bottom: 12px;
    }
    .xs\:p--bottom-4 {
        padding-bottom: 16px;
    }
    .xs\:p--bottom-5 {
        padding-bottom: 20px;
    }
    .xs\:p--bottom-6 {
        padding-bottom: 24px;
    }
    .xs\:p--bottom-7 {
        padding-bottom: 28px;
    }
    .xs\:p--bottom-8 {
        padding-bottom: 32px;
    }
    .xs\:p--bottom-9 {
        padding-bottom: 36px;
    }
    .xs\:p--bottom-10 {
        padding-bottom: 40px;
    }
    .xs\:p--bottom-11 {
        padding-bottom: 44px;
    }
    .xs\:p--bottom-12 {
        padding-bottom: 48px;
    }
    .xs\:p--bottom-13 {
        padding-bottom: 52px;
    }
    .xs\:p--bottom-14 {
        padding-bottom: 56px;
    }
    .xs\:p--bottom-15 {
        padding-bottom: 60px;
    }
    .xs\:p--bottom-16 {
        padding-bottom: 64px;
    }
    .xs\:p--bottom-17 {
        padding-bottom: 68px;
    }
    .xs\:p--bottom-18 {
        padding-bottom: 72px;
    }
    .xs\:p--bottom-19 {
        padding-bottom: 76px;
    }
    .xs\:p--bottom-20 {
        padding-bottom: 80px;
    }

    .xs\:p--x-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .xs\:p--x-1 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .xs\:p--x-2 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .xs\:p--x-3 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .xs\:p--x-4 {
        padding-left: 16px;
        padding-right: 16px;
    }
    .xs\:p--x-5 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .xs\:p--x-6 {
        padding-left: 24px;
        padding-right: 24px;
    }
    .xs\:p--x-7 {
        padding-left: 28px;
        padding-right: 28px;
    }
    .xs\:p--x-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
    .xs\:p--x-9 {
        padding-left: 36px;
        padding-right: 36px;
    }
    .xs\:p--x-10 {
        padding-left: 40px;
        padding-right: 40px;
    }
    .xs\:p--x-11 {
        padding-left: 44px;
        padding-right: 44px;
    }
    .xs\:p--x-12 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .xs\:p--x-13 {
        padding-left: 52px;
        padding-right: 52px;
    }
    .xs\:p--x-14 {
        padding-left: 56px;
        padding-right: 56px;
    }
    .xs\:p--x-15 {
        padding-left: 60px;
        padding-right: 60px;
    }
    .xs\:p--x-16 {
        padding-left: 64px;
        padding-right: 64px;
    }
    .xs\:p--x-17 {
        padding-left: 68px;
        padding-right: 68px;
    }
    .xs\:p--x-18 {
        padding-left: 72px;
        padding-right: 72px;
    }
    .xs\:p--x-19 {
        padding-left: 76px;
        padding-right: 76px;
    }
    .xs\:p--x-20 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .xs\:p--y-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .xs\:p--y-1 {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .xs\:p--y-2 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .xs\:p--y-3 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .xs\:p--y-4 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .xs\:p--y-5 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .xs\:p--y-6 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .xs\:p--y-7 {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .xs\:p--y-8 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .xs\:p--y-9 {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .xs\:p--y-10 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .xs\:p--y-11 {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .xs\:p--y-12 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .xs\:p--y-13 {
        padding-top: 52px;
        padding-bottom: 52px;
    }
    .xs\:p--y-14 {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .xs\:p--y-15 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .xs\:p--y-16 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .xs\:p--y-17 {
        padding-top: 68px;
        padding-bottom: 68px;
    }
    .xs\:p--y-18 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .xs\:p--y-19 {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .xs\:p--y-20 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}


/* Margin */
.m {

}

.m--0 {
    margin: 0;
}
.m--1 {
    margin: 4px;
}
.m--2 {
    margin: 8px;
}
.m--3 {
    margin: 12px;
}
.m--4 {
    margin: 16px;
}
.m--5 {
    margin: 20px;
}
.m--6 {
    margin: 24px;
}
.m--7 {
    margin: 28px;
}
.m--8 {
    margin: 32px;
}
.m--9 {
    margin: 36px;
}
.m--10 {
    margin: 40px;
}
.m--11 {
    margin: 44px;
}
.m--12 {
    margin: 48px;
}
.m--13 {
    margin: 52px;
}
.m--14 {
    margin: 56px;
}
.m--15 {
    margin: 60px;
}
.m--16 {
    margin: 64px;
}
.m--17 {
    margin: 68px;
}
.m--18 {
    margin: 72px;
}
.m--19 {
    margin: 76px;
}
.m--20 {
    margin: 80px;
}

.m--n1 {
    margin: -4px;
}
.m--n2 {
    margin: -8px;
}
.m--n3 {
    margin: -12px;
}
.m--n4 {
    margin: -16px;
}
.m--n5 {
    margin: -20px;
}
.m--n6 {
    margin: -24px;
}
.m--n7 {
    margin: -28px;
}
.m--n8 {
    margin: -32px;
}
.m--n9 {
    margin: -36px;
}
.m--n10 {
    margin: -40px;
}
.m--n11 {
    margin: -44px;
}
.m--n12 {
    margin: -48px;
}
.m--n13 {
    margin: -52px;
}
.m--n14 {
    margin: -56px;
}
.m--n15 {
    margin: -60px;
}
.m--n16 {
    margin: -64px;
}
.m--n17 {
    margin: -68px;
}
.m--n18 {
    margin: -72px;
}
.m--n19 {
    margin: -76px;
}
.m--n20 {
    margin: -80px;
}

.m--top-0 {
    margin-top: 0;
}
.m--top-1 {
    margin-top: 4px;
}
.m--top-2 {
    margin-top: 8px;
}
.m--top-3 {
    margin-top: 12px;
}
.m--top-4 {
    margin-top: 16px;
}
.m--top-5 {
    margin-top: 20px;
}
.m--top-6 {
    margin-top: 24px;
}
.m--top-7 {
    margin-top: 28px;
}
.m--top-8 {
    margin-top: 32px;
}
.m--top-9 {
    margin-top: 36px;
}
.m--top-10 {
    margin-top: 40px;
}
.m--top-11 {
    margin-top: 44px;
}
.m--top-12 {
    margin-top: 48px;
}
.m--top-13 {
    margin-top: 52px;
}
.m--top-14 {
    margin-top: 56px;
}
.m--top-15 {
    margin-top: 60px;
}
.m--top-16 {
    margin-top: 64px;
}
.m--top-17 {
    margin-top: 68px;
}
.m--top-18 {
    margin-top: 72px;
}
.m--top-19 {
    margin-top: 76px;
}
.m--top-20 {
    margin-top: 80px;
}

.m--top-n1 {
    margin-top: -4px;
}
.m--top-n2 {
    margin-top: -8px;
}
.m--top-n3 {
    margin-top: -12px;
}
.m--top-n4 {
    margin-top: -16px;
}
.m--top-n5 {
    margin-top: -20px;
}
.m--top-n6 {
    margin-top: -24px;
}
.m--top-n7 {
    margin-top: -28px;
}
.m--top-n8 {
    margin-top: -32px;
}
.m--top-n9 {
    margin-top: -36px;
}
.m--top-n10 {
    margin-top: -40px;
}
.m--top-n11 {
    margin-top: -44px;
}
.m--top-n12 {
    margin-top: -48px;
}
.m--top-n13 {
    margin-top: -52px;
}
.m--top-n14 {
    margin-top: -56px;
}
.m--top-n15 {
    margin-top: -60px;
}
.m--top-n16 {
    margin-top: -64px;
}
.m--top-n17 {
    margin-top: -68px;
}
.m--top-n18 {
    margin-top: -72px;
}
.m--top-n19 {
    margin-top: -76px;
}
.m--top-n20 {
    margin-top: -80px;
}

.m--left-0 {
    margin-left: 0;
}
.m--left-1 {
    margin-left: 4px;
}
.m--left-2 {
    margin-left: 8px;
}
.m--left-3 {
    margin-left: 12px;
}
.m--left-4 {
    margin-left: 16px;
}
.m--left-5 {
    margin-left: 20px;
}
.m--left-6 {
    margin-left: 24px;
}
.m--left-7 {
    margin-left: 28px;
}
.m--left-8 {
    margin-left: 32px;
}
.m--left-9 {
    margin-left: 36px;
}
.m--left-10 {
    margin-left: 40px;
}
.m--left-11 {
    margin-left: 44px;
}
.m--left-12 {
    margin-left: 48px;
}
.m--left-13 {
    margin-left: 52px;
}
.m--left-14 {
    margin-left: 56px;
}
.m--left-15 {
    margin-left: 60px;
}
.m--left-16 {
    margin-left: 64px;
}
.m--left-17 {
    margin-left: 68px;
}
.m--left-18 {
    margin-left: 72px;
}
.m--left-19 {
    margin-left: 76px;
}
.m--left-20 {
    margin-left: 80px;
}

.m--left-n1 {
    margin-left: -4px;
}
.m--left-n2 {
    margin-left: -8px;
}
.m--left-n3 {
    margin-left: -12px;
}
.m--left-n4 {
    margin-left: -16px;
}
.m--left-n5 {
    margin-left: -20px;
}
.m--left-n6 {
    margin-left: -24px;
}
.m--left-n7 {
    margin-left: -28px;
}
.m--left-n8 {
    margin-left: -32px;
}
.m--left-n9 {
    margin-left: -36px;
}
.m--left-n10 {
    margin-left: -40px;
}
.m--left-n11 {
    margin-left: -44px;
}
.m--left-n12 {
    margin-left: -48px;
}
.m--left-n13 {
    margin-left: -52px;
}
.m--left-n14 {
    margin-left: -56px;
}
.m--left-n15 {
    margin-left: -60px;
}
.m--left-n16 {
    margin-left: -64px;
}
.m--left-n17 {
    margin-left: -68px;
}
.m--left-n18 {
    margin-left: -72px;
}
.m--left-n19 {
    margin-left: -76px;
}
.m--left-n20 {
    margin-left: -80px;
}

.m--right-0 {
    margin-right: 0;
}
.m--right-1 {
    margin-right: 4px;
}
.m--right-2 {
    margin-right: 8px;
}
.m--right-3 {
    margin-right: 12px;
}
.m--right-4 {
    margin-right: 16px;
}
.m--right-5 {
    margin-right: 20px;
}
.m--right-6 {
    margin-right: 24px;
}
.m--right-7 {
    margin-right: 28px;
}
.m--right-8 {
    margin-right: 32px;
}
.m--right-9 {
    margin-right: 36px;
}
.m--right-10 {
    margin-right: 40px;
}
.m--right-11 {
    margin-right: 44px;
}
.m--right-12 {
    margin-right: 48px;
}
.m--right-13 {
    margin-right: 52px;
}
.m--right-14 {
    margin-right: 56px;
}
.m--right-15 {
    margin-right: 60px;
}
.m--right-16 {
    margin-right: 64px;
}
.m--right-17 {
    margin-right: 68px;
}
.m--right-18 {
    margin-right: 72px;
}
.m--right-19 {
    margin-right: 76px;
}
.m--right-20 {
    margin-right: 80px;
}

.m--right-n1 {
    margin-right: -4px;
}
.m--right-n2 {
    margin-right: -8px;
}
.m--right-n3 {
    margin-right: -12px;
}
.m--right-n4 {
    margin-right: -16px;
}
.m--right-n5 {
    margin-right: -20px;
}
.m--right-n6 {
    margin-right: -24px;
}
.m--right-n7 {
    margin-right: -28px;
}
.m--right-n8 {
    margin-right: -32px;
}
.m--right-n9 {
    margin-right: -36px;
}
.m--right-n10 {
    margin-right: -40px;
}
.m--right-n11 {
    margin-right: -44px;
}
.m--right-n12 {
    margin-right: -48px;
}
.m--right-n13 {
    margin-right: -52px;
}
.m--right-n14 {
    margin-right: -56px;
}
.m--right-n15 {
    margin-right: -60px;
}
.m--right-n16 {
    margin-right: -64px;
}
.m--right-n17 {
    margin-right: -68px;
}
.m--right-n18 {
    margin-right: -72px;
}
.m--right-n19 {
    margin-right: -76px;
}
.m--right-n20 {
    margin-right: -80px;
}

.m--bottom-0 {
    margin-bottom: 0;
}
.m--bottom-1 {
    margin-bottom: 4px;
}
.m--bottom-2 {
    margin-bottom: 8px;
}
.m--bottom-3 {
    margin-bottom: 12px;
}
.m--bottom-4 {
    margin-bottom: 16px;
}
.m--bottom-5 {
    margin-bottom: 20px;
}
.m--bottom-6 {
    margin-bottom: 24px;
}
.m--bottom-7 {
    margin-bottom: 28px;
}
.m--bottom-8 {
    margin-bottom: 32px;
}
.m--bottom-9 {
    margin-bottom: 36px;
}
.m--bottom-10 {
    margin-bottom: 40px;
}
.m--bottom-11 {
    margin-bottom: 44px;
}
.m--bottom-12 {
    margin-bottom: 48px;
}
.m--bottom-13 {
    margin-bottom: 52px;
}
.m--bottom-14 {
    margin-bottom: 56px;
}
.m--bottom-15 {
    margin-bottom: 60px;
}
.m--bottom-16 {
    margin-bottom: 64px;
}
.m--bottom-17 {
    margin-bottom: 68px;
}
.m--bottom-18 {
    margin-bottom: 72px;
}
.m--bottom-19 {
    margin-bottom: 76px;
}
.m--bottom-20 {
    margin-bottom: 80px;
}

.m--bottom-n1 {
    margin-bottom: -4px;
}
.m--bottom-n2 {
    margin-bottom: -8px;
}
.m--bottom-n3 {
    margin-bottom: -12px;
}
.m--bottom-n4 {
    margin-bottom: -16px;
}
.m--bottom-n5 {
    margin-bottom: -20px;
}
.m--bottom-n6 {
    margin-bottom: -24px;
}
.m--bottom-n7 {
    margin-bottom: -28px;
}
.m--bottom-n8 {
    margin-bottom: -32px;
}
.m--bottom-n9 {
    margin-bottom: -36px;
}
.m--bottom-n10 {
    margin-bottom: -40px;
}
.m--bottom-n11 {
    margin-bottom: -44px;
}
.m--bottom-n12 {
    margin-bottom: -48px;
}
.m--bottom-n13 {
    margin-bottom: -52px;
}
.m--bottom-n14 {
    margin-bottom: -56px;
}
.m--bottom-n15 {
    margin-bottom: -60px;
}
.m--bottom-n16 {
    margin-bottom: -64px;
}
.m--bottom-n17 {
    margin-bottom: -68px;
}
.m--bottom-n18 {
    margin-bottom: -72px;
}
.m--bottom-n19 {
    margin-bottom: -76px;
}
.m--bottom-n20 {
    margin-bottom: -80px;
}

.m--x-0 {
    margin-left: 0;
    margin-right: 0;
}
.m--x-1 {
    margin-left: 4px;
    margin-right: 4px;
}
.m--x-2 {
    margin-left: 8px;
    margin-right: 8px;
}
.m--x-3 {
    margin-left: 12px;
    margin-right: 12px;
}
.m--x-4 {
    margin-left: 16px;
    margin-right: 16px;
}
.m--x-5 {
    margin-left: 20px;
    margin-right: 20px;
}
.m--x-6 {
    margin-left: 24px;
    margin-right: 24px;
}
.m--x-7 {
    margin-left: 28px;
    margin-right: 28px;
}
.m--x-8 {
    margin-left: 32px;
    margin-right: 32px;
}
.m--x-9 {
    margin-left: 36px;
    margin-right: 36px;
}
.m--x-10 {
    margin-left: 40px;
    margin-right: 40px;
}
.m--x-11 {
    margin-left: 44px;
    margin-right: 44px;
}
.m--x-12 {
    margin-left: 48px;
    margin-right: 48px;
}
.m--x-13 {
    margin-left: 52px;
    margin-right: 52px;
}
.m--x-14 {
    margin-left: 56px;
    margin-right: 56px;
}
.m--x-15 {
    margin-left: 60px;
    margin-right: 60px;
}
.m--x-16 {
    margin-left: 64px;
    margin-right: 64px;
}
.m--x-17 {
    margin-left: 68px;
    margin-right: 68px;
}
.m--x-18 {
    margin-left: 72px;
    margin-right: 72px;
}
.m--x-19 {
    margin-left: 76px;
    margin-right: 76px;
}
.m--x-20 {
    margin-left: 80px;
    margin-right: 80px;
}

.m--y-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.m--y-1 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.m--y-2 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.m--y-3 {
    margin-top: 12px;
    margin-bottom: 12px;
}
.m--y-4 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.m--y-5 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.m--y-6 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.m--y-7 {
    margin-top: 28px;
    margin-bottom: 28px;
}
.m--y-8 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.m--y-9 {
    margin-top: 36px;
    margin-bottom: 36px;
}
.m--y-10 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.m--y-11 {
    margin-top: 44px;
    margin-bottom: 44px;
}
.m--y-12 {
    margin-top: 48px;
    margin-bottom: 48px;
}
.m--y-13 {
    margin-top: 52px;
    margin-bottom: 52px;
}
.m--y-14 {
    margin-top: 56px;
    margin-bottom: 56px;
}
.m--y-15 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.m--y-16 {
    margin-top: 64px;
    margin-bottom: 64px;
}
.m--y-17 {
    margin-top: 68px;
    margin-bottom: 68px;
}
.m--y-18 {
    margin-top: 72px;
    margin-bottom: 72px;
}
.m--y-19 {
    margin-top: 76px;
    margin-bottom: 76px;
}
.m--y-20 {
    margin-top: 80px;
    margin-bottom: 80px;
}

@media (max-width: 1400px) {

    .xl\:m {

    }

    .xl\:m--0 {
        margin: 0;
    }
    .xl\:m--1 {
        margin: 4px;
    }
    .xl\:m--2 {
        margin: 8px;
    }
    .xl\:m--3 {
        margin: 12px;
    }
    .xl\:m--4 {
        margin: 16px;
    }
    .xl\:m--5 {
        margin: 20px;
    }
    .xl\:m--6 {
        margin: 24px;
    }
    .xl\:m--7 {
        margin: 28px;
    }
    .xl\:m--8 {
        margin: 32px;
    }
    .xl\:m--9 {
        margin: 36px;
    }
    .xl\:m--10 {
        margin: 40px;
    }
    .xl\:m--11 {
        margin: 44px;
    }
    .xl\:m--12 {
        margin: 48px;
    }
    .xl\:m--13 {
        margin: 52px;
    }
    .xl\:m--14 {
        margin: 56px;
    }
    .xl\:m--15 {
        margin: 60px;
    }
    .xl\:m--16 {
        margin: 64px;
    }
    .xl\:m--17 {
        margin: 68px;
    }
    .xl\:m--18 {
        margin: 72px;
    }
    .xl\:m--19 {
        margin: 76px;
    }
    .xl\:m--20 {
        margin: 80px;
    }

    .xl\:m--n1 {
        margin: -4px;
    }
    .xl\:m--n2 {
        margin: -8px;
    }
    .xl\:m--n3 {
        margin: -12px;
    }
    .xl\:m--n4 {
        margin: -16px;
    }
    .xl\:m--n5 {
        margin: -20px;
    }
    .xl\:m--n6 {
        margin: -24px;
    }
    .xl\:m--n7 {
        margin: -28px;
    }
    .xl\:m--n8 {
        margin: -32px;
    }
    .xl\:m--n9 {
        margin: -36px;
    }
    .xl\:m--n10 {
        margin: -40px;
    }
    .xl\:m--n11 {
        margin: -44px;
    }
    .xl\:m--n12 {
        margin: -48px;
    }
    .xl\:m--n13 {
        margin: -52px;
    }
    .xl\:m--n14 {
        margin: -56px;
    }
    .xl\:m--n15 {
        margin: -60px;
    }
    .xl\:m--n16 {
        margin: -64px;
    }
    .xl\:m--n17 {
        margin: -68px;
    }
    .xl\:m--n18 {
        margin: -72px;
    }
    .xl\:m--n19 {
        margin: -76px;
    }
    .xl\:m--n20 {
        margin: -80px;
    }

    .xl\:m--top-0 {
        margin-top: 0;
    }
    .xl\:m--top-1 {
        margin-top: 4px;
    }
    .xl\:m--top-2 {
        margin-top: 8px;
    }
    .xl\:m--top-3 {
        margin-top: 12px;
    }
    .xl\:m--top-4 {
        margin-top: 16px;
    }
    .xl\:m--top-5 {
        margin-top: 20px;
    }
    .xl\:m--top-6 {
        margin-top: 24px;
    }
    .xl\:m--top-7 {
        margin-top: 28px;
    }
    .xl\:m--top-8 {
        margin-top: 32px;
    }
    .xl\:m--top-9 {
        margin-top: 36px;
    }
    .xl\:m--top-10 {
        margin-top: 40px;
    }
    .xl\:m--top-11 {
        margin-top: 44px;
    }
    .xl\:m--top-12 {
        margin-top: 48px;
    }
    .xl\:m--top-13 {
        margin-top: 52px;
    }
    .xl\:m--top-14 {
        margin-top: 56px;
    }
    .xl\:m--top-15 {
        margin-top: 60px;
    }
    .xl\:m--top-16 {
        margin-top: 64px;
    }
    .xl\:m--top-17 {
        margin-top: 68px;
    }
    .xl\:m--top-18 {
        margin-top: 72px;
    }
    .xl\:m--top-19 {
        margin-top: 76px;
    }
    .xl\:m--top-20 {
        margin-top: 80px;
    }

    .xl\:m--top-n1 {
        margin-top: -4px;
    }
    .xl\:m--top-n2 {
        margin-top: -8px;
    }
    .xl\:m--top-n3 {
        margin-top: -12px;
    }
    .xl\:m--top-n4 {
        margin-top: -16px;
    }
    .xl\:m--top-n5 {
        margin-top: -20px;
    }
    .xl\:m--top-n6 {
        margin-top: -24px;
    }
    .xl\:m--top-n7 {
        margin-top: -28px;
    }
    .xl\:m--top-n8 {
        margin-top: -32px;
    }
    .xl\:m--top-n9 {
        margin-top: -36px;
    }
    .xl\:m--top-n10 {
        margin-top: -40px;
    }
    .xl\:m--top-n11 {
        margin-top: -44px;
    }
    .xl\:m--top-n12 {
        margin-top: -48px;
    }
    .xl\:m--top-n13 {
        margin-top: -52px;
    }
    .xl\:m--top-n14 {
        margin-top: -56px;
    }
    .xl\:m--top-n15 {
        margin-top: -60px;
    }
    .xl\:m--top-n16 {
        margin-top: -64px;
    }
    .xl\:m--top-n17 {
        margin-top: -68px;
    }
    .xl\:m--top-n18 {
        margin-top: -72px;
    }
    .xl\:m--top-n19 {
        margin-top: -76px;
    }
    .xl\:m--top-n20 {
        margin-top: -80px;
    }

    .xl\:m--left-0 {
        margin-left: 0;
    }
    .xl\:m--left-1 {
        margin-left: 4px;
    }
    .xl\:m--left-2 {
        margin-left: 8px;
    }
    .xl\:m--left-3 {
        margin-left: 12px;
    }
    .xl\:m--left-4 {
        margin-left: 16px;
    }
    .xl\:m--left-5 {
        margin-left: 20px;
    }
    .xl\:m--left-6 {
        margin-left: 24px;
    }
    .xl\:m--left-7 {
        margin-left: 28px;
    }
    .xl\:m--left-8 {
        margin-left: 32px;
    }
    .xl\:m--left-9 {
        margin-left: 36px;
    }
    .xl\:m--left-10 {
        margin-left: 40px;
    }
    .xl\:m--left-11 {
        margin-left: 44px;
    }
    .xl\:m--left-12 {
        margin-left: 48px;
    }
    .xl\:m--left-13 {
        margin-left: 52px;
    }
    .xl\:m--left-14 {
        margin-left: 56px;
    }
    .xl\:m--left-15 {
        margin-left: 60px;
    }
    .xl\:m--left-16 {
        margin-left: 64px;
    }
    .xl\:m--left-17 {
        margin-left: 68px;
    }
    .xl\:m--left-18 {
        margin-left: 72px;
    }
    .xl\:m--left-19 {
        margin-left: 76px;
    }
    .xl\:m--left-20 {
        margin-left: 80px;
    }

    .xl\:m--left-n1 {
        margin-left: -4px;
    }
    .xl\:m--left-n2 {
        margin-left: -8px;
    }
    .xl\:m--left-n3 {
        margin-left: -12px;
    }
    .xl\:m--left-n4 {
        margin-left: -16px;
    }
    .xl\:m--left-n5 {
        margin-left: -20px;
    }
    .xl\:m--left-n6 {
        margin-left: -24px;
    }
    .xl\:m--left-n7 {
        margin-left: -28px;
    }
    .xl\:m--left-n8 {
        margin-left: -32px;
    }
    .xl\:m--left-n9 {
        margin-left: -36px;
    }
    .xl\:m--left-n10 {
        margin-left: -40px;
    }
    .xl\:m--left-n11 {
        margin-left: -44px;
    }
    .xl\:m--left-n12 {
        margin-left: -48px;
    }
    .xl\:m--left-n13 {
        margin-left: -52px;
    }
    .xl\:m--left-n14 {
        margin-left: -56px;
    }
    .xl\:m--left-n15 {
        margin-left: -60px;
    }
    .xl\:m--left-n16 {
        margin-left: -64px;
    }
    .xl\:m--left-n17 {
        margin-left: -68px;
    }
    .xl\:m--left-n18 {
        margin-left: -72px;
    }
    .xl\:m--left-n19 {
        margin-left: -76px;
    }
    .xl\:m--left-n20 {
        margin-left: -80px;
    }

    .xl\:m--right-0 {
        margin-right: 0;
    }
    .xl\:m--right-1 {
        margin-right: 4px;
    }
    .xl\:m--right-2 {
        margin-right: 8px;
    }
    .xl\:m--right-3 {
        margin-right: 12px;
    }
    .xl\:m--right-4 {
        margin-right: 16px;
    }
    .xl\:m--right-5 {
        margin-right: 20px;
    }
    .xl\:m--right-6 {
        margin-right: 24px;
    }
    .xl\:m--right-7 {
        margin-right: 28px;
    }
    .xl\:m--right-8 {
        margin-right: 32px;
    }
    .xl\:m--right-9 {
        margin-right: 36px;
    }
    .xl\:m--right-10 {
        margin-right: 40px;
    }
    .xl\:m--right-11 {
        margin-right: 44px;
    }
    .xl\:m--right-12 {
        margin-right: 48px;
    }
    .xl\:m--right-13 {
        margin-right: 52px;
    }
    .xl\:m--right-14 {
        margin-right: 56px;
    }
    .xl\:m--right-15 {
        margin-right: 60px;
    }
    .xl\:m--right-16 {
        margin-right: 64px;
    }
    .xl\:m--right-17 {
        margin-right: 68px;
    }
    .xl\:m--right-18 {
        margin-right: 72px;
    }
    .xl\:m--right-19 {
        margin-right: 76px;
    }
    .xl\:m--right-20 {
        margin-right: 80px;
    }

    .xl\:m--right-n1 {
        margin-right: -4px;
    }
    .xl\:m--right-n2 {
        margin-right: -8px;
    }
    .xl\:m--right-n3 {
        margin-right: -12px;
    }
    .xl\:m--right-n4 {
        margin-right: -16px;
    }
    .xl\:m--right-n5 {
        margin-right: -20px;
    }
    .xl\:m--right-n6 {
        margin-right: -24px;
    }
    .xl\:m--right-n7 {
        margin-right: -28px;
    }
    .xl\:m--right-n8 {
        margin-right: -32px;
    }
    .xl\:m--right-n9 {
        margin-right: -36px;
    }
    .xl\:m--right-n10 {
        margin-right: -40px;
    }
    .xl\:m--right-n11 {
        margin-right: -44px;
    }
    .xl\:m--right-n12 {
        margin-right: -48px;
    }
    .xl\:m--right-n13 {
        margin-right: -52px;
    }
    .xl\:m--right-n14 {
        margin-right: -56px;
    }
    .xl\:m--right-n15 {
        margin-right: -60px;
    }
    .xl\:m--right-n16 {
        margin-right: -64px;
    }
    .xl\:m--right-n17 {
        margin-right: -68px;
    }
    .xl\:m--right-n18 {
        margin-right: -72px;
    }
    .xl\:m--right-n19 {
        margin-right: -76px;
    }
    .xl\:m--right-n20 {
        margin-right: -80px;
    }

    .xl\:m--bottom-0 {
        margin-bottom: 0;
    }
    .xl\:m--bottom-1 {
        margin-bottom: 4px;
    }
    .xl\:m--bottom-2 {
        margin-bottom: 8px;
    }
    .xl\:m--bottom-3 {
        margin-bottom: 12px;
    }
    .xl\:m--bottom-4 {
        margin-bottom: 16px;
    }
    .xl\:m--bottom-5 {
        margin-bottom: 20px;
    }
    .xl\:m--bottom-6 {
        margin-bottom: 24px;
    }
    .xl\:m--bottom-7 {
        margin-bottom: 28px;
    }
    .xl\:m--bottom-8 {
        margin-bottom: 32px;
    }
    .xl\:m--bottom-9 {
        margin-bottom: 36px;
    }
    .xl\:m--bottom-10 {
        margin-bottom: 40px;
    }
    .xl\:m--bottom-11 {
        margin-bottom: 44px;
    }
    .xl\:m--bottom-12 {
        margin-bottom: 48px;
    }
    .xl\:m--bottom-13 {
        margin-bottom: 52px;
    }
    .xl\:m--bottom-14 {
        margin-bottom: 56px;
    }
    .xl\:m--bottom-15 {
        margin-bottom: 60px;
    }
    .xl\:m--bottom-16 {
        margin-bottom: 64px;
    }
    .xl\:m--bottom-17 {
        margin-bottom: 68px;
    }
    .xl\:m--bottom-18 {
        margin-bottom: 72px;
    }
    .xl\:m--bottom-19 {
        margin-bottom: 76px;
    }
    .xl\:m--bottom-20 {
        margin-bottom: 80px;
    }

    .xl\:m--bottom-n1 {
        margin-bottom: -4px;
    }
    .xl\:m--bottom-n2 {
        margin-bottom: -8px;
    }
    .xl\:m--bottom-n3 {
        margin-bottom: -12px;
    }
    .xl\:m--bottom-n4 {
        margin-bottom: -16px;
    }
    .xl\:m--bottom-n5 {
        margin-bottom: -20px;
    }
    .xl\:m--bottom-n6 {
        margin-bottom: -24px;
    }
    .xl\:m--bottom-n7 {
        margin-bottom: -28px;
    }
    .xl\:m--bottom-n8 {
        margin-bottom: -32px;
    }
    .xl\:m--bottom-n9 {
        margin-bottom: -36px;
    }
    .xl\:m--bottom-n10 {
        margin-bottom: -40px;
    }
    .xl\:m--bottom-n11 {
        margin-bottom: -44px;
    }
    .xl\:m--bottom-n12 {
        margin-bottom: -48px;
    }
    .xl\:m--bottom-n13 {
        margin-bottom: -52px;
    }
    .xl\:m--bottom-n14 {
        margin-bottom: -56px;
    }
    .xl\:m--bottom-n15 {
        margin-bottom: -60px;
    }
    .xl\:m--bottom-n16 {
        margin-bottom: -64px;
    }
    .xl\:m--bottom-n17 {
        margin-bottom: -68px;
    }
    .xl\:m--bottom-n18 {
        margin-bottom: -72px;
    }
    .xl\:m--bottom-n19 {
        margin-bottom: -76px;
    }
    .xl\:m--bottom-n20 {
        margin-bottom: -80px;
    }

    .xl\:m--x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .xl\:m--x-1 {
        margin-left: 4px;
        margin-right: 4px;
    }
    .xl\:m--x-2 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .xl\:m--x-3 {
        margin-left: 12px;
        margin-right: 12px;
    }
    .xl\:m--x-4 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .xl\:m--x-5 {
        margin-left: 20px;
        margin-right: 20px;
    }
    .xl\:m--x-6 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .xl\:m--x-7 {
        margin-left: 28px;
        margin-right: 28px;
    }
    .xl\:m--x-8 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .xl\:m--x-9 {
        margin-left: 36px;
        margin-right: 36px;
    }
    .xl\:m--x-10 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .xl\:m--x-11 {
        margin-left: 44px;
        margin-right: 44px;
    }
    .xl\:m--x-12 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .xl\:m--x-13 {
        margin-left: 52px;
        margin-right: 52px;
    }
    .xl\:m--x-14 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .xl\:m--x-15 {
        margin-left: 60px;
        margin-right: 60px;
    }
    .xl\:m--x-16 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .xl\:m--x-17 {
        margin-left: 68px;
        margin-right: 68px;
    }
    .xl\:m--x-18 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .xl\:m--x-19 {
        margin-left: 76px;
        margin-right: 76px;
    }
    .xl\:m--x-20 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .xl\:m--y-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .xl\:m--y-1 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .xl\:m--y-2 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .xl\:m--y-3 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .xl\:m--y-4 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .xl\:m--y-5 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .xl\:m--y-6 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .xl\:m--y-7 {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .xl\:m--y-8 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .xl\:m--y-9 {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .xl\:m--y-10 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .xl\:m--y-11 {
        margin-top: 44px;
        margin-bottom: 44px;
    }
    .xl\:m--y-12 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .xl\:m--y-13 {
        margin-top: 52px;
        margin-bottom: 52px;
    }
    .xl\:m--y-14 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .xl\:m--y-15 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .xl\:m--y-16 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .xl\:m--y-17 {
        margin-top: 68px;
        margin-bottom: 68px;
    }
    .xl\:m--y-18 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .xl\:m--y-19 {
        margin-top: 76px;
        margin-bottom: 76px;
    }
    .xl\:m--y-20 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

}
@media (max-width: 1200px) {

    .l\:m {

    }

    .l\:m--0 {
        margin: 0;
    }
    .l\:m--1 {
        margin: 4px;
    }
    .l\:m--2 {
        margin: 8px;
    }
    .l\:m--3 {
        margin: 12px;
    }
    .l\:m--4 {
        margin: 16px;
    }
    .l\:m--5 {
        margin: 20px;
    }
    .l\:m--6 {
        margin: 24px;
    }
    .l\:m--7 {
        margin: 28px;
    }
    .l\:m--8 {
        margin: 32px;
    }
    .l\:m--9 {
        margin: 36px;
    }
    .l\:m--10 {
        margin: 40px;
    }
    .l\:m--11 {
        margin: 44px;
    }
    .l\:m--12 {
        margin: 48px;
    }
    .l\:m--13 {
        margin: 52px;
    }
    .l\:m--14 {
        margin: 56px;
    }
    .l\:m--15 {
        margin: 60px;
    }
    .l\:m--16 {
        margin: 64px;
    }
    .l\:m--17 {
        margin: 68px;
    }
    .l\:m--18 {
        margin: 72px;
    }
    .l\:m--19 {
        margin: 76px;
    }
    .l\:m--20 {
        margin: 80px;
    }

    .l\:m--n1 {
        margin: -4px;
    }
    .l\:m--n2 {
        margin: -8px;
    }
    .l\:m--n3 {
        margin: -12px;
    }
    .l\:m--n4 {
        margin: -16px;
    }
    .l\:m--n5 {
        margin: -20px;
    }
    .l\:m--n6 {
        margin: -24px;
    }
    .l\:m--n7 {
        margin: -28px;
    }
    .l\:m--n8 {
        margin: -32px;
    }
    .l\:m--n9 {
        margin: -36px;
    }
    .l\:m--n10 {
        margin: -40px;
    }
    .l\:m--n11 {
        margin: -44px;
    }
    .l\:m--n12 {
        margin: -48px;
    }
    .l\:m--n13 {
        margin: -52px;
    }
    .l\:m--n14 {
        margin: -56px;
    }
    .l\:m--n15 {
        margin: -60px;
    }
    .l\:m--n16 {
        margin: -64px;
    }
    .l\:m--n17 {
        margin: -68px;
    }
    .l\:m--n18 {
        margin: -72px;
    }
    .l\:m--n19 {
        margin: -76px;
    }
    .l\:m--n20 {
        margin: -80px;
    }

    .l\:m--top-0 {
        margin-top: 0;
    }
    .l\:m--top-1 {
        margin-top: 4px;
    }
    .l\:m--top-2 {
        margin-top: 8px;
    }
    .l\:m--top-3 {
        margin-top: 12px;
    }
    .l\:m--top-4 {
        margin-top: 16px;
    }
    .l\:m--top-5 {
        margin-top: 20px;
    }
    .l\:m--top-6 {
        margin-top: 24px;
    }
    .l\:m--top-7 {
        margin-top: 28px;
    }
    .l\:m--top-8 {
        margin-top: 32px;
    }
    .l\:m--top-9 {
        margin-top: 36px;
    }
    .l\:m--top-10 {
        margin-top: 40px;
    }
    .l\:m--top-11 {
        margin-top: 44px;
    }
    .l\:m--top-12 {
        margin-top: 48px;
    }
    .l\:m--top-13 {
        margin-top: 52px;
    }
    .l\:m--top-14 {
        margin-top: 56px;
    }
    .l\:m--top-15 {
        margin-top: 60px;
    }
    .l\:m--top-16 {
        margin-top: 64px;
    }
    .l\:m--top-17 {
        margin-top: 68px;
    }
    .l\:m--top-18 {
        margin-top: 72px;
    }
    .l\:m--top-19 {
        margin-top: 76px;
    }
    .l\:m--top-20 {
        margin-top: 80px;
    }

    .l\:m--top-n1 {
        margin-top: -4px;
    }
    .l\:m--top-n2 {
        margin-top: -8px;
    }
    .l\:m--top-n3 {
        margin-top: -12px;
    }
    .l\:m--top-n4 {
        margin-top: -16px;
    }
    .l\:m--top-n5 {
        margin-top: -20px;
    }
    .l\:m--top-n6 {
        margin-top: -24px;
    }
    .l\:m--top-n7 {
        margin-top: -28px;
    }
    .l\:m--top-n8 {
        margin-top: -32px;
    }
    .l\:m--top-n9 {
        margin-top: -36px;
    }
    .l\:m--top-n10 {
        margin-top: -40px;
    }
    .l\:m--top-n11 {
        margin-top: -44px;
    }
    .l\:m--top-n12 {
        margin-top: -48px;
    }
    .l\:m--top-n13 {
        margin-top: -52px;
    }
    .l\:m--top-n14 {
        margin-top: -56px;
    }
    .l\:m--top-n15 {
        margin-top: -60px;
    }
    .l\:m--top-n16 {
        margin-top: -64px;
    }
    .l\:m--top-n17 {
        margin-top: -68px;
    }
    .l\:m--top-n18 {
        margin-top: -72px;
    }
    .l\:m--top-n19 {
        margin-top: -76px;
    }
    .l\:m--top-n20 {
        margin-top: -80px;
    }

    .l\:m--left-0 {
        margin-left: 0;
    }
    .l\:m--left-1 {
        margin-left: 4px;
    }
    .l\:m--left-2 {
        margin-left: 8px;
    }
    .l\:m--left-3 {
        margin-left: 12px;
    }
    .l\:m--left-4 {
        margin-left: 16px;
    }
    .l\:m--left-5 {
        margin-left: 20px;
    }
    .l\:m--left-6 {
        margin-left: 24px;
    }
    .l\:m--left-7 {
        margin-left: 28px;
    }
    .l\:m--left-8 {
        margin-left: 32px;
    }
    .l\:m--left-9 {
        margin-left: 36px;
    }
    .l\:m--left-10 {
        margin-left: 40px;
    }
    .l\:m--left-11 {
        margin-left: 44px;
    }
    .l\:m--left-12 {
        margin-left: 48px;
    }
    .l\:m--left-13 {
        margin-left: 52px;
    }
    .l\:m--left-14 {
        margin-left: 56px;
    }
    .l\:m--left-15 {
        margin-left: 60px;
    }
    .l\:m--left-16 {
        margin-left: 64px;
    }
    .l\:m--left-17 {
        margin-left: 68px;
    }
    .l\:m--left-18 {
        margin-left: 72px;
    }
    .l\:m--left-19 {
        margin-left: 76px;
    }
    .l\:m--left-20 {
        margin-left: 80px;
    }

    .l\:m--left-n1 {
        margin-left: -4px;
    }
    .l\:m--left-n2 {
        margin-left: -8px;
    }
    .l\:m--left-n3 {
        margin-left: -12px;
    }
    .l\:m--left-n4 {
        margin-left: -16px;
    }
    .l\:m--left-n5 {
        margin-left: -20px;
    }
    .l\:m--left-n6 {
        margin-left: -24px;
    }
    .l\:m--left-n7 {
        margin-left: -28px;
    }
    .l\:m--left-n8 {
        margin-left: -32px;
    }
    .l\:m--left-n9 {
        margin-left: -36px;
    }
    .l\:m--left-n10 {
        margin-left: -40px;
    }
    .l\:m--left-n11 {
        margin-left: -44px;
    }
    .l\:m--left-n12 {
        margin-left: -48px;
    }
    .l\:m--left-n13 {
        margin-left: -52px;
    }
    .l\:m--left-n14 {
        margin-left: -56px;
    }
    .l\:m--left-n15 {
        margin-left: -60px;
    }
    .l\:m--left-n16 {
        margin-left: -64px;
    }
    .l\:m--left-n17 {
        margin-left: -68px;
    }
    .l\:m--left-n18 {
        margin-left: -72px;
    }
    .l\:m--left-n19 {
        margin-left: -76px;
    }
    .l\:m--left-n20 {
        margin-left: -80px;
    }

    .l\:m--right-0 {
        margin-right: 0;
    }
    .l\:m--right-1 {
        margin-right: 4px;
    }
    .l\:m--right-2 {
        margin-right: 8px;
    }
    .l\:m--right-3 {
        margin-right: 12px;
    }
    .l\:m--right-4 {
        margin-right: 16px;
    }
    .l\:m--right-5 {
        margin-right: 20px;
    }
    .l\:m--right-6 {
        margin-right: 24px;
    }
    .l\:m--right-7 {
        margin-right: 28px;
    }
    .l\:m--right-8 {
        margin-right: 32px;
    }
    .l\:m--right-9 {
        margin-right: 36px;
    }
    .l\:m--right-10 {
        margin-right: 40px;
    }
    .l\:m--right-11 {
        margin-right: 44px;
    }
    .l\:m--right-12 {
        margin-right: 48px;
    }
    .l\:m--right-13 {
        margin-right: 52px;
    }
    .l\:m--right-14 {
        margin-right: 56px;
    }
    .l\:m--right-15 {
        margin-right: 60px;
    }
    .l\:m--right-16 {
        margin-right: 64px;
    }
    .l\:m--right-17 {
        margin-right: 68px;
    }
    .l\:m--right-18 {
        margin-right: 72px;
    }
    .l\:m--right-19 {
        margin-right: 76px;
    }
    .l\:m--right-20 {
        margin-right: 80px;
    }

    .l\:m--right-n1 {
        margin-right: -4px;
    }
    .l\:m--right-n2 {
        margin-right: -8px;
    }
    .l\:m--right-n3 {
        margin-right: -12px;
    }
    .l\:m--right-n4 {
        margin-right: -16px;
    }
    .l\:m--right-n5 {
        margin-right: -20px;
    }
    .l\:m--right-n6 {
        margin-right: -24px;
    }
    .l\:m--right-n7 {
        margin-right: -28px;
    }
    .l\:m--right-n8 {
        margin-right: -32px;
    }
    .l\:m--right-n9 {
        margin-right: -36px;
    }
    .l\:m--right-n10 {
        margin-right: -40px;
    }
    .l\:m--right-n11 {
        margin-right: -44px;
    }
    .l\:m--right-n12 {
        margin-right: -48px;
    }
    .l\:m--right-n13 {
        margin-right: -52px;
    }
    .l\:m--right-n14 {
        margin-right: -56px;
    }
    .l\:m--right-n15 {
        margin-right: -60px;
    }
    .l\:m--right-n16 {
        margin-right: -64px;
    }
    .l\:m--right-n17 {
        margin-right: -68px;
    }
    .l\:m--right-n18 {
        margin-right: -72px;
    }
    .l\:m--right-n19 {
        margin-right: -76px;
    }
    .l\:m--right-n20 {
        margin-right: -80px;
    }

    .l\:m--bottom-0 {
        margin-bottom: 0;
    }
    .l\:m--bottom-1 {
        margin-bottom: 4px;
    }
    .l\:m--bottom-2 {
        margin-bottom: 8px;
    }
    .l\:m--bottom-3 {
        margin-bottom: 12px;
    }
    .l\:m--bottom-4 {
        margin-bottom: 16px;
    }
    .l\:m--bottom-5 {
        margin-bottom: 20px;
    }
    .l\:m--bottom-6 {
        margin-bottom: 24px;
    }
    .l\:m--bottom-7 {
        margin-bottom: 28px;
    }
    .l\:m--bottom-8 {
        margin-bottom: 32px;
    }
    .l\:m--bottom-9 {
        margin-bottom: 36px;
    }
    .l\:m--bottom-10 {
        margin-bottom: 40px;
    }
    .l\:m--bottom-11 {
        margin-bottom: 44px;
    }
    .l\:m--bottom-12 {
        margin-bottom: 48px;
    }
    .l\:m--bottom-13 {
        margin-bottom: 52px;
    }
    .l\:m--bottom-14 {
        margin-bottom: 56px;
    }
    .l\:m--bottom-15 {
        margin-bottom: 60px;
    }
    .l\:m--bottom-16 {
        margin-bottom: 64px;
    }
    .l\:m--bottom-17 {
        margin-bottom: 68px;
    }
    .l\:m--bottom-18 {
        margin-bottom: 72px;
    }
    .l\:m--bottom-19 {
        margin-bottom: 76px;
    }
    .l\:m--bottom-20 {
        margin-bottom: 80px;
    }

    .l\:m--bottom-n1 {
        margin-bottom: -4px;
    }
    .l\:m--bottom-n2 {
        margin-bottom: -8px;
    }
    .l\:m--bottom-n3 {
        margin-bottom: -12px;
    }
    .l\:m--bottom-n4 {
        margin-bottom: -16px;
    }
    .l\:m--bottom-n5 {
        margin-bottom: -20px;
    }
    .l\:m--bottom-n6 {
        margin-bottom: -24px;
    }
    .l\:m--bottom-n7 {
        margin-bottom: -28px;
    }
    .l\:m--bottom-n8 {
        margin-bottom: -32px;
    }
    .l\:m--bottom-n9 {
        margin-bottom: -36px;
    }
    .l\:m--bottom-n10 {
        margin-bottom: -40px;
    }
    .l\:m--bottom-n11 {
        margin-bottom: -44px;
    }
    .l\:m--bottom-n12 {
        margin-bottom: -48px;
    }
    .l\:m--bottom-n13 {
        margin-bottom: -52px;
    }
    .l\:m--bottom-n14 {
        margin-bottom: -56px;
    }
    .l\:m--bottom-n15 {
        margin-bottom: -60px;
    }
    .l\:m--bottom-n16 {
        margin-bottom: -64px;
    }
    .l\:m--bottom-n17 {
        margin-bottom: -68px;
    }
    .l\:m--bottom-n18 {
        margin-bottom: -72px;
    }
    .l\:m--bottom-n19 {
        margin-bottom: -76px;
    }
    .l\:m--bottom-n20 {
        margin-bottom: -80px;
    }

    .l\:m--x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .l\:m--x-1 {
        margin-left: 4px;
        margin-right: 4px;
    }
    .l\:m--x-2 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .l\:m--x-3 {
        margin-left: 12px;
        margin-right: 12px;
    }
    .l\:m--x-4 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .l\:m--x-5 {
        margin-left: 20px;
        margin-right: 20px;
    }
    .l\:m--x-6 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .l\:m--x-7 {
        margin-left: 28px;
        margin-right: 28px;
    }
    .l\:m--x-8 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .l\:m--x-9 {
        margin-left: 36px;
        margin-right: 36px;
    }
    .l\:m--x-10 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .l\:m--x-11 {
        margin-left: 44px;
        margin-right: 44px;
    }
    .l\:m--x-12 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .l\:m--x-13 {
        margin-left: 52px;
        margin-right: 52px;
    }
    .l\:m--x-14 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .l\:m--x-15 {
        margin-left: 60px;
        margin-right: 60px;
    }
    .l\:m--x-16 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .l\:m--x-17 {
        margin-left: 68px;
        margin-right: 68px;
    }
    .l\:m--x-18 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .l\:m--x-19 {
        margin-left: 76px;
        margin-right: 76px;
    }
    .l\:m--x-20 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .l\:m--y-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .l\:m--y-1 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .l\:m--y-2 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .l\:m--y-3 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .l\:m--y-4 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .l\:m--y-5 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .l\:m--y-6 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .l\:m--y-7 {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .l\:m--y-8 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .l\:m--y-9 {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .l\:m--y-10 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .l\:m--y-11 {
        margin-top: 44px;
        margin-bottom: 44px;
    }
    .l\:m--y-12 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .l\:m--y-13 {
        margin-top: 52px;
        margin-bottom: 52px;
    }
    .l\:m--y-14 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .l\:m--y-15 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .l\:m--y-16 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .l\:m--y-17 {
        margin-top: 68px;
        margin-bottom: 68px;
    }
    .l\:m--y-18 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .l\:m--y-19 {
        margin-top: 76px;
        margin-bottom: 76px;
    }
    .l\:m--y-20 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

}
@media (max-width: 992px) {

    .m\:m {

    }

    .m\:m--0 {
        margin: 0;
    }
    .m\:m--1 {
        margin: 4px;
    }
    .m\:m--2 {
        margin: 8px;
    }
    .m\:m--3 {
        margin: 12px;
    }
    .m\:m--4 {
        margin: 16px;
    }
    .m\:m--5 {
        margin: 20px;
    }
    .m\:m--6 {
        margin: 24px;
    }
    .m\:m--7 {
        margin: 28px;
    }
    .m\:m--8 {
        margin: 32px;
    }
    .m\:m--9 {
        margin: 36px;
    }
    .m\:m--10 {
        margin: 40px;
    }
    .m\:m--11 {
        margin: 44px;
    }
    .m\:m--12 {
        margin: 48px;
    }
    .m\:m--13 {
        margin: 52px;
    }
    .m\:m--14 {
        margin: 56px;
    }
    .m\:m--15 {
        margin: 60px;
    }
    .m\:m--16 {
        margin: 64px;
    }
    .m\:m--17 {
        margin: 68px;
    }
    .m\:m--18 {
        margin: 72px;
    }
    .m\:m--19 {
        margin: 76px;
    }
    .m\:m--20 {
        margin: 80px;
    }

    .m\:m--n1 {
        margin: -4px;
    }
    .m\:m--n2 {
        margin: -8px;
    }
    .m\:m--n3 {
        margin: -12px;
    }
    .m\:m--n4 {
        margin: -16px;
    }
    .m\:m--n5 {
        margin: -20px;
    }
    .m\:m--n6 {
        margin: -24px;
    }
    .m\:m--n7 {
        margin: -28px;
    }
    .m\:m--n8 {
        margin: -32px;
    }
    .m\:m--n9 {
        margin: -36px;
    }
    .m\:m--n10 {
        margin: -40px;
    }
    .m\:m--n11 {
        margin: -44px;
    }
    .m\:m--n12 {
        margin: -48px;
    }
    .m\:m--n13 {
        margin: -52px;
    }
    .m\:m--n14 {
        margin: -56px;
    }
    .m\:m--n15 {
        margin: -60px;
    }
    .m\:m--n16 {
        margin: -64px;
    }
    .m\:m--n17 {
        margin: -68px;
    }
    .m\:m--n18 {
        margin: -72px;
    }
    .m\:m--n19 {
        margin: -76px;
    }
    .m\:m--n20 {
        margin: -80px;
    }

    .m\:m--top-0 {
        margin-top: 0;
    }
    .m\:m--top-1 {
        margin-top: 4px;
    }
    .m\:m--top-2 {
        margin-top: 8px;
    }
    .m\:m--top-3 {
        margin-top: 12px;
    }
    .m\:m--top-4 {
        margin-top: 16px;
    }
    .m\:m--top-5 {
        margin-top: 20px;
    }
    .m\:m--top-6 {
        margin-top: 24px;
    }
    .m\:m--top-7 {
        margin-top: 28px;
    }
    .m\:m--top-8 {
        margin-top: 32px;
    }
    .m\:m--top-9 {
        margin-top: 36px;
    }
    .m\:m--top-10 {
        margin-top: 40px;
    }
    .m\:m--top-11 {
        margin-top: 44px;
    }
    .m\:m--top-12 {
        margin-top: 48px;
    }
    .m\:m--top-13 {
        margin-top: 52px;
    }
    .m\:m--top-14 {
        margin-top: 56px;
    }
    .m\:m--top-15 {
        margin-top: 60px;
    }
    .m\:m--top-16 {
        margin-top: 64px;
    }
    .m\:m--top-17 {
        margin-top: 68px;
    }
    .m\:m--top-18 {
        margin-top: 72px;
    }
    .m\:m--top-19 {
        margin-top: 76px;
    }
    .m\:m--top-20 {
        margin-top: 80px;
    }

    .m\:m--top-n1 {
        margin-top: -4px;
    }
    .m\:m--top-n2 {
        margin-top: -8px;
    }
    .m\:m--top-n3 {
        margin-top: -12px;
    }
    .m\:m--top-n4 {
        margin-top: -16px;
    }
    .m\:m--top-n5 {
        margin-top: -20px;
    }
    .m\:m--top-n6 {
        margin-top: -24px;
    }
    .m\:m--top-n7 {
        margin-top: -28px;
    }
    .m\:m--top-n8 {
        margin-top: -32px;
    }
    .m\:m--top-n9 {
        margin-top: -36px;
    }
    .m\:m--top-n10 {
        margin-top: -40px;
    }
    .m\:m--top-n11 {
        margin-top: -44px;
    }
    .m\:m--top-n12 {
        margin-top: -48px;
    }
    .m\:m--top-n13 {
        margin-top: -52px;
    }
    .m\:m--top-n14 {
        margin-top: -56px;
    }
    .m\:m--top-n15 {
        margin-top: -60px;
    }
    .m\:m--top-n16 {
        margin-top: -64px;
    }
    .m\:m--top-n17 {
        margin-top: -68px;
    }
    .m\:m--top-n18 {
        margin-top: -72px;
    }
    .m\:m--top-n19 {
        margin-top: -76px;
    }
    .m\:m--top-n20 {
        margin-top: -80px;
    }

    .m\:m--left-0 {
        margin-left: 0;
    }
    .m\:m--left-1 {
        margin-left: 4px;
    }
    .m\:m--left-2 {
        margin-left: 8px;
    }
    .m\:m--left-3 {
        margin-left: 12px;
    }
    .m\:m--left-4 {
        margin-left: 16px;
    }
    .m\:m--left-5 {
        margin-left: 20px;
    }
    .m\:m--left-6 {
        margin-left: 24px;
    }
    .m\:m--left-7 {
        margin-left: 28px;
    }
    .m\:m--left-8 {
        margin-left: 32px;
    }
    .m\:m--left-9 {
        margin-left: 36px;
    }
    .m\:m--left-10 {
        margin-left: 40px;
    }
    .m\:m--left-11 {
        margin-left: 44px;
    }
    .m\:m--left-12 {
        margin-left: 48px;
    }
    .m\:m--left-13 {
        margin-left: 52px;
    }
    .m\:m--left-14 {
        margin-left: 56px;
    }
    .m\:m--left-15 {
        margin-left: 60px;
    }
    .m\:m--left-16 {
        margin-left: 64px;
    }
    .m\:m--left-17 {
        margin-left: 68px;
    }
    .m\:m--left-18 {
        margin-left: 72px;
    }
    .m\:m--left-19 {
        margin-left: 76px;
    }
    .m\:m--left-20 {
        margin-left: 80px;
    }

    .m\:m--left-n1 {
        margin-left: -4px;
    }
    .m\:m--left-n2 {
        margin-left: -8px;
    }
    .m\:m--left-n3 {
        margin-left: -12px;
    }
    .m\:m--left-n4 {
        margin-left: -16px;
    }
    .m\:m--left-n5 {
        margin-left: -20px;
    }
    .m\:m--left-n6 {
        margin-left: -24px;
    }
    .m\:m--left-n7 {
        margin-left: -28px;
    }
    .m\:m--left-n8 {
        margin-left: -32px;
    }
    .m\:m--left-n9 {
        margin-left: -36px;
    }
    .m\:m--left-n10 {
        margin-left: -40px;
    }
    .m\:m--left-n11 {
        margin-left: -44px;
    }
    .m\:m--left-n12 {
        margin-left: -48px;
    }
    .m\:m--left-n13 {
        margin-left: -52px;
    }
    .m\:m--left-n14 {
        margin-left: -56px;
    }
    .m\:m--left-n15 {
        margin-left: -60px;
    }
    .m\:m--left-n16 {
        margin-left: -64px;
    }
    .m\:m--left-n17 {
        margin-left: -68px;
    }
    .m\:m--left-n18 {
        margin-left: -72px;
    }
    .m\:m--left-n19 {
        margin-left: -76px;
    }
    .m\:m--left-n20 {
        margin-left: -80px;
    }

    .m\:m--right-0 {
        margin-right: 0;
    }
    .m\:m--right-1 {
        margin-right: 4px;
    }
    .m\:m--right-2 {
        margin-right: 8px;
    }
    .m\:m--right-3 {
        margin-right: 12px;
    }
    .m\:m--right-4 {
        margin-right: 16px;
    }
    .m\:m--right-5 {
        margin-right: 20px;
    }
    .m\:m--right-6 {
        margin-right: 24px;
    }
    .m\:m--right-7 {
        margin-right: 28px;
    }
    .m\:m--right-8 {
        margin-right: 32px;
    }
    .m\:m--right-9 {
        margin-right: 36px;
    }
    .m\:m--right-10 {
        margin-right: 40px;
    }
    .m\:m--right-11 {
        margin-right: 44px;
    }
    .m\:m--right-12 {
        margin-right: 48px;
    }
    .m\:m--right-13 {
        margin-right: 52px;
    }
    .m\:m--right-14 {
        margin-right: 56px;
    }
    .m\:m--right-15 {
        margin-right: 60px;
    }
    .m\:m--right-16 {
        margin-right: 64px;
    }
    .m\:m--right-17 {
        margin-right: 68px;
    }
    .m\:m--right-18 {
        margin-right: 72px;
    }
    .m\:m--right-19 {
        margin-right: 76px;
    }
    .m\:m--right-20 {
        margin-right: 80px;
    }

    .m\:m--right-n1 {
        margin-right: -4px;
    }
    .m\:m--right-n2 {
        margin-right: -8px;
    }
    .m\:m--right-n3 {
        margin-right: -12px;
    }
    .m\:m--right-n4 {
        margin-right: -16px;
    }
    .m\:m--right-n5 {
        margin-right: -20px;
    }
    .m\:m--right-n6 {
        margin-right: -24px;
    }
    .m\:m--right-n7 {
        margin-right: -28px;
    }
    .m\:m--right-n8 {
        margin-right: -32px;
    }
    .m\:m--right-n9 {
        margin-right: -36px;
    }
    .m\:m--right-n10 {
        margin-right: -40px;
    }
    .m\:m--right-n11 {
        margin-right: -44px;
    }
    .m\:m--right-n12 {
        margin-right: -48px;
    }
    .m\:m--right-n13 {
        margin-right: -52px;
    }
    .m\:m--right-n14 {
        margin-right: -56px;
    }
    .m\:m--right-n15 {
        margin-right: -60px;
    }
    .m\:m--right-n16 {
        margin-right: -64px;
    }
    .m\:m--right-n17 {
        margin-right: -68px;
    }
    .m\:m--right-n18 {
        margin-right: -72px;
    }
    .m\:m--right-n19 {
        margin-right: -76px;
    }
    .m\:m--right-n20 {
        margin-right: -80px;
    }

    .m\:m--bottom-0 {
        margin-bottom: 0;
    }
    .m\:m--bottom-1 {
        margin-bottom: 4px;
    }
    .m\:m--bottom-2 {
        margin-bottom: 8px;
    }
    .m\:m--bottom-3 {
        margin-bottom: 12px;
    }
    .m\:m--bottom-4 {
        margin-bottom: 16px;
    }
    .m\:m--bottom-5 {
        margin-bottom: 20px;
    }
    .m\:m--bottom-6 {
        margin-bottom: 24px;
    }
    .m\:m--bottom-7 {
        margin-bottom: 28px;
    }
    .m\:m--bottom-8 {
        margin-bottom: 32px;
    }
    .m\:m--bottom-9 {
        margin-bottom: 36px;
    }
    .m\:m--bottom-10 {
        margin-bottom: 40px;
    }
    .m\:m--bottom-11 {
        margin-bottom: 44px;
    }
    .m\:m--bottom-12 {
        margin-bottom: 48px;
    }
    .m\:m--bottom-13 {
        margin-bottom: 52px;
    }
    .m\:m--bottom-14 {
        margin-bottom: 56px;
    }
    .m\:m--bottom-15 {
        margin-bottom: 60px;
    }
    .m\:m--bottom-16 {
        margin-bottom: 64px;
    }
    .m\:m--bottom-17 {
        margin-bottom: 68px;
    }
    .m\:m--bottom-18 {
        margin-bottom: 72px;
    }
    .m\:m--bottom-19 {
        margin-bottom: 76px;
    }
    .m\:m--bottom-20 {
        margin-bottom: 80px;
    }

    .m\:m--bottom-n1 {
        margin-bottom: -4px;
    }
    .m\:m--bottom-n2 {
        margin-bottom: -8px;
    }
    .m\:m--bottom-n3 {
        margin-bottom: -12px;
    }
    .m\:m--bottom-n4 {
        margin-bottom: -16px;
    }
    .m\:m--bottom-n5 {
        margin-bottom: -20px;
    }
    .m\:m--bottom-n6 {
        margin-bottom: -24px;
    }
    .m\:m--bottom-n7 {
        margin-bottom: -28px;
    }
    .m\:m--bottom-n8 {
        margin-bottom: -32px;
    }
    .m\:m--bottom-n9 {
        margin-bottom: -36px;
    }
    .m\:m--bottom-n10 {
        margin-bottom: -40px;
    }
    .m\:m--bottom-n11 {
        margin-bottom: -44px;
    }
    .m\:m--bottom-n12 {
        margin-bottom: -48px;
    }
    .m\:m--bottom-n13 {
        margin-bottom: -52px;
    }
    .m\:m--bottom-n14 {
        margin-bottom: -56px;
    }
    .m\:m--bottom-n15 {
        margin-bottom: -60px;
    }
    .m\:m--bottom-n16 {
        margin-bottom: -64px;
    }
    .m\:m--bottom-n17 {
        margin-bottom: -68px;
    }
    .m\:m--bottom-n18 {
        margin-bottom: -72px;
    }
    .m\:m--bottom-n19 {
        margin-bottom: -76px;
    }
    .m\:m--bottom-n20 {
        margin-bottom: -80px;
    }

    .m\:m--x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .m\:m--x-1 {
        margin-left: 4px;
        margin-right: 4px;
    }
    .m\:m--x-2 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .m\:m--x-3 {
        margin-left: 12px;
        margin-right: 12px;
    }
    .m\:m--x-4 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .m\:m--x-5 {
        margin-left: 20px;
        margin-right: 20px;
    }
    .m\:m--x-6 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .m\:m--x-7 {
        margin-left: 28px;
        margin-right: 28px;
    }
    .m\:m--x-8 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .m\:m--x-9 {
        margin-left: 36px;
        margin-right: 36px;
    }
    .m\:m--x-10 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .m\:m--x-11 {
        margin-left: 44px;
        margin-right: 44px;
    }
    .m\:m--x-12 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .m\:m--x-13 {
        margin-left: 52px;
        margin-right: 52px;
    }
    .m\:m--x-14 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .m\:m--x-15 {
        margin-left: 60px;
        margin-right: 60px;
    }
    .m\:m--x-16 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .m\:m--x-17 {
        margin-left: 68px;
        margin-right: 68px;
    }
    .m\:m--x-18 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .m\:m--x-19 {
        margin-left: 76px;
        margin-right: 76px;
    }
    .m\:m--x-20 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .m\:m--y-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .m\:m--y-1 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .m\:m--y-2 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .m\:m--y-3 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .m\:m--y-4 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .m\:m--y-5 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .m\:m--y-6 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .m\:m--y-7 {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .m\:m--y-8 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .m\:m--y-9 {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .m\:m--y-10 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .m\:m--y-11 {
        margin-top: 44px;
        margin-bottom: 44px;
    }
    .m\:m--y-12 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .m\:m--y-13 {
        margin-top: 52px;
        margin-bottom: 52px;
    }
    .m\:m--y-14 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .m\:m--y-15 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .m\:m--y-16 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .m\:m--y-17 {
        margin-top: 68px;
        margin-bottom: 68px;
    }
    .m\:m--y-18 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .m\:m--y-19 {
        margin-top: 76px;
        margin-bottom: 76px;
    }
    .m\:m--y-20 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

}
@media (max-width: 768px) {

    .s\:m {

    }

    .s\:m--0 {
        margin: 0;
    }
    .s\:m--1 {
        margin: 4px;
    }
    .s\:m--2 {
        margin: 8px;
    }
    .s\:m--3 {
        margin: 12px;
    }
    .s\:m--4 {
        margin: 16px;
    }
    .s\:m--5 {
        margin: 20px;
    }
    .s\:m--6 {
        margin: 24px;
    }
    .s\:m--7 {
        margin: 28px;
    }
    .s\:m--8 {
        margin: 32px;
    }
    .s\:m--9 {
        margin: 36px;
    }
    .s\:m--10 {
        margin: 40px;
    }
    .s\:m--11 {
        margin: 44px;
    }
    .s\:m--12 {
        margin: 48px;
    }
    .s\:m--13 {
        margin: 52px;
    }
    .s\:m--14 {
        margin: 56px;
    }
    .s\:m--15 {
        margin: 60px;
    }
    .s\:m--16 {
        margin: 64px;
    }
    .s\:m--17 {
        margin: 68px;
    }
    .s\:m--18 {
        margin: 72px;
    }
    .s\:m--19 {
        margin: 76px;
    }
    .s\:m--20 {
        margin: 80px;
    }

    .s\:m--n1 {
        margin: -4px;
    }
    .s\:m--n2 {
        margin: -8px;
    }
    .s\:m--n3 {
        margin: -12px;
    }
    .s\:m--n4 {
        margin: -16px;
    }
    .s\:m--n5 {
        margin: -20px;
    }
    .s\:m--n6 {
        margin: -24px;
    }
    .s\:m--n7 {
        margin: -28px;
    }
    .s\:m--n8 {
        margin: -32px;
    }
    .s\:m--n9 {
        margin: -36px;
    }
    .s\:m--n10 {
        margin: -40px;
    }
    .s\:m--n11 {
        margin: -44px;
    }
    .s\:m--n12 {
        margin: -48px;
    }
    .s\:m--n13 {
        margin: -52px;
    }
    .s\:m--n14 {
        margin: -56px;
    }
    .s\:m--n15 {
        margin: -60px;
    }
    .s\:m--n16 {
        margin: -64px;
    }
    .s\:m--n17 {
        margin: -68px;
    }
    .s\:m--n18 {
        margin: -72px;
    }
    .s\:m--n19 {
        margin: -76px;
    }
    .s\:m--n20 {
        margin: -80px;
    }

    .s\:m--top-0 {
        margin-top: 0;
    }
    .s\:m--top-1 {
        margin-top: 4px;
    }
    .s\:m--top-2 {
        margin-top: 8px;
    }
    .s\:m--top-3 {
        margin-top: 12px;
    }
    .s\:m--top-4 {
        margin-top: 16px;
    }
    .s\:m--top-5 {
        margin-top: 20px;
    }
    .s\:m--top-6 {
        margin-top: 24px;
    }
    .s\:m--top-7 {
        margin-top: 28px;
    }
    .s\:m--top-8 {
        margin-top: 32px;
    }
    .s\:m--top-9 {
        margin-top: 36px;
    }
    .s\:m--top-10 {
        margin-top: 40px;
    }
    .s\:m--top-11 {
        margin-top: 44px;
    }
    .s\:m--top-12 {
        margin-top: 48px;
    }
    .s\:m--top-13 {
        margin-top: 52px;
    }
    .s\:m--top-14 {
        margin-top: 56px;
    }
    .s\:m--top-15 {
        margin-top: 60px;
    }
    .s\:m--top-16 {
        margin-top: 64px;
    }
    .s\:m--top-17 {
        margin-top: 68px;
    }
    .s\:m--top-18 {
        margin-top: 72px;
    }
    .s\:m--top-19 {
        margin-top: 76px;
    }
    .s\:m--top-20 {
        margin-top: 80px;
    }

    .s\:m--top-n1 {
        margin-top: -4px;
    }
    .s\:m--top-n2 {
        margin-top: -8px;
    }
    .s\:m--top-n3 {
        margin-top: -12px;
    }
    .s\:m--top-n4 {
        margin-top: -16px;
    }
    .s\:m--top-n5 {
        margin-top: -20px;
    }
    .s\:m--top-n6 {
        margin-top: -24px;
    }
    .s\:m--top-n7 {
        margin-top: -28px;
    }
    .s\:m--top-n8 {
        margin-top: -32px;
    }
    .s\:m--top-n9 {
        margin-top: -36px;
    }
    .s\:m--top-n10 {
        margin-top: -40px;
    }
    .s\:m--top-n11 {
        margin-top: -44px;
    }
    .s\:m--top-n12 {
        margin-top: -48px;
    }
    .s\:m--top-n13 {
        margin-top: -52px;
    }
    .s\:m--top-n14 {
        margin-top: -56px;
    }
    .s\:m--top-n15 {
        margin-top: -60px;
    }
    .s\:m--top-n16 {
        margin-top: -64px;
    }
    .s\:m--top-n17 {
        margin-top: -68px;
    }
    .s\:m--top-n18 {
        margin-top: -72px;
    }
    .s\:m--top-n19 {
        margin-top: -76px;
    }
    .s\:m--top-n20 {
        margin-top: -80px;
    }

    .s\:m--left-0 {
        margin-left: 0;
    }
    .s\:m--left-1 {
        margin-left: 4px;
    }
    .s\:m--left-2 {
        margin-left: 8px;
    }
    .s\:m--left-3 {
        margin-left: 12px;
    }
    .s\:m--left-4 {
        margin-left: 16px;
    }
    .s\:m--left-5 {
        margin-left: 20px;
    }
    .s\:m--left-6 {
        margin-left: 24px;
    }
    .s\:m--left-7 {
        margin-left: 28px;
    }
    .s\:m--left-8 {
        margin-left: 32px;
    }
    .s\:m--left-9 {
        margin-left: 36px;
    }
    .s\:m--left-10 {
        margin-left: 40px;
    }
    .s\:m--left-11 {
        margin-left: 44px;
    }
    .s\:m--left-12 {
        margin-left: 48px;
    }
    .s\:m--left-13 {
        margin-left: 52px;
    }
    .s\:m--left-14 {
        margin-left: 56px;
    }
    .s\:m--left-15 {
        margin-left: 60px;
    }
    .s\:m--left-16 {
        margin-left: 64px;
    }
    .s\:m--left-17 {
        margin-left: 68px;
    }
    .s\:m--left-18 {
        margin-left: 72px;
    }
    .s\:m--left-19 {
        margin-left: 76px;
    }
    .s\:m--left-20 {
        margin-left: 80px;
    }

    .s\:m--left-n1 {
        margin-left: -4px;
    }
    .s\:m--left-n2 {
        margin-left: -8px;
    }
    .s\:m--left-n3 {
        margin-left: -12px;
    }
    .s\:m--left-n4 {
        margin-left: -16px;
    }
    .s\:m--left-n5 {
        margin-left: -20px;
    }
    .s\:m--left-n6 {
        margin-left: -24px;
    }
    .s\:m--left-n7 {
        margin-left: -28px;
    }
    .s\:m--left-n8 {
        margin-left: -32px;
    }
    .s\:m--left-n9 {
        margin-left: -36px;
    }
    .s\:m--left-n10 {
        margin-left: -40px;
    }
    .s\:m--left-n11 {
        margin-left: -44px;
    }
    .s\:m--left-n12 {
        margin-left: -48px;
    }
    .s\:m--left-n13 {
        margin-left: -52px;
    }
    .s\:m--left-n14 {
        margin-left: -56px;
    }
    .s\:m--left-n15 {
        margin-left: -60px;
    }
    .s\:m--left-n16 {
        margin-left: -64px;
    }
    .s\:m--left-n17 {
        margin-left: -68px;
    }
    .s\:m--left-n18 {
        margin-left: -72px;
    }
    .s\:m--left-n19 {
        margin-left: -76px;
    }
    .s\:m--left-n20 {
        margin-left: -80px;
    }

    .s\:m--right-0 {
        margin-right: 0;
    }
    .s\:m--right-1 {
        margin-right: 4px;
    }
    .s\:m--right-2 {
        margin-right: 8px;
    }
    .s\:m--right-3 {
        margin-right: 12px;
    }
    .s\:m--right-4 {
        margin-right: 16px;
    }
    .s\:m--right-5 {
        margin-right: 20px;
    }
    .s\:m--right-6 {
        margin-right: 24px;
    }
    .s\:m--right-7 {
        margin-right: 28px;
    }
    .s\:m--right-8 {
        margin-right: 32px;
    }
    .s\:m--right-9 {
        margin-right: 36px;
    }
    .s\:m--right-10 {
        margin-right: 40px;
    }
    .s\:m--right-11 {
        margin-right: 44px;
    }
    .s\:m--right-12 {
        margin-right: 48px;
    }
    .s\:m--right-13 {
        margin-right: 52px;
    }
    .s\:m--right-14 {
        margin-right: 56px;
    }
    .s\:m--right-15 {
        margin-right: 60px;
    }
    .s\:m--right-16 {
        margin-right: 64px;
    }
    .s\:m--right-17 {
        margin-right: 68px;
    }
    .s\:m--right-18 {
        margin-right: 72px;
    }
    .s\:m--right-19 {
        margin-right: 76px;
    }
    .s\:m--right-20 {
        margin-right: 80px;
    }

    .s\:m--right-n1 {
        margin-right: -4px;
    }
    .s\:m--right-n2 {
        margin-right: -8px;
    }
    .s\:m--right-n3 {
        margin-right: -12px;
    }
    .s\:m--right-n4 {
        margin-right: -16px;
    }
    .s\:m--right-n5 {
        margin-right: -20px;
    }
    .s\:m--right-n6 {
        margin-right: -24px;
    }
    .s\:m--right-n7 {
        margin-right: -28px;
    }
    .s\:m--right-n8 {
        margin-right: -32px;
    }
    .s\:m--right-n9 {
        margin-right: -36px;
    }
    .s\:m--right-n10 {
        margin-right: -40px;
    }
    .s\:m--right-n11 {
        margin-right: -44px;
    }
    .s\:m--right-n12 {
        margin-right: -48px;
    }
    .s\:m--right-n13 {
        margin-right: -52px;
    }
    .s\:m--right-n14 {
        margin-right: -56px;
    }
    .s\:m--right-n15 {
        margin-right: -60px;
    }
    .s\:m--right-n16 {
        margin-right: -64px;
    }
    .s\:m--right-n17 {
        margin-right: -68px;
    }
    .s\:m--right-n18 {
        margin-right: -72px;
    }
    .s\:m--right-n19 {
        margin-right: -76px;
    }
    .s\:m--right-n20 {
        margin-right: -80px;
    }

    .s\:m--bottom-0 {
        margin-bottom: 0;
    }
    .s\:m--bottom-1 {
        margin-bottom: 4px;
    }
    .s\:m--bottom-2 {
        margin-bottom: 8px;
    }
    .s\:m--bottom-3 {
        margin-bottom: 12px;
    }
    .s\:m--bottom-4 {
        margin-bottom: 16px;
    }
    .s\:m--bottom-5 {
        margin-bottom: 20px;
    }
    .s\:m--bottom-6 {
        margin-bottom: 24px;
    }
    .s\:m--bottom-7 {
        margin-bottom: 28px;
    }
    .s\:m--bottom-8 {
        margin-bottom: 32px;
    }
    .s\:m--bottom-9 {
        margin-bottom: 36px;
    }
    .s\:m--bottom-10 {
        margin-bottom: 40px;
    }
    .s\:m--bottom-11 {
        margin-bottom: 44px;
    }
    .s\:m--bottom-12 {
        margin-bottom: 48px;
    }
    .s\:m--bottom-13 {
        margin-bottom: 52px;
    }
    .s\:m--bottom-14 {
        margin-bottom: 56px;
    }
    .s\:m--bottom-15 {
        margin-bottom: 60px;
    }
    .s\:m--bottom-16 {
        margin-bottom: 64px;
    }
    .s\:m--bottom-17 {
        margin-bottom: 68px;
    }
    .s\:m--bottom-18 {
        margin-bottom: 72px;
    }
    .s\:m--bottom-19 {
        margin-bottom: 76px;
    }
    .s\:m--bottom-20 {
        margin-bottom: 80px;
    }

    .s\:m--bottom-n1 {
        margin-bottom: -4px;
    }
    .s\:m--bottom-n2 {
        margin-bottom: -8px;
    }
    .s\:m--bottom-n3 {
        margin-bottom: -12px;
    }
    .s\:m--bottom-n4 {
        margin-bottom: -16px;
    }
    .s\:m--bottom-n5 {
        margin-bottom: -20px;
    }
    .s\:m--bottom-n6 {
        margin-bottom: -24px;
    }
    .s\:m--bottom-n7 {
        margin-bottom: -28px;
    }
    .s\:m--bottom-n8 {
        margin-bottom: -32px;
    }
    .s\:m--bottom-n9 {
        margin-bottom: -36px;
    }
    .s\:m--bottom-n10 {
        margin-bottom: -40px;
    }
    .s\:m--bottom-n11 {
        margin-bottom: -44px;
    }
    .s\:m--bottom-n12 {
        margin-bottom: -48px;
    }
    .s\:m--bottom-n13 {
        margin-bottom: -52px;
    }
    .s\:m--bottom-n14 {
        margin-bottom: -56px;
    }
    .s\:m--bottom-n15 {
        margin-bottom: -60px;
    }
    .s\:m--bottom-n16 {
        margin-bottom: -64px;
    }
    .s\:m--bottom-n17 {
        margin-bottom: -68px;
    }
    .s\:m--bottom-n18 {
        margin-bottom: -72px;
    }
    .s\:m--bottom-n19 {
        margin-bottom: -76px;
    }
    .s\:m--bottom-n20 {
        margin-bottom: -80px;
    }

    .s\:m--x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .s\:m--x-1 {
        margin-left: 4px;
        margin-right: 4px;
    }
    .s\:m--x-2 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .s\:m--x-3 {
        margin-left: 12px;
        margin-right: 12px;
    }
    .s\:m--x-4 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .s\:m--x-5 {
        margin-left: 20px;
        margin-right: 20px;
    }
    .s\:m--x-6 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .s\:m--x-7 {
        margin-left: 28px;
        margin-right: 28px;
    }
    .s\:m--x-8 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .s\:m--x-9 {
        margin-left: 36px;
        margin-right: 36px;
    }
    .s\:m--x-10 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .s\:m--x-11 {
        margin-left: 44px;
        margin-right: 44px;
    }
    .s\:m--x-12 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .s\:m--x-13 {
        margin-left: 52px;
        margin-right: 52px;
    }
    .s\:m--x-14 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .s\:m--x-15 {
        margin-left: 60px;
        margin-right: 60px;
    }
    .s\:m--x-16 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .s\:m--x-17 {
        margin-left: 68px;
        margin-right: 68px;
    }
    .s\:m--x-18 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .s\:m--x-19 {
        margin-left: 76px;
        margin-right: 76px;
    }
    .s\:m--x-20 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .s\:m--y-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .s\:m--y-1 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .s\:m--y-2 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .s\:m--y-3 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .s\:m--y-4 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .s\:m--y-5 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .s\:m--y-6 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .s\:m--y-7 {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .s\:m--y-8 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .s\:m--y-9 {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .s\:m--y-10 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .s\:m--y-11 {
        margin-top: 44px;
        margin-bottom: 44px;
    }
    .s\:m--y-12 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .s\:m--y-13 {
        margin-top: 52px;
        margin-bottom: 52px;
    }
    .s\:m--y-14 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .s\:m--y-15 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .s\:m--y-16 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .s\:m--y-17 {
        margin-top: 68px;
        margin-bottom: 68px;
    }
    .s\:m--y-18 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .s\:m--y-19 {
        margin-top: 76px;
        margin-bottom: 76px;
    }
    .s\:m--y-20 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

}
@media (max-width: 576px) {

    .xs\:m {

    }

    .xs\:m--0 {
        margin: 0;
    }
    .xs\:m--1 {
        margin: 4px;
    }
    .xs\:m--2 {
        margin: 8px;
    }
    .xs\:m--3 {
        margin: 12px;
    }
    .xs\:m--4 {
        margin: 16px;
    }
    .xs\:m--5 {
        margin: 20px;
    }
    .xs\:m--6 {
        margin: 24px;
    }
    .xs\:m--7 {
        margin: 28px;
    }
    .xs\:m--8 {
        margin: 32px;
    }
    .xs\:m--9 {
        margin: 36px;
    }
    .xs\:m--10 {
        margin: 40px;
    }
    .xs\:m--11 {
        margin: 44px;
    }
    .xs\:m--12 {
        margin: 48px;
    }
    .xs\:m--13 {
        margin: 52px;
    }
    .xs\:m--14 {
        margin: 56px;
    }
    .xs\:m--15 {
        margin: 60px;
    }
    .xs\:m--16 {
        margin: 64px;
    }
    .xs\:m--17 {
        margin: 68px;
    }
    .xs\:m--18 {
        margin: 72px;
    }
    .xs\:m--19 {
        margin: 76px;
    }
    .xs\:m--20 {
        margin: 80px;
    }

    .xs\:m--n1 {
        margin: -4px;
    }
    .xs\:m--n2 {
        margin: -8px;
    }
    .xs\:m--n3 {
        margin: -12px;
    }
    .xs\:m--n4 {
        margin: -16px;
    }
    .xs\:m--n5 {
        margin: -20px;
    }
    .xs\:m--n6 {
        margin: -24px;
    }
    .xs\:m--n7 {
        margin: -28px;
    }
    .xs\:m--n8 {
        margin: -32px;
    }
    .xs\:m--n9 {
        margin: -36px;
    }
    .xs\:m--n10 {
        margin: -40px;
    }
    .xs\:m--n11 {
        margin: -44px;
    }
    .xs\:m--n12 {
        margin: -48px;
    }
    .xs\:m--n13 {
        margin: -52px;
    }
    .xs\:m--n14 {
        margin: -56px;
    }
    .xs\:m--n15 {
        margin: -60px;
    }
    .xs\:m--n16 {
        margin: -64px;
    }
    .xs\:m--n17 {
        margin: -68px;
    }
    .xs\:m--n18 {
        margin: -72px;
    }
    .xs\:m--n19 {
        margin: -76px;
    }
    .xs\:m--n20 {
        margin: -80px;
    }

    .xs\:m--top-0 {
        margin-top: 0;
    }
    .xs\:m--top-1 {
        margin-top: 4px;
    }
    .xs\:m--top-2 {
        margin-top: 8px;
    }
    .xs\:m--top-3 {
        margin-top: 12px;
    }
    .xs\:m--top-4 {
        margin-top: 16px;
    }
    .xs\:m--top-5 {
        margin-top: 20px;
    }
    .xs\:m--top-6 {
        margin-top: 24px;
    }
    .xs\:m--top-7 {
        margin-top: 28px;
    }
    .xs\:m--top-8 {
        margin-top: 32px;
    }
    .xs\:m--top-9 {
        margin-top: 36px;
    }
    .xs\:m--top-10 {
        margin-top: 40px;
    }
    .xs\:m--top-11 {
        margin-top: 44px;
    }
    .xs\:m--top-12 {
        margin-top: 48px;
    }
    .xs\:m--top-13 {
        margin-top: 52px;
    }
    .xs\:m--top-14 {
        margin-top: 56px;
    }
    .xs\:m--top-15 {
        margin-top: 60px;
    }
    .xs\:m--top-16 {
        margin-top: 64px;
    }
    .xs\:m--top-17 {
        margin-top: 68px;
    }
    .xs\:m--top-18 {
        margin-top: 72px;
    }
    .xs\:m--top-19 {
        margin-top: 76px;
    }
    .xs\:m--top-20 {
        margin-top: 80px;
    }

    .xs\:m--top-n1 {
        margin-top: -4px;
    }
    .xs\:m--top-n2 {
        margin-top: -8px;
    }
    .xs\:m--top-n3 {
        margin-top: -12px;
    }
    .xs\:m--top-n4 {
        margin-top: -16px;
    }
    .xs\:m--top-n5 {
        margin-top: -20px;
    }
    .xs\:m--top-n6 {
        margin-top: -24px;
    }
    .xs\:m--top-n7 {
        margin-top: -28px;
    }
    .xs\:m--top-n8 {
        margin-top: -32px;
    }
    .xs\:m--top-n9 {
        margin-top: -36px;
    }
    .xs\:m--top-n10 {
        margin-top: -40px;
    }
    .xs\:m--top-n11 {
        margin-top: -44px;
    }
    .xs\:m--top-n12 {
        margin-top: -48px;
    }
    .xs\:m--top-n13 {
        margin-top: -52px;
    }
    .xs\:m--top-n14 {
        margin-top: -56px;
    }
    .xs\:m--top-n15 {
        margin-top: -60px;
    }
    .xs\:m--top-n16 {
        margin-top: -64px;
    }
    .xs\:m--top-n17 {
        margin-top: -68px;
    }
    .xs\:m--top-n18 {
        margin-top: -72px;
    }
    .xs\:m--top-n19 {
        margin-top: -76px;
    }
    .xs\:m--top-n20 {
        margin-top: -80px;
    }

    .xs\:m--left-0 {
        margin-left: 0;
    }
    .xs\:m--left-1 {
        margin-left: 4px;
    }
    .xs\:m--left-2 {
        margin-left: 8px;
    }
    .xs\:m--left-3 {
        margin-left: 12px;
    }
    .xs\:m--left-4 {
        margin-left: 16px;
    }
    .xs\:m--left-5 {
        margin-left: 20px;
    }
    .xs\:m--left-6 {
        margin-left: 24px;
    }
    .xs\:m--left-7 {
        margin-left: 28px;
    }
    .xs\:m--left-8 {
        margin-left: 32px;
    }
    .xs\:m--left-9 {
        margin-left: 36px;
    }
    .xs\:m--left-10 {
        margin-left: 40px;
    }
    .xs\:m--left-11 {
        margin-left: 44px;
    }
    .xs\:m--left-12 {
        margin-left: 48px;
    }
    .xs\:m--left-13 {
        margin-left: 52px;
    }
    .xs\:m--left-14 {
        margin-left: 56px;
    }
    .xs\:m--left-15 {
        margin-left: 60px;
    }
    .xs\:m--left-16 {
        margin-left: 64px;
    }
    .xs\:m--left-17 {
        margin-left: 68px;
    }
    .xs\:m--left-18 {
        margin-left: 72px;
    }
    .xs\:m--left-19 {
        margin-left: 76px;
    }
    .xs\:m--left-20 {
        margin-left: 80px;
    }

    .xs\:m--left-n1 {
        margin-left: -4px;
    }
    .xs\:m--left-n2 {
        margin-left: -8px;
    }
    .xs\:m--left-n3 {
        margin-left: -12px;
    }
    .xs\:m--left-n4 {
        margin-left: -16px;
    }
    .xs\:m--left-n5 {
        margin-left: -20px;
    }
    .xs\:m--left-n6 {
        margin-left: -24px;
    }
    .xs\:m--left-n7 {
        margin-left: -28px;
    }
    .xs\:m--left-n8 {
        margin-left: -32px;
    }
    .xs\:m--left-n9 {
        margin-left: -36px;
    }
    .xs\:m--left-n10 {
        margin-left: -40px;
    }
    .xs\:m--left-n11 {
        margin-left: -44px;
    }
    .xs\:m--left-n12 {
        margin-left: -48px;
    }
    .xs\:m--left-n13 {
        margin-left: -52px;
    }
    .xs\:m--left-n14 {
        margin-left: -56px;
    }
    .xs\:m--left-n15 {
        margin-left: -60px;
    }
    .xs\:m--left-n16 {
        margin-left: -64px;
    }
    .xs\:m--left-n17 {
        margin-left: -68px;
    }
    .xs\:m--left-n18 {
        margin-left: -72px;
    }
    .xs\:m--left-n19 {
        margin-left: -76px;
    }
    .xs\:m--left-n20 {
        margin-left: -80px;
    }

    .xs\:m--right-0 {
        margin-right: 0;
    }
    .xs\:m--right-1 {
        margin-right: 4px;
    }
    .xs\:m--right-2 {
        margin-right: 8px;
    }
    .xs\:m--right-3 {
        margin-right: 12px;
    }
    .xs\:m--right-4 {
        margin-right: 16px;
    }
    .xs\:m--right-5 {
        margin-right: 20px;
    }
    .xs\:m--right-6 {
        margin-right: 24px;
    }
    .xs\:m--right-7 {
        margin-right: 28px;
    }
    .xs\:m--right-8 {
        margin-right: 32px;
    }
    .xs\:m--right-9 {
        margin-right: 36px;
    }
    .xs\:m--right-10 {
        margin-right: 40px;
    }
    .xs\:m--right-11 {
        margin-right: 44px;
    }
    .xs\:m--right-12 {
        margin-right: 48px;
    }
    .xs\:m--right-13 {
        margin-right: 52px;
    }
    .xs\:m--right-14 {
        margin-right: 56px;
    }
    .xs\:m--right-15 {
        margin-right: 60px;
    }
    .xs\:m--right-16 {
        margin-right: 64px;
    }
    .xs\:m--right-17 {
        margin-right: 68px;
    }
    .xs\:m--right-18 {
        margin-right: 72px;
    }
    .xs\:m--right-19 {
        margin-right: 76px;
    }
    .xs\:m--right-20 {
        margin-right: 80px;
    }

    .xs\:m--right-n1 {
        margin-right: -4px;
    }
    .xs\:m--right-n2 {
        margin-right: -8px;
    }
    .xs\:m--right-n3 {
        margin-right: -12px;
    }
    .xs\:m--right-n4 {
        margin-right: -16px;
    }
    .xs\:m--right-n5 {
        margin-right: -20px;
    }
    .xs\:m--right-n6 {
        margin-right: -24px;
    }
    .xs\:m--right-n7 {
        margin-right: -28px;
    }
    .xs\:m--right-n8 {
        margin-right: -32px;
    }
    .xs\:m--right-n9 {
        margin-right: -36px;
    }
    .xs\:m--right-n10 {
        margin-right: -40px;
    }
    .xs\:m--right-n11 {
        margin-right: -44px;
    }
    .xs\:m--right-n12 {
        margin-right: -48px;
    }
    .xs\:m--right-n13 {
        margin-right: -52px;
    }
    .xs\:m--right-n14 {
        margin-right: -56px;
    }
    .xs\:m--right-n15 {
        margin-right: -60px;
    }
    .xs\:m--right-n16 {
        margin-right: -64px;
    }
    .xs\:m--right-n17 {
        margin-right: -68px;
    }
    .xs\:m--right-n18 {
        margin-right: -72px;
    }
    .xs\:m--right-n19 {
        margin-right: -76px;
    }
    .xs\:m--right-n20 {
        margin-right: -80px;
    }

    .xs\:m--bottom-0 {
        margin-bottom: 0;
    }
    .xs\:m--bottom-1 {
        margin-bottom: 4px;
    }
    .xs\:m--bottom-2 {
        margin-bottom: 8px;
    }
    .xs\:m--bottom-3 {
        margin-bottom: 12px;
    }
    .xs\:m--bottom-4 {
        margin-bottom: 16px;
    }
    .xs\:m--bottom-5 {
        margin-bottom: 20px;
    }
    .xs\:m--bottom-6 {
        margin-bottom: 24px;
    }
    .xs\:m--bottom-7 {
        margin-bottom: 28px;
    }
    .xs\:m--bottom-8 {
        margin-bottom: 32px;
    }
    .xs\:m--bottom-9 {
        margin-bottom: 36px;
    }
    .xs\:m--bottom-10 {
        margin-bottom: 40px;
    }
    .xs\:m--bottom-11 {
        margin-bottom: 44px;
    }
    .xs\:m--bottom-12 {
        margin-bottom: 48px;
    }
    .xs\:m--bottom-13 {
        margin-bottom: 52px;
    }
    .xs\:m--bottom-14 {
        margin-bottom: 56px;
    }
    .xs\:m--bottom-15 {
        margin-bottom: 60px;
    }
    .xs\:m--bottom-16 {
        margin-bottom: 64px;
    }
    .xs\:m--bottom-17 {
        margin-bottom: 68px;
    }
    .xs\:m--bottom-18 {
        margin-bottom: 72px;
    }
    .xs\:m--bottom-19 {
        margin-bottom: 76px;
    }
    .xs\:m--bottom-20 {
        margin-bottom: 80px;
    }

    .xs\:m--bottom-n1 {
        margin-bottom: -4px;
    }
    .xs\:m--bottom-n2 {
        margin-bottom: -8px;
    }
    .xs\:m--bottom-n3 {
        margin-bottom: -12px;
    }
    .xs\:m--bottom-n4 {
        margin-bottom: -16px;
    }
    .xs\:m--bottom-n5 {
        margin-bottom: -20px;
    }
    .xs\:m--bottom-n6 {
        margin-bottom: -24px;
    }
    .xs\:m--bottom-n7 {
        margin-bottom: -28px;
    }
    .xs\:m--bottom-n8 {
        margin-bottom: -32px;
    }
    .xs\:m--bottom-n9 {
        margin-bottom: -36px;
    }
    .xs\:m--bottom-n10 {
        margin-bottom: -40px;
    }
    .xs\:m--bottom-n11 {
        margin-bottom: -44px;
    }
    .xs\:m--bottom-n12 {
        margin-bottom: -48px;
    }
    .xs\:m--bottom-n13 {
        margin-bottom: -52px;
    }
    .xs\:m--bottom-n14 {
        margin-bottom: -56px;
    }
    .xs\:m--bottom-n15 {
        margin-bottom: -60px;
    }
    .xs\:m--bottom-n16 {
        margin-bottom: -64px;
    }
    .xs\:m--bottom-n17 {
        margin-bottom: -68px;
    }
    .xs\:m--bottom-n18 {
        margin-bottom: -72px;
    }
    .xs\:m--bottom-n19 {
        margin-bottom: -76px;
    }
    .xs\:m--bottom-n20 {
        margin-bottom: -80px;
    }

    .xs\:m--x-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .xs\:m--x-1 {
        margin-left: 4px;
        margin-right: 4px;
    }
    .xs\:m--x-2 {
        margin-left: 8px;
        margin-right: 8px;
    }
    .xs\:m--x-3 {
        margin-left: 12px;
        margin-right: 12px;
    }
    .xs\:m--x-4 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .xs\:m--x-5 {
        margin-left: 20px;
        margin-right: 20px;
    }
    .xs\:m--x-6 {
        margin-left: 24px;
        margin-right: 24px;
    }
    .xs\:m--x-7 {
        margin-left: 28px;
        margin-right: 28px;
    }
    .xs\:m--x-8 {
        margin-left: 32px;
        margin-right: 32px;
    }
    .xs\:m--x-9 {
        margin-left: 36px;
        margin-right: 36px;
    }
    .xs\:m--x-10 {
        margin-left: 40px;
        margin-right: 40px;
    }
    .xs\:m--x-11 {
        margin-left: 44px;
        margin-right: 44px;
    }
    .xs\:m--x-12 {
        margin-left: 48px;
        margin-right: 48px;
    }
    .xs\:m--x-13 {
        margin-left: 52px;
        margin-right: 52px;
    }
    .xs\:m--x-14 {
        margin-left: 56px;
        margin-right: 56px;
    }
    .xs\:m--x-15 {
        margin-left: 60px;
        margin-right: 60px;
    }
    .xs\:m--x-16 {
        margin-left: 64px;
        margin-right: 64px;
    }
    .xs\:m--x-17 {
        margin-left: 68px;
        margin-right: 68px;
    }
    .xs\:m--x-18 {
        margin-left: 72px;
        margin-right: 72px;
    }
    .xs\:m--x-19 {
        margin-left: 76px;
        margin-right: 76px;
    }
    .xs\:m--x-20 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .xs\:m--y-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .xs\:m--y-1 {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .xs\:m--y-2 {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .xs\:m--y-3 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .xs\:m--y-4 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .xs\:m--y-5 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .xs\:m--y-6 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .xs\:m--y-7 {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .xs\:m--y-8 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .xs\:m--y-9 {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .xs\:m--y-10 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .xs\:m--y-11 {
        margin-top: 44px;
        margin-bottom: 44px;
    }
    .xs\:m--y-12 {
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .xs\:m--y-13 {
        margin-top: 52px;
        margin-bottom: 52px;
    }
    .xs\:m--y-14 {
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .xs\:m--y-15 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .xs\:m--y-16 {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .xs\:m--y-17 {
        margin-top: 68px;
        margin-bottom: 68px;
    }
    .xs\:m--y-18 {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .xs\:m--y-19 {
        margin-top: 76px;
        margin-bottom: 76px;
    }
    .xs\:m--y-20 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

}


/* Iconos */
.icon {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.icon--fill {
    font-variation-settings: 'FILL' 1;
}

@media (max-width: 1400px) {

    .xl\:icon {
        font-family: 'Material Symbols Outlined';
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .xl\:icon--fill {
        font-variation-settings: 'FILL' 1;
    }

}
@media (max-width: 1200px) {

    .l\:icon {
        font-family: 'Material Symbols Outlined';
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .l\:icon--fill {
        font-variation-settings: 'FILL' 1;
    }

}
@media (max-width: 992px) {

    .m\:icon {
        font-family: 'Material Symbols Outlined';
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .m\:icon--fill {
        font-variation-settings: 'FILL' 1;
    }

}
@media (max-width: 768px) {

    .s\:icon {
        font-family: 'Material Symbols Outlined';
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .s\:icon--fill {
        font-variation-settings: 'FILL' 1;
    }

}
@media (max-width: 576px) {

    .xs\:icon {
        font-family: 'Material Symbols Outlined';
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .xs\:icon--fill {
        font-variation-settings: 'FILL' 1;
    }

}


/* Background */
.background {

}

.background--transparent {
    background: transparent;
}
.background--blue {
    background: var(--color-blue);
}
.background--red {
    background: var(--color-red);
}
.background--sky {
    background: var(--color-sky);
}
.background--white {
    background: var(--color-white);
}
.background--black {
    background: var(--color-black);
}
.background--background {
    background: var(--color-background);
}
.background--purple {
    background: var(--color-purple);
}
.background--light-purple {
    background: var(--color-light-purple);
}
.background--light-blue {
    background: var(--color-light-blue);
}
.background--yellow {
    background: var(--color-yellow);
}
.background--pink {
    background: var(--color-pink);
}
.background--text-primary {
    background: var(--color-text-primary);
}
.background--text-secondary {
    background: var(--color-text-secondary);
}
.background--text-disable {
    background: var(--color-text-disable);
}
.background--alerts-caution {
    background: var(--color-alerts-caution);
}
.background--alerts-information {
    background: var(--color-alerts-information);
}
.background--alerts-warning {
    background: var(--color-alerts-warning);
}
.background--alerts-pending {
    background: var(--color-alerts-pending);
}
.background--glass {
    background: var(--color-glass);
    backdrop-filter: blur(100px);
}

.background--opacity {
    position: relative;
    background: none;
}
.background--opacity::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.2;
    z-index: -1;
}

.background--opacity.background--transparent::after {
    background: transparent;
}
.background--opacity.background--blue::after {
    background: var(--color-blue);
}
.background--opacity.background--red::after {
    background: var(--color-red);
}
.background--opacity.background--sky::after {
    background: var(--color-sky);
}
.background--opacity.background--white::after {
    background: var(--color-white);
}
.background--opacity.background--black::after {
    background: var(--color-black);
}
.background--opacity.background--background::after {
    background: var(--color-background);
}
.background--opacity.background--purple::after {
    background: var(--color-purple);
}
.background--opacity.background--light-purple::after {
    background: var(--color-light-purple);
}
.background--opacity.background--light-blue::after {
    background: var(--color-light-blue);
}
.background--opacity.background--yellow::after {
    background: var(--color-yellow);
}
.background--opacity.background--pink::after {
    background: var(--color-pink);
}
.background--opacity.background--text-primary::after {
    background: var(--color-text-primary);
}
.background--opacity.background--text-secondary::after {
    background: var(--color-text-secondary);
}
.background--opacity.background--text-disable::after {
    background: var(--color-text-disable);
}
.background--opacity.background--alerts-caution::after {
    background: var(--color-alerts-caution);
}
.background--opacity.background--alerts-information::after {
    background: var(--color-alerts-information);
}
.background--opacity.background--alerts-warning::after {
    background: var(--color-alerts-warning);
}
.background--opacity.background--alerts-pending::after {
    background: var(--color-alerts-pending);
}
.background--opacity.background--glass::after {
    background: var(--color-glass);
    backdrop-filter: blur(100px);
}


@media (max-width: 1400px) {

    .xl\:background {

    }

    .xl\:background--transparent {
        background: transparent;
    }
    .xl\:background--blue {
        background: var(--color-blue);
    }
    .xl\:background--red {
        background: var(--color-red);
    }
    .xl\:background--sky {
        background: var(--color-sky);
    }
    .xl\:background--white {
        background: var(--color-white);
    }
    .xl\:background--black {
        background: var(--color-black);
    }
    .xl\:background--background {
        background: var(--color-background);
    }
    .xl\:background--purple {
        background: var(--color-purple);
    }
    .xl\:background--light-purple {
        background: var(--color-light-purple);
    }
    .xl\:background--light-blue {
        background: var(--color-light-blue);
    }
    .xl\:background--yellow {
        background: var(--color-yellow);
    }
    .xl\:background--pink {
        background: var(--color-pink);
    }
    .xl\:background--text-primary {
        background: var(--color-text-primary);
    }
    .xl\:background--text-secondary {
        background: var(--color-text-secondary);
    }
    .xl\:background--text-disable {
        background: var(--color-text-disable);
    }
    .xl\:background--alerts-caution {
        background: var(--color-alerts-caution);
    }
    .xl\:background--alerts-information {
        background: var(--color-alerts-information);
    }
    .xl\:background--alerts-warning {
        background: var(--color-alerts-warning);
    }
    .xl\:background--alerts-pending {
        background: var(--color-alerts-pending);
    }
    .xl\:background--glass {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

    .xl\:background--opacity {
        position: relative;
        background: none;
    }
    .xl\:background--opacity::after {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0.2;
        z-index: -1;
    }

    .xl\:background--opacity.xl\:background--transparent::after {
        background: transparent;
    }
    .xl\:background--opacity.xl\:background--blue::after {
        background: var(--color-blue);
    }
    .xl\:background--opacity.xl\:background--red::after {
        background: var(--color-red);
    }
    .xl\:background--opacity.xl\:background--sky::after {
        background: var(--color-sky);
    }
    .xl\:background--opacity.xl\:background--white::after {
        background: var(--color-white);
    }
    .xl\:background--opacity.xl\:background--black::after {
        background: var(--color-black);
    }
    .xl\:background--opacity.xl\:background--background::after {
        background: var(--color-background);
    }
    .xl\:background--opacity.xl\:background--purple::after {
        background: var(--color-purple);
    }
    .xl\:background--opacity.xl\:background--light-purple::after {
        background: var(--color-light-purple);
    }
    .xl\:background--opacity.xl\:background--light-blue::after {
        background: var(--color-light-blue);
    }
    .xl\:background--opacity.xl\:background--yellow::after {
        background: var(--color-yellow);
    }
    .xl\:background--opacity.xl\:background--pink::after {
        background: var(--color-pink);
    }
    .xl\:background--opacity.xl\:background--text-primary::after {
        background: var(--color-text-primary);
    }
    .xl\:background--opacity.xl\:background--text-secondary::after {
        background: var(--color-text-secondary);
    }
    .xl\:background--opacity.xl\:background--text-disable::after {
        background: var(--color-text-disable);
    }
    .xl\:background--opacity.xl\:background--alerts-caution::after {
        background: var(--color-alerts-caution);
    }
    .xl\:background--opacity.xl\:background--alerts-information::after {
        background: var(--color-alerts-information);
    }
    .xl\:background--opacity.xl\:background--alerts-warning::after {
        background: var(--color-alerts-warning);
    }
    .xl\:background--opacity.xl\:background--alerts-pending::after {
        background: var(--color-alerts-pending);
    }
    .xl\:background--opacity.xl\:background--glass::after {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 1200px) {

    .l\:background {

    }

    .l\:background--transparent {
        background: transparent;
    }
    .l\:background--blue {
        background: var(--color-blue);
    }
    .l\:background--red {
        background: var(--color-red);
    }
    .l\:background--sky {
        background: var(--color-sky);
    }
    .l\:background--white {
        background: var(--color-white);
    }
    .l\:background--black {
        background: var(--color-black);
    }
    .l\:background--background {
        background: var(--color-background);
    }
    .l\:background--purple {
        background: var(--color-purple);
    }
    .l\:background--light-purple {
        background: var(--color-light-purple);
    }
    .l\:background--light-blue {
        background: var(--color-light-blue);
    }
    .l\:background--yellow {
        background: var(--color-yellow);
    }
    .l\:background--pink {
        background: var(--color-pink);
    }
    .l\:background--text-primary {
        background: var(--color-text-primary);
    }
    .l\:background--text-secondary {
        background: var(--color-text-secondary);
    }
    .l\:background--text-disable {
        background: var(--color-text-disable);
    }
    .l\:background--alerts-caution {
        background: var(--color-alerts-caution);
    }
    .l\:background--alerts-information {
        background: var(--color-alerts-information);
    }
    .l\:background--alerts-warning {
        background: var(--color-alerts-warning);
    }
    .l\:background--alerts-pending {
        background: var(--color-alerts-pending);
    }
    .l\:background--glass {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

    .l\:background--opacity {
        position: relative;
        background: none;
    }
    .l\:background--opacity::after {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0.2;
        z-index: -1;
    }

    .l\:background--opacity.l\:background--transparent::after {
        background: transparent;
    }
    .l\:background--opacity.l\:background--blue::after {
        background: var(--color-blue);
    }
    .l\:background--opacity.l\:background--red::after {
        background: var(--color-red);
    }
    .l\:background--opacity.l\:background--sky::after {
        background: var(--color-sky);
    }
    .l\:background--opacity.l\:background--white::after {
        background: var(--color-white);
    }
    .l\:background--opacity.l\:background--black::after {
        background: var(--color-black);
    }
    .l\:background--opacity.l\:background--background::after {
        background: var(--color-background);
    }
    .l\:background--opacity.l\:background--purple::after {
        background: var(--color-purple);
    }
    .l\:background--opacity.l\:background--light-purple::after {
        background: var(--color-light-purple);
    }
    .l\:background--opacity.l\:background--light-blue::after {
        background: var(--color-light-blue);
    }
    .l\:background--opacity.l\:background--yellow::after {
        background: var(--color-yellow);
    }
    .l\:background--opacity.l\:background--pink::after {
        background: var(--color-pink);
    }
    .l\:background--opacity.l\:background--text-primary::after {
        background: var(--color-text-primary);
    }
    .l\:background--opacity.l\:background--text-secondary::after {
        background: var(--color-text-secondary);
    }
    .l\:background--opacity.l\:background--text-disable::after {
        background: var(--color-text-disable);
    }
    .l\:background--opacity.l\:background--alerts-caution::after {
        background: var(--color-alerts-caution);
    }
    .l\:background--opacity.l\:background--alerts-information::after {
        background: var(--color-alerts-information);
    }
    .l\:background--opacity.l\:background--alerts-warning::after {
        background: var(--color-alerts-warning);
    }
    .l\:background--opacity.l\:background--alerts-pending::after {
        background: var(--color-alerts-pending);
    }
    .l\:background--opacity.l\:background--glass::after {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 992px) {

    .m\:background {

    }

    .m\:background--transparent {
        background: transparent;
    }
    .m\:background--blue {
        background: var(--color-blue);
    }
    .m\:background--red {
        background: var(--color-red);
    }
    .m\:background--sky {
        background: var(--color-sky);
    }
    .m\:background--white {
        background: var(--color-white);
    }
    .m\:background--black {
        background: var(--color-black);
    }
    .m\:background--background {
        background: var(--color-background);
    }
    .m\:background--purple {
        background: var(--color-purple);
    }
    .m\:background--light-purple {
        background: var(--color-light-purple);
    }
    .m\:background--light-blue {
        background: var(--color-light-blue);
    }
    .m\:background--yellow {
        background: var(--color-yellow);
    }
    .m\:background--pink {
        background: var(--color-pink);
    }
    .m\:background--text-primary {
        background: var(--color-text-primary);
    }
    .m\:background--text-secondary {
        background: var(--color-text-secondary);
    }
    .m\:background--text-disable {
        background: var(--color-text-disable);
    }
    .m\:background--alerts-caution {
        background: var(--color-alerts-caution);
    }
    .m\:background--alerts-information {
        background: var(--color-alerts-information);
    }
    .m\:background--alerts-warning {
        background: var(--color-alerts-warning);
    }
    .m\:background--alerts-pending {
        background: var(--color-alerts-pending);
    }
    .m\:background--glass {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

    .m\:background--opacity {
        position: relative;
        background: none;
    }
    .m\:background--opacity::after {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0.2;
        z-index: -1;
    }

    .m\:background--opacity.m\:background--transparent::after {
        background: transparent;
    }
    .m\:background--opacity.m\:background--blue::after {
        background: var(--color-blue);
    }
    .m\:background--opacity.m\:background--red::after {
        background: var(--color-red);
    }
    .m\:background--opacity.m\:background--sky::after {
        background: var(--color-sky);
    }
    .m\:background--opacity.m\:background--white::after {
        background: var(--color-white);
    }
    .m\:background--opacity.m\:background--black::after {
        background: var(--color-black);
    }
    .m\:background--opacity.m\:background--background::after {
        background: var(--color-background);
    }
    .m\:background--opacity.m\:background--purple::after {
        background: var(--color-purple);
    }
    .m\:background--opacity.m\:background--light-purple::after {
        background: var(--color-light-purple);
    }
    .m\:background--opacity.m\:background--light-blue::after {
        background: var(--color-light-blue);
    }
    .m\:background--opacity.m\:background--yellow::after {
        background: var(--color-yellow);
    }
    .m\:background--opacity.m\:background--pink::after {
        background: var(--color-pink);
    }
    .m\:background--opacity.m\:background--text-primary::after {
        background: var(--color-text-primary);
    }
    .m\:background--opacity.m\:background--text-secondary::after {
        background: var(--color-text-secondary);
    }
    .m\:background--opacity.m\:background--text-disable::after {
        background: var(--color-text-disable);
    }
    .m\:background--opacity.m\:background--alerts-caution::after {
        background: var(--color-alerts-caution);
    }
    .m\:background--opacity.m\:background--alerts-information::after {
        background: var(--color-alerts-information);
    }
    .m\:background--opacity.m\:background--alerts-warning::after {
        background: var(--color-alerts-warning);
    }
    .m\:background--opacity.m\:background--alerts-pending::after {
        background: var(--color-alerts-pending);
    }
    .m\:background--opacity.m\:background--glass::after {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 768px) {

    .s\:background {

    }

    .s\:background--transparent {
        background: transparent;
    }
    .s\:background--blue {
        background: var(--color-blue);
    }
    .s\:background--red {
        background: var(--color-red);
    }
    .s\:background--sky {
        background: var(--color-sky);
    }
    .s\:background--white {
        background: var(--color-white);
    }
    .s\:background--black {
        background: var(--color-black);
    }
    .s\:background--background {
        background: var(--color-background);
    }
    .s\:background--purple {
        background: var(--color-purple);
    }
    .s\:background--light-purple {
        background: var(--color-light-purple);
    }
    .s\:background--light-blue {
        background: var(--color-light-blue);
    }
    .s\:background--yellow {
        background: var(--color-yellow);
    }
    .s\:background--pink {
        background: var(--color-pink);
    }
    .s\:background--text-primary {
        background: var(--color-text-primary);
    }
    .s\:background--text-secondary {
        background: var(--color-text-secondary);
    }
    .s\:background--text-disable {
        background: var(--color-text-disable);
    }
    .s\:background--alerts-caution {
        background: var(--color-alerts-caution);
    }
    .s\:background--alerts-information {
        background: var(--color-alerts-information);
    }
    .s\:background--alerts-warning {
        background: var(--color-alerts-warning);
    }
    .s\:background--alerts-pending {
        background: var(--color-alerts-pending);
    }
    .s\:background--glass {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

    .s\:background--opacity {
        position: relative;
        background: none;
    }
    .s\:background--opacity::after {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0.2;
        z-index: -1;
    }

    .s\:background--opacity.s\:background--transparent::after {
        background: transparent;
    }
    .s\:background--opacity.s\:background--blue::after {
        background: var(--color-blue);
    }
    .s\:background--opacity.s\:background--red::after {
        background: var(--color-red);
    }
    .s\:background--opacity.s\:background--sky::after {
        background: var(--color-sky);
    }
    .s\:background--opacity.s\:background--white::after {
        background: var(--color-white);
    }
    .s\:background--opacity.s\:background--black::after {
        background: var(--color-black);
    }
    .s\:background--opacity.s\:background--background::after {
        background: var(--color-background);
    }
    .s\:background--opacity.s\:background--purple::after {
        background: var(--color-purple);
    }
    .s\:background--opacity.s\:background--light-purple::after {
        background: var(--color-light-purple);
    }
    .s\:background--opacity.s\:background--light-blue::after {
        background: var(--color-light-blue);
    }
    .s\:background--opacity.s\:background--yellow::after {
        background: var(--color-yellow);
    }
    .s\:background--opacity.s\:background--pink::after {
        background: var(--color-pink);
    }
    .s\:background--opacity.s\:background--text-primary::after {
        background: var(--color-text-primary);
    }
    .s\:background--opacity.s\:background--text-secondary::after {
        background: var(--color-text-secondary);
    }
    .s\:background--opacity.s\:background--text-disable::after {
        background: var(--color-text-disable);
    }
    .s\:background--opacity.s\:background--alerts-caution::after {
        background: var(--color-alerts-caution);
    }
    .s\:background--opacity.s\:background--alerts-information::after {
        background: var(--color-alerts-information);
    }
    .s\:background--opacity.s\:background--alerts-warning::after {
        background: var(--color-alerts-warning);
    }
    .s\:background--opacity.s\:background--alerts-pending::after {
        background: var(--color-alerts-pending);
    }
    .s\:background--opacity.s\:background--glass::after {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 576px) {

    .xs\:background {

    }

    .xs\:background--transparent {
        background: transparent;
    }
    .xs\:background--blue {
        background: var(--color-blue);
    }
    .xs\:background--red {
        background: var(--color-red);
    }
    .xs\:background--sky {
        background: var(--color-sky);
    }
    .xs\:background--white {
        background: var(--color-white);
    }
    .xs\:background--black {
        background: var(--color-black);
    }
    .xs\:background--background {
        background: var(--color-background);
    }
    .xs\:background--purple {
        background: var(--color-purple);
    }
    .xs\:background--light-purple {
        background: var(--color-light-purple);
    }
    .xs\:background--light-blue {
        background: var(--color-light-blue);
    }
    .xs\:background--yellow {
        background: var(--color-yellow);
    }
    .xs\:background--pink {
        background: var(--color-pink);
    }
    .xs\:background--text-primary {
        background: var(--color-text-primary);
    }
    .xs\:background--text-secondary {
        background: var(--color-text-secondary);
    }
    .xs\:background--text-disable {
        background: var(--color-text-disable);
    }
    .xs\:background--alerts-caution {
        background: var(--color-alerts-caution);
    }
    .xs\:background--alerts-information {
        background: var(--color-alerts-information);
    }
    .xs\:background--alerts-warning {
        background: var(--color-alerts-warning);
    }
    .xs\:background--alerts-pending {
        background: var(--color-alerts-pending);
    }
    .xs\:background--glass {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

    .xs\:background--opacity {
        position: relative;
        background: none;
    }
    .xs\:background--opacity::after {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0.2;
        z-index: -1;
    }

    .xs\:background--opacity.xs\:background--transparent::after {
        background: transparent;
    }
    .xs\:background--opacity.xs\:background--blue::after {
        background: var(--color-blue);
    }
    .xs\:background--opacity.xs\:background--red::after {
        background: var(--color-red);
    }
    .xs\:background--opacity.xs\:background--sky::after {
        background: var(--color-sky);
    }
    .xs\:background--opacity.xs\:background--white::after {
        background: var(--color-white);
    }
    .xs\:background--opacity.xs\:background--black::after {
        background: var(--color-black);
    }
    .xs\:background--opacity.xs\:background--background::after {
        background: var(--color-background);
    }
    .xs\:background--opacity.xs\:background--purple::after {
        background: var(--color-purple);
    }
    .xs\:background--opacity.xs\:background--light-purple::after {
        background: var(--color-light-purple);
    }
    .xs\:background--opacity.xs\:background--light-blue::after {
        background: var(--color-light-blue);
    }
    .xs\:background--opacity.xs\:background--yellow::after {
        background: var(--color-yellow);
    }
    .xs\:background--opacity.xs\:background--pink::after {
        background: var(--color-pink);
    }
    .xs\:background--opacity.xs\:background--text-primary::after {
        background: var(--color-text-primary);
    }
    .xs\:background--opacity.xs\:background--text-secondary::after {
        background: var(--color-text-secondary);
    }
    .xs\:background--opacity.xs\:background--text-disable::after {
        background: var(--color-text-disable);
    }
    .xs\:background--opacity.xs\:background--alerts-caution::after {
        background: var(--color-alerts-caution);
    }
    .xs\:background--opacity.xs\:background--alerts-information::after {
        background: var(--color-alerts-information);
    }
    .xs\:background--opacity.xs\:background--alerts-warning::after {
        background: var(--color-alerts-warning);
    }
    .xs\:background--opacity.xs\:background--alerts-pending::after {
        background: var(--color-alerts-pending);
    }
    .xs\:background--opacity.xs\:background--glass::after {
        background: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}


/* Color */
.color {

}

.color--transparent {
    color: transparent;
}
.color--blue {
    color: var(--color-blue);
}
.color--red {
    color: var(--color-red);
}
.color--sky {
    color: var(--color-sky);
}
.color--white {
    color: var(--color-white);
}
.color--black {
    color: var(--color-black);
}
.color--background {
    color: var(--color-background);
}
.color--purple {
    color: var(--color-purple);
}
.color--light-purple {
    color: var(--color-light-purple);
}
.color--light-blue {
    color: var(--color-light-blue);
}
.color--yellow {
    color: var(--color-yellow);
}
.color--pink {
    color: var(--color-pink);
}
.color--text-primary {
    color: var(--color-text-primary);
}
.color--text-secondary {
    color: var(--color-text-secondary);
}
.color--text-disable {
    color: var(--color-text-disable);
}
.color--alerts-caution {
    color: var(--color-alerts-caution);
}
.color--alerts-information {
    color: var(--color-alerts-information);
}
.color--alerts-warning {
    color: var(--color-alerts-warning);
}
.color--alerts-pending {
    color: var(--color-alerts-pending);
}
.color--glass {
    color: var(--color-glass);
    backdrop-filter: blur(100px);
}

@media (max-width: 1400px) {

    .xl\:color {

    }

    .xl\:color--transparent {
        color: transparent;
    }
    .xl\:color--blue {
        color: var(--color-blue);
    }
    .xl\:color--red {
        color: var(--color-red);
    }
    .xl\:color--sky {
        color: var(--color-sky);
    }
    .xl\:color--white {
        color: var(--color-white);
    }
    .xl\:color--black {
        color: var(--color-black);
    }
    .xl\:color--background {
        color: var(--color-background);
    }
    .xl\:color--purple {
        color: var(--color-purple);
    }
    .xl\:color--light-purple {
        color: var(--color-light-purple);
    }
    .xl\:color--light-blue {
        color: var(--color-light-blue);
    }
    .xl\:color--yellow {
        color: var(--color-yellow);
    }
    .xl\:color--pink {
        color: var(--color-pink);
    }
    .xl\:color--text-primary {
        color: var(--color-text-primary);
    }
    .xl\:color--text-secondary {
        color: var(--color-text-secondary);
    }
    .xl\:color--text-disable {
        color: var(--color-text-disable);
    }
    .xl\:color--alerts-caution {
        color: var(--color-alerts-caution);
    }
    .xl\:color--alerts-information {
        color: var(--color-alerts-information);
    }
    .xl\:color--alerts-warning {
        color: var(--color-alerts-warning);
    }
    .xl\:color--alerts-pending {
        color: var(--color-alerts-pending);
    }
    .xl\:color--glass {
        color: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 1200px) {

    .l\:color {

    }

    .l\:color--transparent {
        color: transparent;
    }
    .l\:color--blue {
        color: var(--color-blue);
    }
    .l\:color--red {
        color: var(--color-red);
    }
    .l\:color--sky {
        color: var(--color-sky);
    }
    .l\:color--white {
        color: var(--color-white);
    }
    .l\:color--black {
        color: var(--color-black);
    }
    .l\:color--background {
        color: var(--color-background);
    }
    .l\:color--purple {
        color: var(--color-purple);
    }
    .l\:color--light-purple {
        color: var(--color-light-purple);
    }
    .l\:color--light-blue {
        color: var(--color-light-blue);
    }
    .l\:color--yellow {
        color: var(--color-yellow);
    }
    .l\:color--pink {
        color: var(--color-pink);
    }
    .l\:color--text-primary {
        color: var(--color-text-primary);
    }
    .l\:color--text-secondary {
        color: var(--color-text-secondary);
    }
    .l\:color--text-disable {
        color: var(--color-text-disable);
    }
    .l\:color--alerts-caution {
        color: var(--color-alerts-caution);
    }
    .l\:color--alerts-information {
        color: var(--color-alerts-information);
    }
    .l\:color--alerts-warning {
        color: var(--color-alerts-warning);
    }
    .l\:color--alerts-pending {
        color: var(--color-alerts-pending);
    }
    .l\:color--glass {
        color: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 992px) {

    .m\:color {

    }

    .m\:color--transparent {
        color: transparent;
    }
    .m\:color--blue {
        color: var(--color-blue);
    }
    .m\:color--red {
        color: var(--color-red);
    }
    .m\:color--sky {
        color: var(--color-sky);
    }
    .m\:color--white {
        color: var(--color-white);
    }
    .m\:color--black {
        color: var(--color-black);
    }
    .m\:color--background {
        color: var(--color-background);
    }
    .m\:color--purple {
        color: var(--color-purple);
    }
    .m\:color--light-purple {
        color: var(--color-light-purple);
    }
    .m\:color--light-blue {
        color: var(--color-light-blue);
    }
    .m\:color--yellow {
        color: var(--color-yellow);
    }
    .m\:color--pink {
        color: var(--color-pink);
    }
    .m\:color--text-primary {
        color: var(--color-text-primary);
    }
    .m\:color--text-secondary {
        color: var(--color-text-secondary);
    }
    .m\:color--text-disable {
        color: var(--color-text-disable);
    }
    .m\:color--alerts-caution {
        color: var(--color-alerts-caution);
    }
    .m\:color--alerts-information {
        color: var(--color-alerts-information);
    }
    .m\:color--alerts-warning {
        color: var(--color-alerts-warning);
    }
    .m\:color--alerts-pending {
        color: var(--color-alerts-pending);
    }
    .m\:color--glass {
        color: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 768px) {

    .s\:color {

    }

    .s\:color--transparent {
        color: transparent;
    }
    .s\:color--blue {
        color: var(--color-blue);
    }
    .s\:color--red {
        color: var(--color-red);
    }
    .s\:color--sky {
        color: var(--color-sky);
    }
    .s\:color--white {
        color: var(--color-white);
    }
    .s\:color--black {
        color: var(--color-black);
    }
    .s\:color--background {
        color: var(--color-background);
    }
    .s\:color--purple {
        color: var(--color-purple);
    }
    .s\:color--light-purple {
        color: var(--color-light-purple);
    }
    .s\:color--light-blue {
        color: var(--color-light-blue);
    }
    .s\:color--yellow {
        color: var(--color-yellow);
    }
    .s\:color--pink {
        color: var(--color-pink);
    }
    .s\:color--text-primary {
        color: var(--color-text-primary);
    }
    .s\:color--text-secondary {
        color: var(--color-text-secondary);
    }
    .s\:color--text-disable {
        color: var(--color-text-disable);
    }
    .s\:color--alerts-caution {
        color: var(--color-alerts-caution);
    }
    .s\:color--alerts-information {
        color: var(--color-alerts-information);
    }
    .s\:color--alerts-warning {
        color: var(--color-alerts-warning);
    }
    .s\:color--alerts-pending {
        color: var(--color-alerts-pending);
    }
    .s\:color--glass {
        color: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}
@media (max-width: 576px) {

    .xs\:color {

    }

    .xs\:color--transparent {
        color: transparent;
    }
    .xs\:color--blue {
        color: var(--color-blue);
    }
    .xs\:color--red {
        color: var(--color-red);
    }
    .xs\:color--sky {
        color: var(--color-sky);
    }
    .xs\:color--white {
        color: var(--color-white);
    }
    .xs\:color--black {
        color: var(--color-black);
    }
    .xs\:color--background {
        color: var(--color-background);
    }
    .xs\:color--purple {
        color: var(--color-purple);
    }
    .xs\:color--light-purple {
        color: var(--color-light-purple);
    }
    .xs\:color--light-blue {
        color: var(--color-light-blue);
    }
    .xs\:color--yellow {
        color: var(--color-yellow);
    }
    .xs\:color--pink {
        color: var(--color-pink);
    }
    .xs\:color--text-primary {
        color: var(--color-text-primary);
    }
    .xs\:color--text-secondary {
        color: var(--color-text-secondary);
    }
    .xs\:color--text-disable {
        color: var(--color-text-disable);
    }
    .xs\:color--alerts-caution {
        color: var(--color-alerts-caution);
    }
    .xs\:color--alerts-information {
        color: var(--color-alerts-information);
    }
    .xs\:color--alerts-warning {
        color: var(--color-alerts-warning);
    }
    .xs\:color--alerts-pending {
        color: var(--color-alerts-pending);
    }
    .xs\:color--glass {
        color: var(--color-glass);
        backdrop-filter: blur(100px);
    }

}


/* Position */
.position {

}

.position--static {
    position: static;
}
.position--sticky {
    position: sticky;
}
.position--absolute {
    position: absolute;
}
.position--relative {
    position: relative;
}
.position--fixed {
    position: fixed;
}


.position--top-auto {
    top: auto;
}

.position--top-0 {
    top: 0;
}
.position--top-1 {
    top: 4px;
}
.position--top-2 {
    top: 8px;
}
.position--top-3 {
    top: 12px;
}
.position--top-4 {
    top: 16px;
}
.position--top-5 {
    top: 20px;
}
.position--top-6 {
    top: 24px;
}
.position--top-7 {
    top: 28px;
}
.position--top-8 {
    top: 32px;
}
.position--top-9 {
    top: 36px;
}
.position--top-10 {
    top: 40px;
}
.position--top-11 {
    top: 44px;
}
.position--top-12 {
    top: 48px;
}
.position--top-13 {
    top: 52px;
}
.position--top-14 {
    top: 56px;
}
.position--top-15 {
    top: 60px;
}
.position--top-16 {
    top: 64px;
}

.position--top-0p {
    top: 0%;
}
.position--top-10p {
    top: 10%;
}
.position--top-20p {
    top: 20%;
}
.position--top-30p {
    top: 30%;
}
.position--top-40p {
    top: 40%;
}
.position--top-50p {
    top: 50%;
}
.position--top-60p {
    top: 60%;
}
.position--top-70p {
    top: 70%;
}
.position--top-80p {
    top: 80%;
}
.position--top-90p {
    top: 90%;
}
.position--top-100p {
    top: 100%;
}


.position--left-auto {
    left: auto;
}

.position--left-0 {
    left: 0;
}
.position--left-1 {
    left: 4px;
}
.position--left-2 {
    left: 8px;
}
.position--left-3 {
    left: 12px;
}
.position--left-4 {
    left: 16px;
}
.position--left-5 {
    left: 20px;
}
.position--left-6 {
    left: 24px;
}
.position--left-7 {
    left: 28px;
}
.position--left-8 {
    left: 32px;
}
.position--left-9 {
    left: 36px;
}
.position--left-10 {
    left: 40px;
}
.position--left-11 {
    left: 44px;
}
.position--left-12 {
    left: 48px;
}
.position--left-13 {
    left: 52px;
}
.position--left-14 {
    left: 56px;
}
.position--left-15 {
    left: 60px;
}
.position--left-16 {
    left: 64px;
}

.position--left-0p {
    left: 0%;
}
.position--left-10p {
    left: 10%;
}
.position--left-20p {
    left: 20%;
}
.position--left-30p {
    left: 30%;
}
.position--left-40p {
    left: 40%;
}
.position--left-50p {
    left: 50%;
}
.position--left-60p {
    left: 60%;
}
.position--left-70p {
    left: 70%;
}
.position--left-80p {
    left: 80%;
}
.position--left-90p {
    left: 90%;
}
.position--left-100p {
    left: 100%;
}


.position--right-auto {
    right: auto;
}

.position--right-0 {
    right: 0px;
}
.position--right-1 {
    right: 4px;
}
.position--right-2 {
    right: 8px;
}
.position--right-3 {
    right: 12px;
}
.position--right-4 {
    right: 16px;
}
.position--right-5 {
    right: 20px;
}
.position--right-6 {
    right: 24px;
}
.position--right-7 {
    right: 28px;
}
.position--right-8 {
    right: 32px;
}
.position--right-9 {
    right: 36px;
}
.position--right-10 {
    right: 40px;
}
.position--right-11 {
    right: 44px;
}
.position--right-12 {
    right: 48px;
}
.position--right-13 {
    right: 52px;
}
.position--right-14 {
    right: 56px;
}
.position--right-15 {
    right: 60px;
}
.position--right-16 {
    right: 64px;
}

.position--right-0p {
    right: 0%;
}
.position--right-10p {
    right: 10%;
}
.position--right-20p {
    right: 20%;
}
.position--right-30p {
    right: 30%;
}
.position--right-40p {
    right: 40%;
}
.position--right-50p {
    right: 50%;
}
.position--right-60p {
    right: 60%;
}
.position--right-70p {
    right: 70%;
}
.position--right-80p {
    right: 80%;
}
.position--right-90p {
    right: 90%;
}
.position--right-100p {
    right: 100%;
}


.position--bottom-auto {
    bottom: auto;
}

.position--bottom-0 {
    bottom: 0;
}
.position--bottom-1 {
    bottom: 4px;
}
.position--bottom-2 {
    bottom: 8px;
}
.position--bottom-3 {
    bottom: 12px;
}
.position--bottom-4 {
    bottom: 16px;
}
.position--bottom-5 {
    bottom: 20px;
}
.position--bottom-6 {
    bottom: 24px;
}
.position--bottom-7 {
    bottom: 28px;
}
.position--bottom-8 {
    bottom: 32px;
}
.position--bottom-9 {
    bottom: 36px;
}
.position--bottom-10 {
    bottom: 40px;
}
.position--bottom-11 {
    bottom: 44px;
}
.position--bottom-12 {
    bottom: 48px;
}
.position--bottom-13 {
    bottom: 52px;
}
.position--bottom-14 {
    bottom: 56px;
}
.position--bottom-15 {
    bottom: 60px;
}
.position--bottom-16 {
    bottom: 64px;
}

.position--bottom-0p {
    bottom: 0%;
}
.position--bottom-10p {
    bottom: 10%;
}
.position--bottom-20p {
    bottom: 20%;
}
.position--bottom-30p {
    bottom: 30%;
}
.position--bottom-40p {
    bottom: 40%;
}
.position--bottom-50p {
    bottom: 50%;
}
.position--bottom-60p {
    bottom: 60%;
}
.position--bottom-70p {
    bottom: 70%;
}
.position--bottom-80p {
    bottom: 80%;
}
.position--bottom-90p {
    bottom: 90%;
}
.position--bottom-100p {
    bottom: 100%;
}

@media (max-width: 1400px) {

    .xl\:position {

    }

    .xl\:position--static {
        position: static;
    }
    .xl\:position--sticky {
        position: sticky;
    }
    .xl\:position--absolute {
        position: absolute;
    }
    .xl\:position--relative {
        position: relative;
    }
    .xl\:position--fixed {
        position: fixed;
    }


    .xl\:position--top-auto {
        top: auto;
    }

    .xl\:position--top-0 {
        top: 0;
    }
    .xl\:position--top-1 {
        top: 4px;
    }
    .xl\:position--top-2 {
        top: 8px;
    }
    .xl\:position--top-3 {
        top: 12px;
    }
    .xl\:position--top-4 {
        top: 16px;
    }
    .xl\:position--top-5 {
        top: 20px;
    }
    .xl\:position--top-6 {
        top: 24px;
    }
    .xl\:position--top-7 {
        top: 28px;
    }
    .xl\:position--top-8 {
        top: 32px;
    }
    .xl\:position--top-9 {
        top: 36px;
    }
    .xl\:position--top-10 {
        top: 40px;
    }
    .xl\:position--top-11 {
        top: 44px;
    }
    .xl\:position--top-12 {
        top: 48px;
    }
    .xl\:position--top-13 {
        top: 52px;
    }
    .xl\:position--top-14 {
        top: 56px;
    }
    .xl\:position--top-15 {
        top: 60px;
    }
    .xl\:position--top-16 {
        top: 64px;
    }

    .xl\:position--top-0p {
        top: 0%;
    }
    .xl\:position--top-10p {
        top: 10%;
    }
    .xl\:position--top-20p {
        top: 20%;
    }
    .xl\:position--top-30p {
        top: 30%;
    }
    .xl\:position--top-40p {
        top: 40%;
    }
    .xl\:position--top-50p {
        top: 50%;
    }
    .xl\:position--top-60p {
        top: 60%;
    }
    .xl\:position--top-70p {
        top: 70%;
    }
    .xl\:position--top-80p {
        top: 80%;
    }
    .xl\:position--top-90p {
        top: 90%;
    }
    .xl\:position--top-100p {
        top: 100%;
    }


    .xl\:position--left-auto {
        left: auto;
    }

    .xl\:position--left-0 {
        left: 0;
    }
    .xl\:position--left-1 {
        left: 4px;
    }
    .xl\:position--left-2 {
        left: 8px;
    }
    .xl\:position--left-3 {
        left: 12px;
    }
    .xl\:position--left-4 {
        left: 16px;
    }
    .xl\:position--left-5 {
        left: 20px;
    }
    .xl\:position--left-6 {
        left: 24px;
    }
    .xl\:position--left-7 {
        left: 28px;
    }
    .xl\:position--left-8 {
        left: 32px;
    }
    .xl\:position--left-9 {
        left: 36px;
    }
    .xl\:position--left-10 {
        left: 40px;
    }
    .xl\:position--left-11 {
        left: 44px;
    }
    .xl\:position--left-12 {
        left: 48px;
    }
    .xl\:position--left-13 {
        left: 52px;
    }
    .xl\:position--left-14 {
        left: 56px;
    }
    .xl\:position--left-15 {
        left: 60px;
    }
    .xl\:position--left-16 {
        left: 64px;
    }

    .xl\:position--left-0p {
        left: 0%;
    }
    .xl\:position--left-10p {
        left: 10%;
    }
    .xl\:position--left-20p {
        left: 20%;
    }
    .xl\:position--left-30p {
        left: 30%;
    }
    .xl\:position--left-40p {
        left: 40%;
    }
    .xl\:position--left-50p {
        left: 50%;
    }
    .xl\:position--left-60p {
        left: 60%;
    }
    .xl\:position--left-70p {
        left: 70%;
    }
    .xl\:position--left-80p {
        left: 80%;
    }
    .xl\:position--left-90p {
        left: 90%;
    }
    .xl\:position--left-100p {
        left: 100%;
    }


    .xl\:position--right-auto {
        right: auto;
    }

    .xl\:position--right-0 {
        right: 0px;
    }
    .xl\:position--right-1 {
        right: 4px;
    }
    .xl\:position--right-2 {
        right: 8px;
    }
    .xl\:position--right-3 {
        right: 12px;
    }
    .xl\:position--right-4 {
        right: 16px;
    }
    .xl\:position--right-5 {
        right: 20px;
    }
    .xl\:position--right-6 {
        right: 24px;
    }
    .xl\:position--right-7 {
        right: 28px;
    }
    .xl\:position--right-8 {
        right: 32px;
    }
    .xl\:position--right-9 {
        right: 36px;
    }
    .xl\:position--right-10 {
        right: 40px;
    }
    .xl\:position--right-11 {
        right: 44px;
    }
    .xl\:position--right-12 {
        right: 48px;
    }
    .xl\:position--right-13 {
        right: 52px;
    }
    .xl\:position--right-14 {
        right: 56px;
    }
    .xl\:position--right-15 {
        right: 60px;
    }
    .xl\:position--right-16 {
        right: 64px;
    }

    .xl\:position--right-0p {
        right: 0%;
    }
    .xl\:position--right-10p {
        right: 10%;
    }
    .xl\:position--right-20p {
        right: 20%;
    }
    .xl\:position--right-30p {
        right: 30%;
    }
    .xl\:position--right-40p {
        right: 40%;
    }
    .xl\:position--right-50p {
        right: 50%;
    }
    .xl\:position--right-60p {
        right: 60%;
    }
    .xl\:position--right-70p {
        right: 70%;
    }
    .xl\:position--right-80p {
        right: 80%;
    }
    .xl\:position--right-90p {
        right: 90%;
    }
    .xl\:position--right-100p {
        right: 100%;
    }


    .xl\:position--bottom-auto {
        bottom: auto;
    }

    .xl\:position--bottom-0 {
        bottom: 0;
    }
    .xl\:position--bottom-1 {
        bottom: 4px;
    }
    .xl\:position--bottom-2 {
        bottom: 8px;
    }
    .xl\:position--bottom-3 {
        bottom: 12px;
    }
    .xl\:position--bottom-4 {
        bottom: 16px;
    }
    .xl\:position--bottom-5 {
        bottom: 20px;
    }
    .xl\:position--bottom-6 {
        bottom: 24px;
    }
    .xl\:position--bottom-7 {
        bottom: 28px;
    }
    .xl\:position--bottom-8 {
        bottom: 32px;
    }
    .xl\:position--bottom-9 {
        bottom: 36px;
    }
    .xl\:position--bottom-10 {
        bottom: 40px;
    }
    .xl\:position--bottom-11 {
        bottom: 44px;
    }
    .xl\:position--bottom-12 {
        bottom: 48px;
    }
    .xl\:position--bottom-13 {
        bottom: 52px;
    }
    .xl\:position--bottom-14 {
        bottom: 56px;
    }
    .xl\:position--bottom-15 {
        bottom: 60px;
    }
    .xl\:position--bottom-16 {
        bottom: 64px;
    }

    .xl\:position--bottom-0p {
        bottom: 0%;
    }
    .xl\:position--bottom-10p {
        bottom: 10%;
    }
    .xl\:position--bottom-20p {
        bottom: 20%;
    }
    .xl\:position--bottom-30p {
        bottom: 30%;
    }
    .xl\:position--bottom-40p {
        bottom: 40%;
    }
    .xl\:position--bottom-50p {
        bottom: 50%;
    }
    .xl\:position--bottom-60p {
        bottom: 60%;
    }
    .xl\:position--bottom-70p {
        bottom: 70%;
    }
    .xl\:position--bottom-80p {
        bottom: 80%;
    }
    .xl\:position--bottom-90p {
        bottom: 90%;
    }
    .xl\:position--bottom-100p {
        bottom: 100%;
    }

}
@media (max-width: 1200px) {

    .l\:position {

    }

    .l\:position--static {
        position: static;
    }
    .l\:position--sticky {
        position: sticky;
    }
    .l\:position--absolute {
        position: absolute;
    }
    .l\:position--relative {
        position: relative;
    }
    .l\:position--fixed {
        position: fixed;
    }


    .l\:position--top-auto {
        top: auto;
    }

    .l\:position--top-0 {
        top: 0;
    }
    .l\:position--top-1 {
        top: 4px;
    }
    .l\:position--top-2 {
        top: 8px;
    }
    .l\:position--top-3 {
        top: 12px;
    }
    .l\:position--top-4 {
        top: 16px;
    }
    .l\:position--top-5 {
        top: 20px;
    }
    .l\:position--top-6 {
        top: 24px;
    }
    .l\:position--top-7 {
        top: 28px;
    }
    .l\:position--top-8 {
        top: 32px;
    }
    .l\:position--top-9 {
        top: 36px;
    }
    .l\:position--top-10 {
        top: 40px;
    }
    .l\:position--top-11 {
        top: 44px;
    }
    .l\:position--top-12 {
        top: 48px;
    }
    .l\:position--top-13 {
        top: 52px;
    }
    .l\:position--top-14 {
        top: 56px;
    }
    .l\:position--top-15 {
        top: 60px;
    }
    .l\:position--top-16 {
        top: 64px;
    }

    .l\:position--top-0p {
        top: 0%;
    }
    .l\:position--top-10p {
        top: 10%;
    }
    .l\:position--top-20p {
        top: 20%;
    }
    .l\:position--top-30p {
        top: 30%;
    }
    .l\:position--top-40p {
        top: 40%;
    }
    .l\:position--top-50p {
        top: 50%;
    }
    .l\:position--top-60p {
        top: 60%;
    }
    .l\:position--top-70p {
        top: 70%;
    }
    .l\:position--top-80p {
        top: 80%;
    }
    .l\:position--top-90p {
        top: 90%;
    }
    .l\:position--top-100p {
        top: 100%;
    }


    .l\:position--left-auto {
        left: auto;
    }

    .l\:position--left-0 {
        left: 0;
    }
    .l\:position--left-1 {
        left: 4px;
    }
    .l\:position--left-2 {
        left: 8px;
    }
    .l\:position--left-3 {
        left: 12px;
    }
    .l\:position--left-4 {
        left: 16px;
    }
    .l\:position--left-5 {
        left: 20px;
    }
    .l\:position--left-6 {
        left: 24px;
    }
    .l\:position--left-7 {
        left: 28px;
    }
    .l\:position--left-8 {
        left: 32px;
    }
    .l\:position--left-9 {
        left: 36px;
    }
    .l\:position--left-10 {
        left: 40px;
    }
    .l\:position--left-11 {
        left: 44px;
    }
    .l\:position--left-12 {
        left: 48px;
    }
    .l\:position--left-13 {
        left: 52px;
    }
    .l\:position--left-14 {
        left: 56px;
    }
    .l\:position--left-15 {
        left: 60px;
    }
    .l\:position--left-16 {
        left: 64px;
    }

    .l\:position--left-0p {
        left: 0%;
    }
    .l\:position--left-10p {
        left: 10%;
    }
    .l\:position--left-20p {
        left: 20%;
    }
    .l\:position--left-30p {
        left: 30%;
    }
    .l\:position--left-40p {
        left: 40%;
    }
    .l\:position--left-50p {
        left: 50%;
    }
    .l\:position--left-60p {
        left: 60%;
    }
    .l\:position--left-70p {
        left: 70%;
    }
    .l\:position--left-80p {
        left: 80%;
    }
    .l\:position--left-90p {
        left: 90%;
    }
    .l\:position--left-100p {
        left: 100%;
    }


    .l\:position--right-auto {
        right: auto;
    }

    .l\:position--right-0 {
        right: 0px;
    }
    .l\:position--right-1 {
        right: 4px;
    }
    .l\:position--right-2 {
        right: 8px;
    }
    .l\:position--right-3 {
        right: 12px;
    }
    .l\:position--right-4 {
        right: 16px;
    }
    .l\:position--right-5 {
        right: 20px;
    }
    .l\:position--right-6 {
        right: 24px;
    }
    .l\:position--right-7 {
        right: 28px;
    }
    .l\:position--right-8 {
        right: 32px;
    }
    .l\:position--right-9 {
        right: 36px;
    }
    .l\:position--right-10 {
        right: 40px;
    }
    .l\:position--right-11 {
        right: 44px;
    }
    .l\:position--right-12 {
        right: 48px;
    }
    .l\:position--right-13 {
        right: 52px;
    }
    .l\:position--right-14 {
        right: 56px;
    }
    .l\:position--right-15 {
        right: 60px;
    }
    .l\:position--right-16 {
        right: 64px;
    }

    .l\:position--right-0p {
        right: 0%;
    }
    .l\:position--right-10p {
        right: 10%;
    }
    .l\:position--right-20p {
        right: 20%;
    }
    .l\:position--right-30p {
        right: 30%;
    }
    .l\:position--right-40p {
        right: 40%;
    }
    .l\:position--right-50p {
        right: 50%;
    }
    .l\:position--right-60p {
        right: 60%;
    }
    .l\:position--right-70p {
        right: 70%;
    }
    .l\:position--right-80p {
        right: 80%;
    }
    .l\:position--right-90p {
        right: 90%;
    }
    .l\:position--right-100p {
        right: 100%;
    }


    .l\:position--bottom-auto {
        bottom: auto;
    }

    .l\:position--bottom-0 {
        bottom: 0;
    }
    .l\:position--bottom-1 {
        bottom: 4px;
    }
    .l\:position--bottom-2 {
        bottom: 8px;
    }
    .l\:position--bottom-3 {
        bottom: 12px;
    }
    .l\:position--bottom-4 {
        bottom: 16px;
    }
    .l\:position--bottom-5 {
        bottom: 20px;
    }
    .l\:position--bottom-6 {
        bottom: 24px;
    }
    .l\:position--bottom-7 {
        bottom: 28px;
    }
    .l\:position--bottom-8 {
        bottom: 32px;
    }
    .l\:position--bottom-9 {
        bottom: 36px;
    }
    .l\:position--bottom-10 {
        bottom: 40px;
    }
    .l\:position--bottom-11 {
        bottom: 44px;
    }
    .l\:position--bottom-12 {
        bottom: 48px;
    }
    .l\:position--bottom-13 {
        bottom: 52px;
    }
    .l\:position--bottom-14 {
        bottom: 56px;
    }
    .l\:position--bottom-15 {
        bottom: 60px;
    }
    .l\:position--bottom-16 {
        bottom: 64px;
    }

    .l\:position--bottom-0p {
        bottom: 0%;
    }
    .l\:position--bottom-10p {
        bottom: 10%;
    }
    .l\:position--bottom-20p {
        bottom: 20%;
    }
    .l\:position--bottom-30p {
        bottom: 30%;
    }
    .l\:position--bottom-40p {
        bottom: 40%;
    }
    .l\:position--bottom-50p {
        bottom: 50%;
    }
    .l\:position--bottom-60p {
        bottom: 60%;
    }
    .l\:position--bottom-70p {
        bottom: 70%;
    }
    .l\:position--bottom-80p {
        bottom: 80%;
    }
    .l\:position--bottom-90p {
        bottom: 90%;
    }
    .l\:position--bottom-100p {
        bottom: 100%;
    }

}
@media (max-width: 992px) {

    .m\:position {

    }

    .m\:position--static {
        position: static;
    }
    .m\:position--sticky {
        position: sticky;
    }
    .m\:position--absolute {
        position: absolute;
    }
    .m\:position--relative {
        position: relative;
    }
    .m\:position--fixed {
        position: fixed;
    }


    .m\:position--top-auto {
        top: auto;
    }

    .m\:position--top-0 {
        top: 0;
    }
    .m\:position--top-1 {
        top: 4px;
    }
    .m\:position--top-2 {
        top: 8px;
    }
    .m\:position--top-3 {
        top: 12px;
    }
    .m\:position--top-4 {
        top: 16px;
    }
    .m\:position--top-5 {
        top: 20px;
    }
    .m\:position--top-6 {
        top: 24px;
    }
    .m\:position--top-7 {
        top: 28px;
    }
    .m\:position--top-8 {
        top: 32px;
    }
    .m\:position--top-9 {
        top: 36px;
    }
    .m\:position--top-10 {
        top: 40px;
    }
    .m\:position--top-11 {
        top: 44px;
    }
    .m\:position--top-12 {
        top: 48px;
    }
    .m\:position--top-13 {
        top: 52px;
    }
    .m\:position--top-14 {
        top: 56px;
    }
    .m\:position--top-15 {
        top: 60px;
    }
    .m\:position--top-16 {
        top: 64px;
    }

    .m\:position--top-0p {
        top: 0%;
    }
    .m\:position--top-10p {
        top: 10%;
    }
    .m\:position--top-20p {
        top: 20%;
    }
    .m\:position--top-30p {
        top: 30%;
    }
    .m\:position--top-40p {
        top: 40%;
    }
    .m\:position--top-50p {
        top: 50%;
    }
    .m\:position--top-60p {
        top: 60%;
    }
    .m\:position--top-70p {
        top: 70%;
    }
    .m\:position--top-80p {
        top: 80%;
    }
    .m\:position--top-90p {
        top: 90%;
    }
    .m\:position--top-100p {
        top: 100%;
    }


    .m\:position--left-auto {
        left: auto;
    }

    .m\:position--left-0 {
        left: 0;
    }
    .m\:position--left-1 {
        left: 4px;
    }
    .m\:position--left-2 {
        left: 8px;
    }
    .m\:position--left-3 {
        left: 12px;
    }
    .m\:position--left-4 {
        left: 16px;
    }
    .m\:position--left-5 {
        left: 20px;
    }
    .m\:position--left-6 {
        left: 24px;
    }
    .m\:position--left-7 {
        left: 28px;
    }
    .m\:position--left-8 {
        left: 32px;
    }
    .m\:position--left-9 {
        left: 36px;
    }
    .m\:position--left-10 {
        left: 40px;
    }
    .m\:position--left-11 {
        left: 44px;
    }
    .m\:position--left-12 {
        left: 48px;
    }
    .m\:position--left-13 {
        left: 52px;
    }
    .m\:position--left-14 {
        left: 56px;
    }
    .m\:position--left-15 {
        left: 60px;
    }
    .m\:position--left-16 {
        left: 64px;
    }

    .m\:position--left-0p {
        left: 0%;
    }
    .m\:position--left-10p {
        left: 10%;
    }
    .m\:position--left-20p {
        left: 20%;
    }
    .m\:position--left-30p {
        left: 30%;
    }
    .m\:position--left-40p {
        left: 40%;
    }
    .m\:position--left-50p {
        left: 50%;
    }
    .m\:position--left-60p {
        left: 60%;
    }
    .m\:position--left-70p {
        left: 70%;
    }
    .m\:position--left-80p {
        left: 80%;
    }
    .m\:position--left-90p {
        left: 90%;
    }
    .m\:position--left-100p {
        left: 100%;
    }


    .m\:position--right-auto {
        right: auto;
    }

    .m\:position--right-0 {
        right: 0px;
    }
    .m\:position--right-1 {
        right: 4px;
    }
    .m\:position--right-2 {
        right: 8px;
    }
    .m\:position--right-3 {
        right: 12px;
    }
    .m\:position--right-4 {
        right: 16px;
    }
    .m\:position--right-5 {
        right: 20px;
    }
    .m\:position--right-6 {
        right: 24px;
    }
    .m\:position--right-7 {
        right: 28px;
    }
    .m\:position--right-8 {
        right: 32px;
    }
    .m\:position--right-9 {
        right: 36px;
    }
    .m\:position--right-10 {
        right: 40px;
    }
    .m\:position--right-11 {
        right: 44px;
    }
    .m\:position--right-12 {
        right: 48px;
    }
    .m\:position--right-13 {
        right: 52px;
    }
    .m\:position--right-14 {
        right: 56px;
    }
    .m\:position--right-15 {
        right: 60px;
    }
    .m\:position--right-16 {
        right: 64px;
    }

    .m\:position--right-0p {
        right: 0%;
    }
    .m\:position--right-10p {
        right: 10%;
    }
    .m\:position--right-20p {
        right: 20%;
    }
    .m\:position--right-30p {
        right: 30%;
    }
    .m\:position--right-40p {
        right: 40%;
    }
    .m\:position--right-50p {
        right: 50%;
    }
    .m\:position--right-60p {
        right: 60%;
    }
    .m\:position--right-70p {
        right: 70%;
    }
    .m\:position--right-80p {
        right: 80%;
    }
    .m\:position--right-90p {
        right: 90%;
    }
    .m\:position--right-100p {
        right: 100%;
    }


    .m\:position--bottom-auto {
        bottom: auto;
    }

    .m\:position--bottom-0 {
        bottom: 0;
    }
    .m\:position--bottom-1 {
        bottom: 4px;
    }
    .m\:position--bottom-2 {
        bottom: 8px;
    }
    .m\:position--bottom-3 {
        bottom: 12px;
    }
    .m\:position--bottom-4 {
        bottom: 16px;
    }
    .m\:position--bottom-5 {
        bottom: 20px;
    }
    .m\:position--bottom-6 {
        bottom: 24px;
    }
    .m\:position--bottom-7 {
        bottom: 28px;
    }
    .m\:position--bottom-8 {
        bottom: 32px;
    }
    .m\:position--bottom-9 {
        bottom: 36px;
    }
    .m\:position--bottom-10 {
        bottom: 40px;
    }
    .m\:position--bottom-11 {
        bottom: 44px;
    }
    .m\:position--bottom-12 {
        bottom: 48px;
    }
    .m\:position--bottom-13 {
        bottom: 52px;
    }
    .m\:position--bottom-14 {
        bottom: 56px;
    }
    .m\:position--bottom-15 {
        bottom: 60px;
    }
    .m\:position--bottom-16 {
        bottom: 64px;
    }

    .m\:position--bottom-0p {
        bottom: 0%;
    }
    .m\:position--bottom-10p {
        bottom: 10%;
    }
    .m\:position--bottom-20p {
        bottom: 20%;
    }
    .m\:position--bottom-30p {
        bottom: 30%;
    }
    .m\:position--bottom-40p {
        bottom: 40%;
    }
    .m\:position--bottom-50p {
        bottom: 50%;
    }
    .m\:position--bottom-60p {
        bottom: 60%;
    }
    .m\:position--bottom-70p {
        bottom: 70%;
    }
    .m\:position--bottom-80p {
        bottom: 80%;
    }
    .m\:position--bottom-90p {
        bottom: 90%;
    }
    .m\:position--bottom-100p {
        bottom: 100%;
    }

}
@media (max-width: 768px) {

    .s\:position {

    }

    .s\:position--static {
        position: static;
    }
    .s\:position--sticky {
        position: sticky;
    }
    .s\:position--absolute {
        position: absolute;
    }
    .s\:position--relative {
        position: relative;
    }
    .s\:position--fixed {
        position: fixed;
    }


    .s\:position--top-auto {
        top: auto;
    }

    .s\:position--top-0 {
        top: 0;
    }
    .s\:position--top-1 {
        top: 4px;
    }
    .s\:position--top-2 {
        top: 8px;
    }
    .s\:position--top-3 {
        top: 12px;
    }
    .s\:position--top-4 {
        top: 16px;
    }
    .s\:position--top-5 {
        top: 20px;
    }
    .s\:position--top-6 {
        top: 24px;
    }
    .s\:position--top-7 {
        top: 28px;
    }
    .s\:position--top-8 {
        top: 32px;
    }
    .s\:position--top-9 {
        top: 36px;
    }
    .s\:position--top-10 {
        top: 40px;
    }
    .s\:position--top-11 {
        top: 44px;
    }
    .s\:position--top-12 {
        top: 48px;
    }
    .s\:position--top-13 {
        top: 52px;
    }
    .s\:position--top-14 {
        top: 56px;
    }
    .s\:position--top-15 {
        top: 60px;
    }
    .s\:position--top-16 {
        top: 64px;
    }

    .s\:position--top-0p {
        top: 0%;
    }
    .s\:position--top-10p {
        top: 10%;
    }
    .s\:position--top-20p {
        top: 20%;
    }
    .s\:position--top-30p {
        top: 30%;
    }
    .s\:position--top-40p {
        top: 40%;
    }
    .s\:position--top-50p {
        top: 50%;
    }
    .s\:position--top-60p {
        top: 60%;
    }
    .s\:position--top-70p {
        top: 70%;
    }
    .s\:position--top-80p {
        top: 80%;
    }
    .s\:position--top-90p {
        top: 90%;
    }
    .s\:position--top-100p {
        top: 100%;
    }


    .s\:position--left-auto {
        left: auto;
    }

    .s\:position--left-0 {
        left: 0;
    }
    .s\:position--left-1 {
        left: 4px;
    }
    .s\:position--left-2 {
        left: 8px;
    }
    .s\:position--left-3 {
        left: 12px;
    }
    .s\:position--left-4 {
        left: 16px;
    }
    .s\:position--left-5 {
        left: 20px;
    }
    .s\:position--left-6 {
        left: 24px;
    }
    .s\:position--left-7 {
        left: 28px;
    }
    .s\:position--left-8 {
        left: 32px;
    }
    .s\:position--left-9 {
        left: 36px;
    }
    .s\:position--left-10 {
        left: 40px;
    }
    .s\:position--left-11 {
        left: 44px;
    }
    .s\:position--left-12 {
        left: 48px;
    }
    .s\:position--left-13 {
        left: 52px;
    }
    .s\:position--left-14 {
        left: 56px;
    }
    .s\:position--left-15 {
        left: 60px;
    }
    .s\:position--left-16 {
        left: 64px;
    }

    .s\:position--left-0p {
        left: 0%;
    }
    .s\:position--left-10p {
        left: 10%;
    }
    .s\:position--left-20p {
        left: 20%;
    }
    .s\:position--left-30p {
        left: 30%;
    }
    .s\:position--left-40p {
        left: 40%;
    }
    .s\:position--left-50p {
        left: 50%;
    }
    .s\:position--left-60p {
        left: 60%;
    }
    .s\:position--left-70p {
        left: 70%;
    }
    .s\:position--left-80p {
        left: 80%;
    }
    .s\:position--left-90p {
        left: 90%;
    }
    .s\:position--left-100p {
        left: 100%;
    }


    .s\:position--right-auto {
        right: auto;
    }

    .s\:position--right-0 {
        right: 0px;
    }
    .s\:position--right-1 {
        right: 4px;
    }
    .s\:position--right-2 {
        right: 8px;
    }
    .s\:position--right-3 {
        right: 12px;
    }
    .s\:position--right-4 {
        right: 16px;
    }
    .s\:position--right-5 {
        right: 20px;
    }
    .s\:position--right-6 {
        right: 24px;
    }
    .s\:position--right-7 {
        right: 28px;
    }
    .s\:position--right-8 {
        right: 32px;
    }
    .s\:position--right-9 {
        right: 36px;
    }
    .s\:position--right-10 {
        right: 40px;
    }
    .s\:position--right-11 {
        right: 44px;
    }
    .s\:position--right-12 {
        right: 48px;
    }
    .s\:position--right-13 {
        right: 52px;
    }
    .s\:position--right-14 {
        right: 56px;
    }
    .s\:position--right-15 {
        right: 60px;
    }
    .s\:position--right-16 {
        right: 64px;
    }

    .s\:position--right-0p {
        right: 0%;
    }
    .s\:position--right-10p {
        right: 10%;
    }
    .s\:position--right-20p {
        right: 20%;
    }
    .s\:position--right-30p {
        right: 30%;
    }
    .s\:position--right-40p {
        right: 40%;
    }
    .s\:position--right-50p {
        right: 50%;
    }
    .s\:position--right-60p {
        right: 60%;
    }
    .s\:position--right-70p {
        right: 70%;
    }
    .s\:position--right-80p {
        right: 80%;
    }
    .s\:position--right-90p {
        right: 90%;
    }
    .s\:position--right-100p {
        right: 100%;
    }


    .s\:position--bottom-auto {
        bottom: auto;
    }

    .s\:position--bottom-0 {
        bottom: 0;
    }
    .s\:position--bottom-1 {
        bottom: 4px;
    }
    .s\:position--bottom-2 {
        bottom: 8px;
    }
    .s\:position--bottom-3 {
        bottom: 12px;
    }
    .s\:position--bottom-4 {
        bottom: 16px;
    }
    .s\:position--bottom-5 {
        bottom: 20px;
    }
    .s\:position--bottom-6 {
        bottom: 24px;
    }
    .s\:position--bottom-7 {
        bottom: 28px;
    }
    .s\:position--bottom-8 {
        bottom: 32px;
    }
    .s\:position--bottom-9 {
        bottom: 36px;
    }
    .s\:position--bottom-10 {
        bottom: 40px;
    }
    .s\:position--bottom-11 {
        bottom: 44px;
    }
    .s\:position--bottom-12 {
        bottom: 48px;
    }
    .s\:position--bottom-13 {
        bottom: 52px;
    }
    .s\:position--bottom-14 {
        bottom: 56px;
    }
    .s\:position--bottom-15 {
        bottom: 60px;
    }
    .s\:position--bottom-16 {
        bottom: 64px;
    }

    .s\:position--bottom-0p {
        bottom: 0%;
    }
    .s\:position--bottom-10p {
        bottom: 10%;
    }
    .s\:position--bottom-20p {
        bottom: 20%;
    }
    .s\:position--bottom-30p {
        bottom: 30%;
    }
    .s\:position--bottom-40p {
        bottom: 40%;
    }
    .s\:position--bottom-50p {
        bottom: 50%;
    }
    .s\:position--bottom-60p {
        bottom: 60%;
    }
    .s\:position--bottom-70p {
        bottom: 70%;
    }
    .s\:position--bottom-80p {
        bottom: 80%;
    }
    .s\:position--bottom-90p {
        bottom: 90%;
    }
    .s\:position--bottom-100p {
        bottom: 100%;
    }

}
@media (max-width: 576px) {

    .xs\:position {

    }

    .xs\:position--static {
        position: static;
    }
    .xs\:position--sticky {
        position: sticky;
    }
    .xs\:position--absolute {
        position: absolute;
    }
    .xs\:position--relative {
        position: relative;
    }
    .xs\:position--fixed {
        position: fixed;
    }


    .xs\:position--top-auto {
        top: auto;
    }

    .xs\:position--top-0 {
        top: 0;
    }
    .xs\:position--top-1 {
        top: 4px;
    }
    .xs\:position--top-2 {
        top: 8px;
    }
    .xs\:position--top-3 {
        top: 12px;
    }
    .xs\:position--top-4 {
        top: 16px;
    }
    .xs\:position--top-5 {
        top: 20px;
    }
    .xs\:position--top-6 {
        top: 24px;
    }
    .xs\:position--top-7 {
        top: 28px;
    }
    .xs\:position--top-8 {
        top: 32px;
    }
    .xs\:position--top-9 {
        top: 36px;
    }
    .xs\:position--top-10 {
        top: 40px;
    }
    .xs\:position--top-11 {
        top: 44px;
    }
    .xs\:position--top-12 {
        top: 48px;
    }
    .xs\:position--top-13 {
        top: 52px;
    }
    .xs\:position--top-14 {
        top: 56px;
    }
    .xs\:position--top-15 {
        top: 60px;
    }
    .xs\:position--top-16 {
        top: 64px;
    }

    .xs\:position--top-0p {
        top: 0%;
    }
    .xs\:position--top-10p {
        top: 10%;
    }
    .xs\:position--top-20p {
        top: 20%;
    }
    .xs\:position--top-30p {
        top: 30%;
    }
    .xs\:position--top-40p {
        top: 40%;
    }
    .xs\:position--top-50p {
        top: 50%;
    }
    .xs\:position--top-60p {
        top: 60%;
    }
    .xs\:position--top-70p {
        top: 70%;
    }
    .xs\:position--top-80p {
        top: 80%;
    }
    .xs\:position--top-90p {
        top: 90%;
    }
    .xs\:position--top-100p {
        top: 100%;
    }


    .xs\:position--left-auto {
        left: auto;
    }

    .xs\:position--left-0 {
        left: 0;
    }
    .xs\:position--left-1 {
        left: 4px;
    }
    .xs\:position--left-2 {
        left: 8px;
    }
    .xs\:position--left-3 {
        left: 12px;
    }
    .xs\:position--left-4 {
        left: 16px;
    }
    .xs\:position--left-5 {
        left: 20px;
    }
    .xs\:position--left-6 {
        left: 24px;
    }
    .xs\:position--left-7 {
        left: 28px;
    }
    .xs\:position--left-8 {
        left: 32px;
    }
    .xs\:position--left-9 {
        left: 36px;
    }
    .xs\:position--left-10 {
        left: 40px;
    }
    .xs\:position--left-11 {
        left: 44px;
    }
    .xs\:position--left-12 {
        left: 48px;
    }
    .xs\:position--left-13 {
        left: 52px;
    }
    .xs\:position--left-14 {
        left: 56px;
    }
    .xs\:position--left-15 {
        left: 60px;
    }
    .xs\:position--left-16 {
        left: 64px;
    }

    .xs\:position--left-0p {
        left: 0%;
    }
    .xs\:position--left-10p {
        left: 10%;
    }
    .xs\:position--left-20p {
        left: 20%;
    }
    .xs\:position--left-30p {
        left: 30%;
    }
    .xs\:position--left-40p {
        left: 40%;
    }
    .xs\:position--left-50p {
        left: 50%;
    }
    .xs\:position--left-60p {
        left: 60%;
    }
    .xs\:position--left-70p {
        left: 70%;
    }
    .xs\:position--left-80p {
        left: 80%;
    }
    .xs\:position--left-90p {
        left: 90%;
    }
    .xs\:position--left-100p {
        left: 100%;
    }


    .xs\:position--right-auto {
        right: auto;
    }

    .xs\:position--right-0 {
        right: 0px;
    }
    .xs\:position--right-1 {
        right: 4px;
    }
    .xs\:position--right-2 {
        right: 8px;
    }
    .xs\:position--right-3 {
        right: 12px;
    }
    .xs\:position--right-4 {
        right: 16px;
    }
    .xs\:position--right-5 {
        right: 20px;
    }
    .xs\:position--right-6 {
        right: 24px;
    }
    .xs\:position--right-7 {
        right: 28px;
    }
    .xs\:position--right-8 {
        right: 32px;
    }
    .xs\:position--right-9 {
        right: 36px;
    }
    .xs\:position--right-10 {
        right: 40px;
    }
    .xs\:position--right-11 {
        right: 44px;
    }
    .xs\:position--right-12 {
        right: 48px;
    }
    .xs\:position--right-13 {
        right: 52px;
    }
    .xs\:position--right-14 {
        right: 56px;
    }
    .xs\:position--right-15 {
        right: 60px;
    }
    .xs\:position--right-16 {
        right: 64px;
    }

    .xs\:position--right-0p {
        right: 0%;
    }
    .xs\:position--right-10p {
        right: 10%;
    }
    .xs\:position--right-20p {
        right: 20%;
    }
    .xs\:position--right-30p {
        right: 30%;
    }
    .xs\:position--right-40p {
        right: 40%;
    }
    .xs\:position--right-50p {
        right: 50%;
    }
    .xs\:position--right-60p {
        right: 60%;
    }
    .xs\:position--right-70p {
        right: 70%;
    }
    .xs\:position--right-80p {
        right: 80%;
    }
    .xs\:position--right-90p {
        right: 90%;
    }
    .xs\:position--right-100p {
        right: 100%;
    }


    .xs\:position--bottom-auto {
        bottom: auto;
    }

    .xs\:position--bottom-0 {
        bottom: 0;
    }
    .xs\:position--bottom-1 {
        bottom: 4px;
    }
    .xs\:position--bottom-2 {
        bottom: 8px;
    }
    .xs\:position--bottom-3 {
        bottom: 12px;
    }
    .xs\:position--bottom-4 {
        bottom: 16px;
    }
    .xs\:position--bottom-5 {
        bottom: 20px;
    }
    .xs\:position--bottom-6 {
        bottom: 24px;
    }
    .xs\:position--bottom-7 {
        bottom: 28px;
    }
    .xs\:position--bottom-8 {
        bottom: 32px;
    }
    .xs\:position--bottom-9 {
        bottom: 36px;
    }
    .xs\:position--bottom-10 {
        bottom: 40px;
    }
    .xs\:position--bottom-11 {
        bottom: 44px;
    }
    .xs\:position--bottom-12 {
        bottom: 48px;
    }
    .xs\:position--bottom-13 {
        bottom: 52px;
    }
    .xs\:position--bottom-14 {
        bottom: 56px;
    }
    .xs\:position--bottom-15 {
        bottom: 60px;
    }
    .xs\:position--bottom-16 {
        bottom: 64px;
    }

    .xs\:position--bottom-0p {
        bottom: 0%;
    }
    .xs\:position--bottom-10p {
        bottom: 10%;
    }
    .xs\:position--bottom-20p {
        bottom: 20%;
    }
    .xs\:position--bottom-30p {
        bottom: 30%;
    }
    .xs\:position--bottom-40p {
        bottom: 40%;
    }
    .xs\:position--bottom-50p {
        bottom: 50%;
    }
    .xs\:position--bottom-60p {
        bottom: 60%;
    }
    .xs\:position--bottom-70p {
        bottom: 70%;
    }
    .xs\:position--bottom-80p {
        bottom: 80%;
    }
    .xs\:position--bottom-90p {
        bottom: 90%;
    }
    .xs\:position--bottom-100p {
        bottom: 100%;
    }

}


/* Z-index */
.index {

}

.index--0 {
    z-index: 0;
}
.index--1 {
    z-index: 1;
}
.index--2 {
    z-index: 2;
}
.index--3 {
    z-index: 3;
}
.index--4 {
    z-index: 4;
}
.index--5 {
    z-index: 5;
}
.index--6 {
    z-index: 6;
}
.index--7 {
    z-index: 7;
}
.index--8 {
    z-index: 8;
}
.index--9 {
    z-index: 9;
}
.index--10 {
    z-index: 10;
}

@media (max-width: 1400px) {

    .xl\:index {

    }

    .xl\:index--0 {
        z-index: 0;
    }
    .xl\:index--1 {
        z-index: 1;
    }
    .xl\:index--2 {
        z-index: 2;
    }
    .xl\:index--3 {
        z-index: 3;
    }
    .xl\:index--4 {
        z-index: 4;
    }
    .xl\:index--5 {
        z-index: 5;
    }
    .xl\:index--6 {
        z-index: 6;
    }
    .xl\:index--7 {
        z-index: 7;
    }
    .xl\:index--8 {
        z-index: 8;
    }
    .xl\:index--9 {
        z-index: 9;
    }
    .xl\:index--10 {
        z-index: 10;
    }

}
@media (max-width: 1200px) {

    .l\:index {

    }

    .l\:index--0 {
        z-index: 0;
    }
    .l\:index--1 {
        z-index: 1;
    }
    .l\:index--2 {
        z-index: 2;
    }
    .l\:index--3 {
        z-index: 3;
    }
    .l\:index--4 {
        z-index: 4;
    }
    .l\:index--5 {
        z-index: 5;
    }
    .l\:index--6 {
        z-index: 6;
    }
    .l\:index--7 {
        z-index: 7;
    }
    .l\:index--8 {
        z-index: 8;
    }
    .l\:index--9 {
        z-index: 9;
    }
    .l\:index--10 {
        z-index: 10;
    }

}
@media (max-width: 992px) {

    .m\:index {

    }

    .m\:index--0 {
        z-index: 0;
    }
    .m\:index--1 {
        z-index: 1;
    }
    .m\:index--2 {
        z-index: 2;
    }
    .m\:index--3 {
        z-index: 3;
    }
    .m\:index--4 {
        z-index: 4;
    }
    .m\:index--5 {
        z-index: 5;
    }
    .m\:index--6 {
        z-index: 6;
    }
    .m\:index--7 {
        z-index: 7;
    }
    .m\:index--8 {
        z-index: 8;
    }
    .m\:index--9 {
        z-index: 9;
    }
    .m\:index--10 {
        z-index: 10;
    }

}
@media (max-width: 768px) {

    .s\:index {

    }

    .s\:index--0 {
        z-index: 0;
    }
    .s\:index--1 {
        z-index: 1;
    }
    .s\:index--2 {
        z-index: 2;
    }
    .s\:index--3 {
        z-index: 3;
    }
    .s\:index--4 {
        z-index: 4;
    }
    .s\:index--5 {
        z-index: 5;
    }
    .s\:index--6 {
        z-index: 6;
    }
    .s\:index--7 {
        z-index: 7;
    }
    .s\:index--8 {
        z-index: 8;
    }
    .s\:index--9 {
        z-index: 9;
    }
    .s\:index--10 {
        z-index: 10;
    }

}
@media (max-width: 576px) {

    .xs\:index {

    }

    .xs\:index--0 {
        z-index: 0;
    }
    .xs\:index--1 {
        z-index: 1;
    }
    .xs\:index--2 {
        z-index: 2;
    }
    .xs\:index--3 {
        z-index: 3;
    }
    .xs\:index--4 {
        z-index: 4;
    }
    .xs\:index--5 {
        z-index: 5;
    }
    .xs\:index--6 {
        z-index: 6;
    }
    .xs\:index--7 {
        z-index: 7;
    }
    .xs\:index--8 {
        z-index: 8;
    }
    .xs\:index--9 {
        z-index: 9;
    }
    .xs\:index--10 {
        z-index: 10;
    }

}


/* Width */
.w {

}

.w--0 {
    width: 0;
}
.w--1 {
    width: 4px;
}
.w--2 {
    width: 8px;
}
.w--3 {
    width: 12px;
}
.w--4 {
    width: 16px;
}
.w--5 {
    width: 20px;
}
.w--6 {
    width: 24px;
}
.w--7 {
    width: 28px;
}
.w--8 {
    width: 32px;
}
.w--9 {
    width: 36px;
}
.w--10 {
    width: 40px;
}
.w--11 {
    width: 44px;
}
.w--12 {
    width: 48px;
}
.w--13 {
    width: 52px;
}
.w--14 {
    width: 56px;
}
.w--15 {
    width: 60px;
}
.w--16 {
    width: 64px;
}
.w--17 {
    width: 68px;
}
.w--18 {
    width: 72px;
}
.w--19 {
    width: 76px;
}
.w--20 {
    width: 80px;
}
.w--25 {
    width: 100px;
}
.w--30 {
    width: 120px;
}
.w--35 {
    width: 140px;
}
.w--40 {
    width: 160px;
}
.w--45 {
    width: 180px;
}
.w--50 {
    width: 200px;
}
.w--55 {
    width: 220px;
}
.w--60 {
    width: 240px;
}
.w--65 {
    width: 260px;
}
.w--70 {
    width: 280px;
}
.w--75 {
    width: 300px;
}
.w--80 {
    width: 320px;
}
.w--85 {
    width: 340px;
}
.w--90 {
    width: 360px;
}
.w--95 {
    width: 380px;
}
.w--100 {
    width: 400px;
}
.w--105 {
    width: 420px;
}
.w--110 {
    width: 440px;
}
.w--115 {
    width: 460px;
}
.w--120 {
    width: 480px;
}
.w--125 {
    width: 500px;
}
.w--130 {
    width: 520px;
}
.w--135 {
    width: 540px;
}
.w--140 {
    width: 560px;
}
.w--145 {
    width: 580px;
}
.w--150 {
    width: 600px;
}
.w--155 {
    width: 620px;
}
.w--160 {
    width: 640px;
}
.w--165 {
    width: 660px;
}
.w--170 {
    width: 680px;
}
.w--175 {
    width: 700px;
}
.w--180 {
    width: 720px;
}
.w--185 {
    width: 740px;
}
.w--190 {
    width: 760px;
}
.w--195 {
    width: 780px;
}
.w--200 {
    width: 800px;
}
.w--205 {
    width: 820px;
}
.w--210 {
    width: 840px;
}
.w--215 {
    width: 860px;
}
.w--220 {
    width: 880px;
}
.w--225 {
    width: 900px;
}
.w--230 {
    width: 920px;
}
.w--235 {
    width: 940px;
}
.w--240 {
    width: 960px;
}
.w--245 {
    width: 980px;
}
.w--250 {
    width: 1000px;
}

.w--0p {
    width: 0%;
}
.w--10p {
    width: 10%;
}
.w--20p {
    width: 20%;
}
.w--30p {
    width: 30%;
}
.w--40p {
    width: 40%;
}
.w--50p {
    width: 50%;
}
.w--60p {
    width: 60%;
}
.w--70p {
    width: 70%;
}
.w--80p {
    width: 80%;
}
.w--90p {
    width: 90%;
}
.w--100p {
    width: 100%;
}

@media (max-width: 1400px) {

    .xl\:w {

    }

    .xl\:w--0 {
        width: 0;
    }
    .xl\:w--1 {
        width: 4px;
    }
    .xl\:w--2 {
        width: 8px;
    }
    .xl\:w--3 {
        width: 12px;
    }
    .xl\:w--4 {
        width: 16px;
    }
    .xl\:w--5 {
        width: 20px;
    }
    .xl\:w--6 {
        width: 24px;
    }
    .xl\:w--7 {
        width: 28px;
    }
    .xl\:w--8 {
        width: 32px;
    }
    .xl\:w--9 {
        width: 36px;
    }
    .xl\:w--10 {
        width: 40px;
    }
    .xl\:w--11 {
        width: 44px;
    }
    .xl\:w--12 {
        width: 48px;
    }
    .xl\:w--13 {
        width: 52px;
    }
    .xl\:w--14 {
        width: 56px;
    }
    .xl\:w--15 {
        width: 60px;
    }
    .xl\:w--16 {
        width: 64px;
    }
    .xl\:w--17 {
        width: 68px;
    }
    .xl\:w--18 {
        width: 72px;
    }
    .xl\:w--19 {
        width: 76px;
    }
    .xl\:w--20 {
        width: 80px;
    }
    .xl\:w--25 {
        width: 100px;
    }
    .xl\:w--30 {
        width: 120px;
    }
    .xl\:w--35 {
        width: 140px;
    }
    .xl\:w--40 {
        width: 160px;
    }
    .xl\:w--45 {
        width: 180px;
    }
    .xl\:w--50 {
        width: 200px;
    }
    .xl\:w--55 {
        width: 220px;
    }
    .xl\:w--60 {
        width: 240px;
    }
    .xl\:w--65 {
        width: 260px;
    }
    .xl\:w--70 {
        width: 280px;
    }
    .xl\:w--75 {
        width: 300px;
    }
    .xl\:w--80 {
        width: 320px;
    }
    .xl\:w--85 {
        width: 340px;
    }
    .xl\:w--90 {
        width: 360px;
    }
    .xl\:w--95 {
        width: 380px;
    }
    .xl\:w--100 {
        width: 400px;
    }
    .xl\:w--105 {
        width: 420px;
    }
    .xl\:w--110 {
        width: 440px;
    }
    .xl\:w--115 {
        width: 460px;
    }
    .xl\:w--120 {
        width: 480px;
    }
    .xl\:w--125 {
        width: 500px;
    }
    .xl\:w--130 {
        width: 520px;
    }
    .xl\:w--135 {
        width: 540px;
    }
    .xl\:w--140 {
        width: 560px;
    }
    .xl\:w--145 {
        width: 580px;
    }
    .xl\:w--150 {
        width: 600px;
    }
    .xl\:w--155 {
        width: 620px;
    }
    .xl\:w--160 {
        width: 640px;
    }
    .xl\:w--165 {
        width: 660px;
    }
    .xl\:w--170 {
        width: 680px;
    }
    .xl\:w--175 {
        width: 700px;
    }
    .xl\:w--180 {
        width: 720px;
    }
    .xl\:w--185 {
        width: 740px;
    }
    .xl\:w--190 {
        width: 760px;
    }
    .xl\:w--195 {
        width: 780px;
    }
    .xl\:w--200 {
        width: 800px;
    }
    .xl\:w--205 {
        width: 820px;
    }
    .xl\:w--210 {
        width: 840px;
    }
    .xl\:w--215 {
        width: 860px;
    }
    .xl\:w--220 {
        width: 880px;
    }
    .xl\:w--225 {
        width: 900px;
    }
    .xl\:w--230 {
        width: 920px;
    }
    .xl\:w--235 {
        width: 940px;
    }
    .xl\:w--240 {
        width: 960px;
    }
    .xl\:w--245 {
        width: 980px;
    }
    .xl\:w--250 {
        width: 1000px;
    }

    .xl\:w--0p {
        width: 0%;
    }
    .xl\:w--10p {
        width: 10%;
    }
    .xl\:w--20p {
        width: 20%;
    }
    .xl\:w--30p {
        width: 30%;
    }
    .xl\:w--40p {
        width: 40%;
    }
    .xl\:w--50p {
        width: 50%;
    }
    .xl\:w--60p {
        width: 60%;
    }
    .xl\:w--70p {
        width: 70%;
    }
    .xl\:w--80p {
        width: 80%;
    }
    .xl\:w--90p {
        width: 90%;
    }
    .xl\:w--100p {
        width: 100%;
    }

}
@media (max-width: 1200px) {

    .l\:w {

    }

    .l\:w--0 {
        width: 0;
    }
    .l\:w--1 {
        width: 4px;
    }
    .l\:w--2 {
        width: 8px;
    }
    .l\:w--3 {
        width: 12px;
    }
    .l\:w--4 {
        width: 16px;
    }
    .l\:w--5 {
        width: 20px;
    }
    .l\:w--6 {
        width: 24px;
    }
    .l\:w--7 {
        width: 28px;
    }
    .l\:w--8 {
        width: 32px;
    }
    .l\:w--9 {
        width: 36px;
    }
    .l\:w--10 {
        width: 40px;
    }
    .l\:w--11 {
        width: 44px;
    }
    .l\:w--12 {
        width: 48px;
    }
    .l\:w--13 {
        width: 52px;
    }
    .l\:w--14 {
        width: 56px;
    }
    .l\:w--15 {
        width: 60px;
    }
    .l\:w--16 {
        width: 64px;
    }
    .l\:w--17 {
        width: 68px;
    }
    .l\:w--18 {
        width: 72px;
    }
    .l\:w--19 {
        width: 76px;
    }
    .l\:w--20 {
        width: 80px;
    }
    .l\:w--25 {
        width: 100px;
    }
    .l\:w--30 {
        width: 120px;
    }
    .l\:w--35 {
        width: 140px;
    }
    .l\:w--40 {
        width: 160px;
    }
    .l\:w--45 {
        width: 180px;
    }
    .l\:w--50 {
        width: 200px;
    }
    .l\:w--55 {
        width: 220px;
    }
    .l\:w--60 {
        width: 240px;
    }
    .l\:w--65 {
        width: 260px;
    }
    .l\:w--70 {
        width: 280px;
    }
    .l\:w--75 {
        width: 300px;
    }
    .l\:w--80 {
        width: 320px;
    }
    .l\:w--85 {
        width: 340px;
    }
    .l\:w--90 {
        width: 360px;
    }
    .l\:w--95 {
        width: 380px;
    }
    .l\:w--100 {
        width: 400px;
    }
    .l\:w--105 {
        width: 420px;
    }
    .l\:w--110 {
        width: 440px;
    }
    .l\:w--115 {
        width: 460px;
    }
    .l\:w--120 {
        width: 480px;
    }
    .l\:w--125 {
        width: 500px;
    }
    .l\:w--130 {
        width: 520px;
    }
    .l\:w--135 {
        width: 540px;
    }
    .l\:w--140 {
        width: 560px;
    }
    .l\:w--145 {
        width: 580px;
    }
    .l\:w--150 {
        width: 600px;
    }
    .l\:w--155 {
        width: 620px;
    }
    .l\:w--160 {
        width: 640px;
    }
    .l\:w--165 {
        width: 660px;
    }
    .l\:w--170 {
        width: 680px;
    }
    .l\:w--175 {
        width: 700px;
    }
    .l\:w--180 {
        width: 720px;
    }
    .l\:w--185 {
        width: 740px;
    }
    .l\:w--190 {
        width: 760px;
    }
    .l\:w--195 {
        width: 780px;
    }
    .l\:w--200 {
        width: 800px;
    }
    .l\:w--205 {
        width: 820px;
    }
    .l\:w--210 {
        width: 840px;
    }
    .l\:w--215 {
        width: 860px;
    }
    .l\:w--220 {
        width: 880px;
    }
    .l\:w--225 {
        width: 900px;
    }
    .l\:w--230 {
        width: 920px;
    }
    .l\:w--235 {
        width: 940px;
    }
    .l\:w--240 {
        width: 960px;
    }
    .l\:w--245 {
        width: 980px;
    }
    .l\:w--250 {
        width: 1000px;
    }

    .l\:w--0p {
        width: 0%;
    }
    .l\:w--10p {
        width: 10%;
    }
    .l\:w--20p {
        width: 20%;
    }
    .l\:w--30p {
        width: 30%;
    }
    .l\:w--40p {
        width: 40%;
    }
    .l\:w--50p {
        width: 50%;
    }
    .l\:w--60p {
        width: 60%;
    }
    .l\:w--70p {
        width: 70%;
    }
    .l\:w--80p {
        width: 80%;
    }
    .l\:w--90p {
        width: 90%;
    }
    .l\:w--100p {
        width: 100%;
    }

}
@media (max-width: 992px) {

    .m\:w {

    }

    .m\:w--0 {
        width: 0;
    }
    .m\:w--1 {
        width: 4px;
    }
    .m\:w--2 {
        width: 8px;
    }
    .m\:w--3 {
        width: 12px;
    }
    .m\:w--4 {
        width: 16px;
    }
    .m\:w--5 {
        width: 20px;
    }
    .m\:w--6 {
        width: 24px;
    }
    .m\:w--7 {
        width: 28px;
    }
    .m\:w--8 {
        width: 32px;
    }
    .m\:w--9 {
        width: 36px;
    }
    .m\:w--10 {
        width: 40px;
    }
    .m\:w--11 {
        width: 44px;
    }
    .m\:w--12 {
        width: 48px;
    }
    .m\:w--13 {
        width: 52px;
    }
    .m\:w--14 {
        width: 56px;
    }
    .m\:w--15 {
        width: 60px;
    }
    .m\:w--16 {
        width: 64px;
    }
    .m\:w--17 {
        width: 68px;
    }
    .m\:w--18 {
        width: 72px;
    }
    .m\:w--19 {
        width: 76px;
    }
    .m\:w--20 {
        width: 80px;
    }
    .m\:w--25 {
        width: 100px;
    }
    .m\:w--30 {
        width: 120px;
    }
    .m\:w--35 {
        width: 140px;
    }
    .m\:w--40 {
        width: 160px;
    }
    .m\:w--45 {
        width: 180px;
    }
    .m\:w--50 {
        width: 200px;
    }
    .m\:w--55 {
        width: 220px;
    }
    .m\:w--60 {
        width: 240px;
    }
    .m\:w--65 {
        width: 260px;
    }
    .m\:w--70 {
        width: 280px;
    }
    .m\:w--75 {
        width: 300px;
    }
    .m\:w--80 {
        width: 320px;
    }
    .m\:w--85 {
        width: 340px;
    }
    .m\:w--90 {
        width: 360px;
    }
    .m\:w--95 {
        width: 380px;
    }
    .m\:w--100 {
        width: 400px;
    }
    .m\:w--105 {
        width: 420px;
    }
    .m\:w--110 {
        width: 440px;
    }
    .m\:w--115 {
        width: 460px;
    }
    .m\:w--120 {
        width: 480px;
    }
    .m\:w--125 {
        width: 500px;
    }
    .m\:w--130 {
        width: 520px;
    }
    .m\:w--135 {
        width: 540px;
    }
    .m\:w--140 {
        width: 560px;
    }
    .m\:w--145 {
        width: 580px;
    }
    .m\:w--150 {
        width: 600px;
    }
    .m\:w--155 {
        width: 620px;
    }
    .m\:w--160 {
        width: 640px;
    }
    .m\:w--165 {
        width: 660px;
    }
    .m\:w--170 {
        width: 680px;
    }
    .m\:w--175 {
        width: 700px;
    }
    .m\:w--180 {
        width: 720px;
    }
    .m\:w--185 {
        width: 740px;
    }
    .m\:w--190 {
        width: 760px;
    }
    .m\:w--195 {
        width: 780px;
    }
    .m\:w--200 {
        width: 800px;
    }
    .m\:w--205 {
        width: 820px;
    }
    .m\:w--210 {
        width: 840px;
    }
    .m\:w--215 {
        width: 860px;
    }
    .m\:w--220 {
        width: 880px;
    }
    .m\:w--225 {
        width: 900px;
    }
    .m\:w--230 {
        width: 920px;
    }
    .m\:w--235 {
        width: 940px;
    }
    .m\:w--240 {
        width: 960px;
    }
    .m\:w--245 {
        width: 980px;
    }
    .m\:w--250 {
        width: 1000px;
    }

    .m\:w--0p {
        width: 0%;
    }
    .m\:w--10p {
        width: 10%;
    }
    .m\:w--20p {
        width: 20%;
    }
    .m\:w--30p {
        width: 30%;
    }
    .m\:w--40p {
        width: 40%;
    }
    .m\:w--50p {
        width: 50%;
    }
    .m\:w--60p {
        width: 60%;
    }
    .m\:w--70p {
        width: 70%;
    }
    .m\:w--80p {
        width: 80%;
    }
    .m\:w--90p {
        width: 90%;
    }
    .m\:w--100p {
        width: 100%;
    }

}
@media (max-width: 768px) {

    .s\:w {

    }

    .s\:w--0 {
        width: 0;
    }
    .s\:w--1 {
        width: 4px;
    }
    .s\:w--2 {
        width: 8px;
    }
    .s\:w--3 {
        width: 12px;
    }
    .s\:w--4 {
        width: 16px;
    }
    .s\:w--5 {
        width: 20px;
    }
    .s\:w--6 {
        width: 24px;
    }
    .s\:w--7 {
        width: 28px;
    }
    .s\:w--8 {
        width: 32px;
    }
    .s\:w--9 {
        width: 36px;
    }
    .s\:w--10 {
        width: 40px;
    }
    .s\:w--11 {
        width: 44px;
    }
    .s\:w--12 {
        width: 48px;
    }
    .s\:w--13 {
        width: 52px;
    }
    .s\:w--14 {
        width: 56px;
    }
    .s\:w--15 {
        width: 60px;
    }
    .s\:w--16 {
        width: 64px;
    }
    .s\:w--17 {
        width: 68px;
    }
    .s\:w--18 {
        width: 72px;
    }
    .s\:w--19 {
        width: 76px;
    }
    .s\:w--20 {
        width: 80px;
    }
    .s\:w--25 {
        width: 100px;
    }
    .s\:w--30 {
        width: 120px;
    }
    .s\:w--35 {
        width: 140px;
    }
    .s\:w--40 {
        width: 160px;
    }
    .s\:w--45 {
        width: 180px;
    }
    .s\:w--50 {
        width: 200px;
    }
    .s\:w--55 {
        width: 220px;
    }
    .s\:w--60 {
        width: 240px;
    }
    .s\:w--65 {
        width: 260px;
    }
    .s\:w--70 {
        width: 280px;
    }
    .s\:w--75 {
        width: 300px;
    }
    .s\:w--80 {
        width: 320px;
    }
    .s\:w--85 {
        width: 340px;
    }
    .s\:w--90 {
        width: 360px;
    }
    .s\:w--95 {
        width: 380px;
    }
    .s\:w--100 {
        width: 400px;
    }
    .s\:w--105 {
        width: 420px;
    }
    .s\:w--110 {
        width: 440px;
    }
    .s\:w--115 {
        width: 460px;
    }
    .s\:w--120 {
        width: 480px;
    }
    .s\:w--125 {
        width: 500px;
    }
    .s\:w--130 {
        width: 520px;
    }
    .s\:w--135 {
        width: 540px;
    }
    .s\:w--140 {
        width: 560px;
    }
    .s\:w--145 {
        width: 580px;
    }
    .s\:w--150 {
        width: 600px;
    }
    .s\:w--155 {
        width: 620px;
    }
    .s\:w--160 {
        width: 640px;
    }
    .s\:w--165 {
        width: 660px;
    }
    .s\:w--170 {
        width: 680px;
    }
    .s\:w--175 {
        width: 700px;
    }
    .s\:w--180 {
        width: 720px;
    }
    .s\:w--185 {
        width: 740px;
    }
    .s\:w--190 {
        width: 760px;
    }
    .s\:w--195 {
        width: 780px;
    }
    .s\:w--200 {
        width: 800px;
    }
    .s\:w--205 {
        width: 820px;
    }
    .s\:w--210 {
        width: 840px;
    }
    .s\:w--215 {
        width: 860px;
    }
    .s\:w--220 {
        width: 880px;
    }
    .s\:w--225 {
        width: 900px;
    }
    .s\:w--230 {
        width: 920px;
    }
    .s\:w--235 {
        width: 940px;
    }
    .s\:w--240 {
        width: 960px;
    }
    .s\:w--245 {
        width: 980px;
    }
    .s\:w--250 {
        width: 1000px;
    }

    .s\:w--0p {
        width: 0%;
    }
    .s\:w--10p {
        width: 10%;
    }
    .s\:w--20p {
        width: 20%;
    }
    .s\:w--30p {
        width: 30%;
    }
    .s\:w--40p {
        width: 40%;
    }
    .s\:w--50p {
        width: 50%;
    }
    .s\:w--60p {
        width: 60%;
    }
    .s\:w--70p {
        width: 70%;
    }
    .s\:w--80p {
        width: 80%;
    }
    .s\:w--90p {
        width: 90%;
    }
    .s\:w--100p {
        width: 100%;
    }

}
@media (max-width: 576px) {

    .xs\:w {

    }

    .xs\:w--0 {
        width: 0;
    }
    .xs\:w--1 {
        width: 4px;
    }
    .xs\:w--2 {
        width: 8px;
    }
    .xs\:w--3 {
        width: 12px;
    }
    .xs\:w--4 {
        width: 16px;
    }
    .xs\:w--5 {
        width: 20px;
    }
    .xs\:w--6 {
        width: 24px;
    }
    .xs\:w--7 {
        width: 28px;
    }
    .xs\:w--8 {
        width: 32px;
    }
    .xs\:w--9 {
        width: 36px;
    }
    .xs\:w--10 {
        width: 40px;
    }
    .xs\:w--11 {
        width: 44px;
    }
    .xs\:w--12 {
        width: 48px;
    }
    .xs\:w--13 {
        width: 52px;
    }
    .xs\:w--14 {
        width: 56px;
    }
    .xs\:w--15 {
        width: 60px;
    }
    .xs\:w--16 {
        width: 64px;
    }
    .xs\:w--17 {
        width: 68px;
    }
    .xs\:w--18 {
        width: 72px;
    }
    .xs\:w--19 {
        width: 76px;
    }
    .xs\:w--20 {
        width: 80px;
    }
    .xs\:w--25 {
        width: 100px;
    }
    .xs\:w--30 {
        width: 120px;
    }
    .xs\:w--35 {
        width: 140px;
    }
    .xs\:w--40 {
        width: 160px;
    }
    .xs\:w--45 {
        width: 180px;
    }
    .xs\:w--50 {
        width: 200px;
    }
    .xs\:w--55 {
        width: 220px;
    }
    .xs\:w--60 {
        width: 240px;
    }
    .xs\:w--65 {
        width: 260px;
    }
    .xs\:w--70 {
        width: 280px;
    }
    .xs\:w--75 {
        width: 300px;
    }
    .xs\:w--80 {
        width: 320px;
    }
    .xs\:w--85 {
        width: 340px;
    }
    .xs\:w--90 {
        width: 360px;
    }
    .xs\:w--95 {
        width: 380px;
    }
    .xs\:w--100 {
        width: 400px;
    }
    .xs\:w--105 {
        width: 420px;
    }
    .xs\:w--110 {
        width: 440px;
    }
    .xs\:w--115 {
        width: 460px;
    }
    .xs\:w--120 {
        width: 480px;
    }
    .xs\:w--125 {
        width: 500px;
    }
    .xs\:w--130 {
        width: 520px;
    }
    .xs\:w--135 {
        width: 540px;
    }
    .xs\:w--140 {
        width: 560px;
    }
    .xs\:w--145 {
        width: 580px;
    }
    .xs\:w--150 {
        width: 600px;
    }
    .xs\:w--155 {
        width: 620px;
    }
    .xs\:w--160 {
        width: 640px;
    }
    .xs\:w--165 {
        width: 660px;
    }
    .xs\:w--170 {
        width: 680px;
    }
    .xs\:w--175 {
        width: 700px;
    }
    .xs\:w--180 {
        width: 720px;
    }
    .xs\:w--185 {
        width: 740px;
    }
    .xs\:w--190 {
        width: 760px;
    }
    .xs\:w--195 {
        width: 780px;
    }
    .xs\:w--200 {
        width: 800px;
    }
    .xs\:w--205 {
        width: 820px;
    }
    .xs\:w--210 {
        width: 840px;
    }
    .xs\:w--215 {
        width: 860px;
    }
    .xs\:w--220 {
        width: 880px;
    }
    .xs\:w--225 {
        width: 900px;
    }
    .xs\:w--230 {
        width: 920px;
    }
    .xs\:w--235 {
        width: 940px;
    }
    .xs\:w--240 {
        width: 960px;
    }
    .xs\:w--245 {
        width: 980px;
    }
    .xs\:w--250 {
        width: 1000px;
    }

    .xs\:w--0p {
        width: 0%;
    }
    .xs\:w--10p {
        width: 10%;
    }
    .xs\:w--20p {
        width: 20%;
    }
    .xs\:w--30p {
        width: 30%;
    }
    .xs\:w--40p {
        width: 40%;
    }
    .xs\:w--50p {
        width: 50%;
    }
    .xs\:w--60p {
        width: 60%;
    }
    .xs\:w--70p {
        width: 70%;
    }
    .xs\:w--80p {
        width: 80%;
    }
    .xs\:w--90p {
        width: 90%;
    }
    .xs\:w--100p {
        width: 100%;
    }

}


/* Height */
.h {

}

.h--0 {
    height: 0;
}
.h--1 {
    height: 4px;
}
.h--2 {
    height: 8px;
}
.h--3 {
    height: 12px;
}
.h--4 {
    height: 16px;
}
.h--5 {
    height: 20px;
}
.h--6 {
    height: 24px;
}
.h--7 {
    height: 28px;
}
.h--8 {
    height: 32px;
}
.h--9 {
    height: 36px;
}
.h--10 {
    height: 40px;
}
.h--11 {
    height: 44px;
}
.h--12 {
    height: 48px;
}
.h--13 {
    height: 52px;
}
.h--14 {
    height: 56px;
}
.h--15 {
    height: 60px;
}
.h--16 {
    height: 64px;
}
.h--17 {
    height: 68px;
}
.h--18 {
    height: 72px;
}
.h--19 {
    height: 76px;
}
.h--20 {
    height: 80px;
}
.h--25 {
    height: 100px;
}
.h--30 {
    height: 120px;
}
.h--35 {
    height: 140px;
}
.h--40 {
    height: 160px;
}
.h--45 {
    height: 180px;
}
.h--50 {
    height: 200px;
}
.h--55 {
    height: 220px;
}
.h--60 {
    height: 240px;
}
.h--65 {
    height: 260px;
}
.h--70 {
    height: 280px;
}
.h--75 {
    height: 300px;
}
.h--80 {
    height: 320px;
}
.h--85 {
    height: 340px;
}
.h--90 {
    height: 360px;
}
.h--95 {
    height: 380px;
}
.h--100 {
    height: 400px;
}
.h--105 {
    height: 420px;
}
.h--110 {
    height: 440px;
}
.h--115 {
    height: 460px;
}
.h--120 {
    height: 480px;
}
.h--125 {
    height: 500px;
}
.h--130 {
    height: 520px;
}
.h--135 {
    height: 540px;
}
.h--140 {
    height: 560px;
}
.h--145 {
    height: 580px;
}
.h--150 {
    height: 600px;
}
.h--155 {
    height: 620px;
}
.h--160 {
    height: 640px;
}
.h--165 {
    height: 660px;
}
.h--170 {
    height: 680px;
}
.h--175 {
    height: 700px;
}
.h--180 {
    height: 720px;
}
.h--185 {
    height: 740px;
}
.h--190 {
    height: 760px;
}
.h--195 {
    height: 780px;
}
.h--200 {
    height: 800px;
}
.h--205 {
    height: 820px;
}
.h--210 {
    height: 840px;
}
.h--215 {
    height: 860px;
}
.h--220 {
    height: 880px;
}
.h--225 {
    height: 900px;
}
.h--230 {
    height: 920px;
}
.h--235 {
    height: 940px;
}
.h--240 {
    height: 960px;
}
.h--245 {
    height: 980px;
}
.h--250 {
    height: 1000px;
}

.h--0p {
    height: 0%;
}
.h--10p {
    height: 10%;
}
.h--20p {
    height: 20%;
}
.h--30p {
    height: 30%;
}
.h--40p {
    height: 40%;
}
.h--50p {
    height: 50%;
}
.h--60p {
    height: 60%;
}
.h--70p {
    height: 70%;
}
.h--80p {
    height: 80%;
}
.h--90p {
    height: 90%;
}
.h--100p {
    height: 100%;
}

@media (max-width: 1400px) {

    .xl\:h {

    }

    .xl\:h--0 {
        height: 0;
    }
    .xl\:h--1 {
        height: 4px;
    }
    .xl\:h--2 {
        height: 8px;
    }
    .xl\:h--3 {
        height: 12px;
    }
    .xl\:h--4 {
        height: 16px;
    }
    .xl\:h--5 {
        height: 20px;
    }
    .xl\:h--6 {
        height: 24px;
    }
    .xl\:h--7 {
        height: 28px;
    }
    .xl\:h--8 {
        height: 32px;
    }
    .xl\:h--9 {
        height: 36px;
    }
    .xl\:h--10 {
        height: 40px;
    }
    .xl\:h--11 {
        height: 44px;
    }
    .xl\:h--12 {
        height: 48px;
    }
    .xl\:h--13 {
        height: 52px;
    }
    .xl\:h--14 {
        height: 56px;
    }
    .xl\:h--15 {
        height: 60px;
    }
    .xl\:h--16 {
        height: 64px;
    }
    .xl\:h--17 {
        height: 68px;
    }
    .xl\:h--18 {
        height: 72px;
    }
    .xl\:h--19 {
        height: 76px;
    }
    .xl\:h--20 {
        height: 80px;
    }
    .xl\:h--25 {
        height: 100px;
    }
    .xl\:h--30 {
        height: 120px;
    }
    .xl\:h--35 {
        height: 140px;
    }
    .xl\:h--40 {
        height: 160px;
    }
    .xl\:h--45 {
        height: 180px;
    }
    .xl\:h--50 {
        height: 200px;
    }
    .xl\:h--55 {
        height: 220px;
    }
    .xl\:h--60 {
        height: 240px;
    }
    .xl\:h--65 {
        height: 260px;
    }
    .xl\:h--70 {
        height: 280px;
    }
    .xl\:h--75 {
        height: 300px;
    }
    .xl\:h--80 {
        height: 320px;
    }
    .xl\:h--85 {
        height: 340px;
    }
    .xl\:h--90 {
        height: 360px;
    }
    .xl\:h--95 {
        height: 380px;
    }
    .xl\:h--100 {
        height: 400px;
    }
    .xl\:h--105 {
        height: 420px;
    }
    .xl\:h--110 {
        height: 440px;
    }
    .xl\:h--115 {
        height: 460px;
    }
    .xl\:h--120 {
        height: 480px;
    }
    .xl\:h--125 {
        height: 500px;
    }
    .xl\:h--130 {
        height: 520px;
    }
    .xl\:h--135 {
        height: 540px;
    }
    .xl\:h--140 {
        height: 560px;
    }
    .xl\:h--145 {
        height: 580px;
    }
    .xl\:h--150 {
        height: 600px;
    }
    .xl\:h--155 {
        height: 620px;
    }
    .xl\:h--160 {
        height: 640px;
    }
    .xl\:h--165 {
        height: 660px;
    }
    .xl\:h--170 {
        height: 680px;
    }
    .xl\:h--175 {
        height: 700px;
    }
    .xl\:h--180 {
        height: 720px;
    }
    .xl\:h--185 {
        height: 740px;
    }
    .xl\:h--190 {
        height: 760px;
    }
    .xl\:h--195 {
        height: 780px;
    }
    .xl\:h--200 {
        height: 800px;
    }
    .xl\:h--205 {
        height: 820px;
    }
    .xl\:h--210 {
        height: 840px;
    }
    .xl\:h--215 {
        height: 860px;
    }
    .xl\:h--220 {
        height: 880px;
    }
    .xl\:h--225 {
        height: 900px;
    }
    .xl\:h--230 {
        height: 920px;
    }
    .xl\:h--235 {
        height: 940px;
    }
    .xl\:h--240 {
        height: 960px;
    }
    .xl\:h--245 {
        height: 980px;
    }
    .xl\:h--250 {
        height: 1000px;
    }

    .xl\:h--0p {
        height: 0%;
    }
    .xl\:h--10p {
        height: 10%;
    }
    .xl\:h--20p {
        height: 20%;
    }
    .xl\:h--30p {
        height: 30%;
    }
    .xl\:h--40p {
        height: 40%;
    }
    .xl\:h--50p {
        height: 50%;
    }
    .xl\:h--60p {
        height: 60%;
    }
    .xl\:h--70p {
        height: 70%;
    }
    .xl\:h--80p {
        height: 80%;
    }
    .xl\:h--90p {
        height: 90%;
    }
    .xl\:h--100p {
        height: 100%;
    }

}
@media (max-width: 1200px) {

    .l\:h {

    }

    .l\:h--0 {
        height: 0;
    }
    .l\:h--1 {
        height: 4px;
    }
    .l\:h--2 {
        height: 8px;
    }
    .l\:h--3 {
        height: 12px;
    }
    .l\:h--4 {
        height: 16px;
    }
    .l\:h--5 {
        height: 20px;
    }
    .l\:h--6 {
        height: 24px;
    }
    .l\:h--7 {
        height: 28px;
    }
    .l\:h--8 {
        height: 32px;
    }
    .l\:h--9 {
        height: 36px;
    }
    .l\:h--10 {
        height: 40px;
    }
    .l\:h--11 {
        height: 44px;
    }
    .l\:h--12 {
        height: 48px;
    }
    .l\:h--13 {
        height: 52px;
    }
    .l\:h--14 {
        height: 56px;
    }
    .l\:h--15 {
        height: 60px;
    }
    .l\:h--16 {
        height: 64px;
    }
    .l\:h--17 {
        height: 68px;
    }
    .l\:h--18 {
        height: 72px;
    }
    .l\:h--19 {
        height: 76px;
    }
    .l\:h--20 {
        height: 80px;
    }
    .l\:h--25 {
        height: 100px;
    }
    .l\:h--30 {
        height: 120px;
    }
    .l\:h--35 {
        height: 140px;
    }
    .l\:h--40 {
        height: 160px;
    }
    .l\:h--45 {
        height: 180px;
    }
    .l\:h--50 {
        height: 200px;
    }
    .l\:h--55 {
        height: 220px;
    }
    .l\:h--60 {
        height: 240px;
    }
    .l\:h--65 {
        height: 260px;
    }
    .l\:h--70 {
        height: 280px;
    }
    .l\:h--75 {
        height: 300px;
    }
    .l\:h--80 {
        height: 320px;
    }
    .l\:h--85 {
        height: 340px;
    }
    .l\:h--90 {
        height: 360px;
    }
    .l\:h--95 {
        height: 380px;
    }
    .l\:h--100 {
        height: 400px;
    }
    .l\:h--105 {
        height: 420px;
    }
    .l\:h--110 {
        height: 440px;
    }
    .l\:h--115 {
        height: 460px;
    }
    .l\:h--120 {
        height: 480px;
    }
    .l\:h--125 {
        height: 500px;
    }
    .l\:h--130 {
        height: 520px;
    }
    .l\:h--135 {
        height: 540px;
    }
    .l\:h--140 {
        height: 560px;
    }
    .l\:h--145 {
        height: 580px;
    }
    .l\:h--150 {
        height: 600px;
    }
    .l\:h--155 {
        height: 620px;
    }
    .l\:h--160 {
        height: 640px;
    }
    .l\:h--165 {
        height: 660px;
    }
    .l\:h--170 {
        height: 680px;
    }
    .l\:h--175 {
        height: 700px;
    }
    .l\:h--180 {
        height: 720px;
    }
    .l\:h--185 {
        height: 740px;
    }
    .l\:h--190 {
        height: 760px;
    }
    .l\:h--195 {
        height: 780px;
    }
    .l\:h--200 {
        height: 800px;
    }
    .l\:h--205 {
        height: 820px;
    }
    .l\:h--210 {
        height: 840px;
    }
    .l\:h--215 {
        height: 860px;
    }
    .l\:h--220 {
        height: 880px;
    }
    .l\:h--225 {
        height: 900px;
    }
    .l\:h--230 {
        height: 920px;
    }
    .l\:h--235 {
        height: 940px;
    }
    .l\:h--240 {
        height: 960px;
    }
    .l\:h--245 {
        height: 980px;
    }
    .l\:h--250 {
        height: 1000px;
    }

    .l\:h--0p {
        height: 0%;
    }
    .l\:h--10p {
        height: 10%;
    }
    .l\:h--20p {
        height: 20%;
    }
    .l\:h--30p {
        height: 30%;
    }
    .l\:h--40p {
        height: 40%;
    }
    .l\:h--50p {
        height: 50%;
    }
    .l\:h--60p {
        height: 60%;
    }
    .l\:h--70p {
        height: 70%;
    }
    .l\:h--80p {
        height: 80%;
    }
    .l\:h--90p {
        height: 90%;
    }
    .l\:h--100p {
        height: 100%;
    }

}
@media (max-width: 992px) {

    .m\:h {

    }

    .m\:h--0 {
        height: 0;
    }
    .m\:h--1 {
        height: 4px;
    }
    .m\:h--2 {
        height: 8px;
    }
    .m\:h--3 {
        height: 12px;
    }
    .m\:h--4 {
        height: 16px;
    }
    .m\:h--5 {
        height: 20px;
    }
    .m\:h--6 {
        height: 24px;
    }
    .m\:h--7 {
        height: 28px;
    }
    .m\:h--8 {
        height: 32px;
    }
    .m\:h--9 {
        height: 36px;
    }
    .m\:h--10 {
        height: 40px;
    }
    .m\:h--11 {
        height: 44px;
    }
    .m\:h--12 {
        height: 48px;
    }
    .m\:h--13 {
        height: 52px;
    }
    .m\:h--14 {
        height: 56px;
    }
    .m\:h--15 {
        height: 60px;
    }
    .m\:h--16 {
        height: 64px;
    }
    .m\:h--17 {
        height: 68px;
    }
    .m\:h--18 {
        height: 72px;
    }
    .m\:h--19 {
        height: 76px;
    }
    .m\:h--20 {
        height: 80px;
    }
    .m\:h--25 {
        height: 100px;
    }
    .m\:h--30 {
        height: 120px;
    }
    .m\:h--35 {
        height: 140px;
    }
    .m\:h--40 {
        height: 160px;
    }
    .m\:h--45 {
        height: 180px;
    }
    .m\:h--50 {
        height: 200px;
    }
    .m\:h--55 {
        height: 220px;
    }
    .m\:h--60 {
        height: 240px;
    }
    .m\:h--65 {
        height: 260px;
    }
    .m\:h--70 {
        height: 280px;
    }
    .m\:h--75 {
        height: 300px;
    }
    .m\:h--80 {
        height: 320px;
    }
    .m\:h--85 {
        height: 340px;
    }
    .m\:h--90 {
        height: 360px;
    }
    .m\:h--95 {
        height: 380px;
    }
    .m\:h--100 {
        height: 400px;
    }
    .m\:h--105 {
        height: 420px;
    }
    .m\:h--110 {
        height: 440px;
    }
    .m\:h--115 {
        height: 460px;
    }
    .m\:h--120 {
        height: 480px;
    }
    .m\:h--125 {
        height: 500px;
    }
    .m\:h--130 {
        height: 520px;
    }
    .m\:h--135 {
        height: 540px;
    }
    .m\:h--140 {
        height: 560px;
    }
    .m\:h--145 {
        height: 580px;
    }
    .m\:h--150 {
        height: 600px;
    }
    .m\:h--155 {
        height: 620px;
    }
    .m\:h--160 {
        height: 640px;
    }
    .m\:h--165 {
        height: 660px;
    }
    .m\:h--170 {
        height: 680px;
    }
    .m\:h--175 {
        height: 700px;
    }
    .m\:h--180 {
        height: 720px;
    }
    .m\:h--185 {
        height: 740px;
    }
    .m\:h--190 {
        height: 760px;
    }
    .m\:h--195 {
        height: 780px;
    }
    .m\:h--200 {
        height: 800px;
    }
    .m\:h--205 {
        height: 820px;
    }
    .m\:h--210 {
        height: 840px;
    }
    .m\:h--215 {
        height: 860px;
    }
    .m\:h--220 {
        height: 880px;
    }
    .m\:h--225 {
        height: 900px;
    }
    .m\:h--230 {
        height: 920px;
    }
    .m\:h--235 {
        height: 940px;
    }
    .m\:h--240 {
        height: 960px;
    }
    .m\:h--245 {
        height: 980px;
    }
    .m\:h--250 {
        height: 1000px;
    }

    .m\:h--0p {
        height: 0%;
    }
    .m\:h--10p {
        height: 10%;
    }
    .m\:h--20p {
        height: 20%;
    }
    .m\:h--30p {
        height: 30%;
    }
    .m\:h--40p {
        height: 40%;
    }
    .m\:h--50p {
        height: 50%;
    }
    .m\:h--60p {
        height: 60%;
    }
    .m\:h--70p {
        height: 70%;
    }
    .m\:h--80p {
        height: 80%;
    }
    .m\:h--90p {
        height: 90%;
    }
    .m\:h--100p {
        height: 100%;
    }

}
@media (max-width: 768px) {

    .s\:h {

    }

    .s\:h--0 {
        height: 0;
    }
    .s\:h--1 {
        height: 4px;
    }
    .s\:h--2 {
        height: 8px;
    }
    .s\:h--3 {
        height: 12px;
    }
    .s\:h--4 {
        height: 16px;
    }
    .s\:h--5 {
        height: 20px;
    }
    .s\:h--6 {
        height: 24px;
    }
    .s\:h--7 {
        height: 28px;
    }
    .s\:h--8 {
        height: 32px;
    }
    .s\:h--9 {
        height: 36px;
    }
    .s\:h--10 {
        height: 40px;
    }
    .s\:h--11 {
        height: 44px;
    }
    .s\:h--12 {
        height: 48px;
    }
    .s\:h--13 {
        height: 52px;
    }
    .s\:h--14 {
        height: 56px;
    }
    .s\:h--15 {
        height: 60px;
    }
    .s\:h--16 {
        height: 64px;
    }
    .s\:h--17 {
        height: 68px;
    }
    .s\:h--18 {
        height: 72px;
    }
    .s\:h--19 {
        height: 76px;
    }
    .s\:h--20 {
        height: 80px;
    }
    .s\:h--25 {
        height: 100px;
    }
    .s\:h--30 {
        height: 120px;
    }
    .s\:h--35 {
        height: 140px;
    }
    .s\:h--40 {
        height: 160px;
    }
    .s\:h--45 {
        height: 180px;
    }
    .s\:h--50 {
        height: 200px;
    }
    .s\:h--55 {
        height: 220px;
    }
    .s\:h--60 {
        height: 240px;
    }
    .s\:h--65 {
        height: 260px;
    }
    .s\:h--70 {
        height: 280px;
    }
    .s\:h--75 {
        height: 300px;
    }
    .s\:h--80 {
        height: 320px;
    }
    .s\:h--85 {
        height: 340px;
    }
    .s\:h--90 {
        height: 360px;
    }
    .s\:h--95 {
        height: 380px;
    }
    .s\:h--100 {
        height: 400px;
    }
    .s\:h--105 {
        height: 420px;
    }
    .s\:h--110 {
        height: 440px;
    }
    .s\:h--115 {
        height: 460px;
    }
    .s\:h--120 {
        height: 480px;
    }
    .s\:h--125 {
        height: 500px;
    }
    .s\:h--130 {
        height: 520px;
    }
    .s\:h--135 {
        height: 540px;
    }
    .s\:h--140 {
        height: 560px;
    }
    .s\:h--145 {
        height: 580px;
    }
    .s\:h--150 {
        height: 600px;
    }
    .s\:h--155 {
        height: 620px;
    }
    .s\:h--160 {
        height: 640px;
    }
    .s\:h--165 {
        height: 660px;
    }
    .s\:h--170 {
        height: 680px;
    }
    .s\:h--175 {
        height: 700px;
    }
    .s\:h--180 {
        height: 720px;
    }
    .s\:h--185 {
        height: 740px;
    }
    .s\:h--190 {
        height: 760px;
    }
    .s\:h--195 {
        height: 780px;
    }
    .s\:h--200 {
        height: 800px;
    }
    .s\:h--205 {
        height: 820px;
    }
    .s\:h--210 {
        height: 840px;
    }
    .s\:h--215 {
        height: 860px;
    }
    .s\:h--220 {
        height: 880px;
    }
    .s\:h--225 {
        height: 900px;
    }
    .s\:h--230 {
        height: 920px;
    }
    .s\:h--235 {
        height: 940px;
    }
    .s\:h--240 {
        height: 960px;
    }
    .s\:h--245 {
        height: 980px;
    }
    .s\:h--250 {
        height: 1000px;
    }

    .s\:h--0p {
        height: 0%;
    }
    .s\:h--10p {
        height: 10%;
    }
    .s\:h--20p {
        height: 20%;
    }
    .s\:h--30p {
        height: 30%;
    }
    .s\:h--40p {
        height: 40%;
    }
    .s\:h--50p {
        height: 50%;
    }
    .s\:h--60p {
        height: 60%;
    }
    .s\:h--70p {
        height: 70%;
    }
    .s\:h--80p {
        height: 80%;
    }
    .s\:h--90p {
        height: 90%;
    }
    .s\:h--100p {
        height: 100%;
    }

}
@media (max-width: 576px) {

    .xs\:h {

    }

    .xs\:h--0 {
        height: 0;
    }
    .xs\:h--1 {
        height: 4px;
    }
    .xs\:h--2 {
        height: 8px;
    }
    .xs\:h--3 {
        height: 12px;
    }
    .xs\:h--4 {
        height: 16px;
    }
    .xs\:h--5 {
        height: 20px;
    }
    .xs\:h--6 {
        height: 24px;
    }
    .xs\:h--7 {
        height: 28px;
    }
    .xs\:h--8 {
        height: 32px;
    }
    .xs\:h--9 {
        height: 36px;
    }
    .xs\:h--10 {
        height: 40px;
    }
    .xs\:h--11 {
        height: 44px;
    }
    .xs\:h--12 {
        height: 48px;
    }
    .xs\:h--13 {
        height: 52px;
    }
    .xs\:h--14 {
        height: 56px;
    }
    .xs\:h--15 {
        height: 60px;
    }
    .xs\:h--16 {
        height: 64px;
    }
    .xs\:h--17 {
        height: 68px;
    }
    .xs\:h--18 {
        height: 72px;
    }
    .xs\:h--19 {
        height: 76px;
    }
    .xs\:h--20 {
        height: 80px;
    }
    .xs\:h--25 {
        height: 100px;
    }
    .xs\:h--30 {
        height: 120px;
    }
    .xs\:h--35 {
        height: 140px;
    }
    .xs\:h--40 {
        height: 160px;
    }
    .xs\:h--45 {
        height: 180px;
    }
    .xs\:h--50 {
        height: 200px;
    }
    .xs\:h--55 {
        height: 220px;
    }
    .xs\:h--60 {
        height: 240px;
    }
    .xs\:h--65 {
        height: 260px;
    }
    .xs\:h--70 {
        height: 280px;
    }
    .xs\:h--75 {
        height: 300px;
    }
    .xs\:h--80 {
        height: 320px;
    }
    .xs\:h--85 {
        height: 340px;
    }
    .xs\:h--90 {
        height: 360px;
    }
    .xs\:h--95 {
        height: 380px;
    }
    .xs\:h--100 {
        height: 400px;
    }
    .xs\:h--105 {
        height: 420px;
    }
    .xs\:h--110 {
        height: 440px;
    }
    .xs\:h--115 {
        height: 460px;
    }
    .xs\:h--120 {
        height: 480px;
    }
    .xs\:h--125 {
        height: 500px;
    }
    .xs\:h--130 {
        height: 520px;
    }
    .xs\:h--135 {
        height: 540px;
    }
    .xs\:h--140 {
        height: 560px;
    }
    .xs\:h--145 {
        height: 580px;
    }
    .xs\:h--150 {
        height: 600px;
    }
    .xs\:h--155 {
        height: 620px;
    }
    .xs\:h--160 {
        height: 640px;
    }
    .xs\:h--165 {
        height: 660px;
    }
    .xs\:h--170 {
        height: 680px;
    }
    .xs\:h--175 {
        height: 700px;
    }
    .xs\:h--180 {
        height: 720px;
    }
    .xs\:h--185 {
        height: 740px;
    }
    .xs\:h--190 {
        height: 760px;
    }
    .xs\:h--195 {
        height: 780px;
    }
    .xs\:h--200 {
        height: 800px;
    }
    .xs\:h--205 {
        height: 820px;
    }
    .xs\:h--210 {
        height: 840px;
    }
    .xs\:h--215 {
        height: 860px;
    }
    .xs\:h--220 {
        height: 880px;
    }
    .xs\:h--225 {
        height: 900px;
    }
    .xs\:h--230 {
        height: 920px;
    }
    .xs\:h--235 {
        height: 940px;
    }
    .xs\:h--240 {
        height: 960px;
    }
    .xs\:h--245 {
        height: 980px;
    }
    .xs\:h--250 {
        height: 1000px;
    }

    .xs\:h--0p {
        height: 0%;
    }
    .xs\:h--10p {
        height: 10%;
    }
    .xs\:h--20p {
        height: 20%;
    }
    .xs\:h--30p {
        height: 30%;
    }
    .xs\:h--40p {
        height: 40%;
    }
    .xs\:h--50p {
        height: 50%;
    }
    .xs\:h--60p {
        height: 60%;
    }
    .xs\:h--70p {
        height: 70%;
    }
    .xs\:h--80p {
        height: 80%;
    }
    .xs\:h--90p {
        height: 90%;
    }
    .xs\:h--100p {
        height: 100%;
    }

}


/* Aspect ratio */
.ratio {

}

.ratio--1-1 {
    aspect-ratio: 1 / 1;
}
.ratio--4-3 {
    aspect-ratio: 4 / 3;
}
.ratio--11-10 {
    aspect-ratio: 11 / 10;
}
.ratio--16-9 {
    aspect-ratio: 16 / 9;
}
.ratio--21-9 {
    aspect-ratio: 21 / 9;
}

@media (max-width: 1400px) {

    .xl\:ratio {

    }

    .xl\:ratio--1-1 {
        aspect-ratio: 1 / 1;
    }
    .xl\:ratio--4-3 {
        aspect-ratio: 4 / 3;
    }
    .xl\:ratio--11-10 {
        aspect-ratio: 11 / 10;
    }
    .xl\:ratio--16-9 {
        aspect-ratio: 16 / 9;
    }
    .xl\:ratio--21-9 {
        aspect-ratio: 21 / 9;
    }

}
@media (max-width: 1200px) {

    .l\:ratio {

    }

    .l\:ratio--1-1 {
        aspect-ratio: 1 / 1;
    }
    .l\:ratio--4-3 {
        aspect-ratio: 4 / 3;
    }
    .l\:ratio--11-10 {
        aspect-ratio: 11 / 10;
    }
    .l\:ratio--16-9 {
        aspect-ratio: 16 / 9;
    }
    .l\:ratio--21-9 {
        aspect-ratio: 21 / 9;
    }

}
@media (max-width: 992px) {

    .m\:ratio {

    }

    .m\:ratio--1-1 {
        aspect-ratio: 1 / 1;
    }
    .m\:ratio--4-3 {
        aspect-ratio: 4 / 3;
    }
    .m\:ratio--11-10 {
        aspect-ratio: 11 / 10;
    }
    .m\:ratio--16-9 {
        aspect-ratio: 16 / 9;
    }
    .m\:ratio--21-9 {
        aspect-ratio: 21 / 9;
    }

}
@media (max-width: 768px) {

    .s\:ratio {

    }

    .s\:ratio--1-1 {
        aspect-ratio: 1 / 1;
    }
    .s\:ratio--4-3 {
        aspect-ratio: 4 / 3;
    }
    .s\:ratio--11-10 {
        aspect-ratio: 11 / 10;
    }
    .s\:ratio--16-9 {
        aspect-ratio: 16 / 9;
    }
    .s\:ratio--21-9 {
        aspect-ratio: 21 / 9;
    }

}
@media (max-width: 576px) {

    .xs\:ratio {

    }

    .xs\:ratio--1-1 {
        aspect-ratio: 1 / 1;
    }
    .xs\:ratio--4-3 {
        aspect-ratio: 4 / 3;
    }
    .xs\:ratio--11-10 {
        aspect-ratio: 11 / 10;
    }
    .xs\:ratio--16-9 {
        aspect-ratio: 16 / 9;
    }
    .xs\:ratio--21-9 {
        aspect-ratio: 21 / 9;
    }

}


/* Fit */
.fit {

}

.fit--cover {
    object-fit: cover;
}
.fit--contain {
    object-fit: contain;
}

@media (max-width: 1400px) {

    .xl\:fit {

    }

    .xl\:fit--cover {
        object-fit: cover;
    }
    .xl\:fit--contain {
        object-fit: contain;
    }

}
@media (max-width: 1200px) {

    .l\:fit {

    }

    .l\:fit--cover {
        object-fit: cover;
    }
    .l\:fit--contain {
        object-fit: contain;
    }

}
@media (max-width: 992px) {

    .m\:fit {

    }

    .m\:fit--cover {
        object-fit: cover;
    }
    .m\:fit--contain {
        object-fit: contain;
    }

}
@media (max-width: 768px) {

    .s\:fit {

    }

    .s\:fit--cover {
        object-fit: cover;
    }
    .s\:fit--contain {
        object-fit: contain;
    }

}
@media (max-width: 576px) {

    .xs\:fit {

    }

    .xs\:fit--cover {
        object-fit: cover;
    }
    .xs\:fit--contain {
        object-fit: contain;
    }

}


/* Border radius */
.radius {

}

.radius--0 {
    border-radius: 0;
}
.radius--1 {
    border-radius: 4px;
}
.radius--2 {
    border-radius: 8px;
}
.radius--3 {
    border-radius: 12px;
}
.radius--4 {
    border-radius: 16px;
}
.radius--5 {
    border-radius: 20px;
}
.radius--6 {
    border-radius: 24px;
}
.radius--7 {
    border-radius: 28px;
}
.radius--8 {
    border-radius: 32px;
}
.radius--9 {
    border-radius: 36px;
}
.radius--10 {
    border-radius: 40px;
}
.radius--11 {
    border-radius: 44px;
}
.radius--12 {
    border-radius: 48px;
}
.radius--13 {
    border-radius: 52px;
}
.radius--14 {
    border-radius: 56px;
}
.radius--15 {
    border-radius: 60px;
}
.radius--16 {
    border-radius: 64px;
}
.radius--17 {
    border-radius: 68px;
}
.radius--18 {
    border-radius: 72px;
}
.radius--19 {
    border-radius: 76px;
}
.radius--20 {
    border-radius: 80px;
}
.radius--full {
    border-radius: 100%;
}


.radius--top-left-0 {
    border-top-left-radius: 0;
}
.radius--top-left-1 {
    border-top-left-radius: 4px;
}
.radius--top-left-2 {
    border-top-left-radius: 8px;
}
.radius--top-left-3 {
    border-top-left-radius: 12px;
}
.radius--top-left-4 {
    border-top-left-radius: 16px;
}
.radius--top-left-5 {
    border-top-left-radius: 20px;
}
.radius--top-left-6 {
    border-top-left-radius: 24px;
}
.radius--top-left-7 {
    border-top-left-radius: 28px;
}
.radius--top-left-8 {
    border-top-left-radius: 32px;
}
.radius--top-left-9 {
    border-top-left-radius: 36px;
}
.radius--top-left-10 {
    border-top-left-radius: 40px;
}
.radius--top-left-11 {
    border-top-left-radius: 44px;
}
.radius--top-left-12 {
    border-top-left-radius: 48px;
}
.radius--top-left-13 {
    border-top-left-radius: 52px;
}
.radius--top-left-14 {
    border-top-left-radius: 56px;
}
.radius--top-left-15 {
    border-top-left-radius: 60px;
}
.radius--top-left-16 {
    border-top-left-radius: 64px;
}
.radius--top-left-17 {
    border-top-left-radius: 68px;
}
.radius--top-left-18 {
    border-top-left-radius: 72px;
}
.radius--top-left-19 {
    border-top-left-radius: 76px;
}
.radius--top-left-20 {
    border-top-left-radius: 80px;
}
.radius--top-left-full {
    border-top-left-radius: 100%;
}

.radius--top-right-0 {
    border-top-right-radius: 0;
}
.radius--top-right-1 {
    border-top-right-radius: 4px;
}
.radius--top-right-2 {
    border-top-right-radius: 8px;
}
.radius--top-right-3 {
    border-top-right-radius: 12px;
}
.radius--top-right-4 {
    border-top-right-radius: 16px;
}
.radius--top-right-5 {
    border-top-right-radius: 20px;
}
.radius--top-right-6 {
    border-top-right-radius: 24px;
}
.radius--top-right-7 {
    border-top-right-radius: 28px;
}
.radius--top-right-8 {
    border-top-right-radius: 32px;
}
.radius--top-right-9 {
    border-top-right-radius: 36px;
}
.radius--top-right-10 {
    border-top-right-radius: 40px;
}
.radius--top-right-11 {
    border-top-right-radius: 44px;
}
.radius--top-right-12 {
    border-top-right-radius: 48px;
}
.radius--top-right-13 {
    border-top-right-radius: 52px;
}
.radius--top-right-14 {
    border-top-right-radius: 56px;
}
.radius--top-right-15 {
    border-top-right-radius: 60px;
}
.radius--top-right-16 {
    border-top-right-radius: 64px;
}
.radius--top-right-17 {
    border-top-right-radius: 68px;
}
.radius--top-right-18 {
    border-top-right-radius: 72px;
}
.radius--top-right-19 {
    border-top-right-radius: 76px;
}
.radius--top-right-20 {
    border-top-right-radius: 80px;
}
.radius--top-right-full {
    border-top-right-radius: 100%;
}

.radius--bottom-right-0 {
    border-bottom-right-radius: 0;
}
.radius--bottom-right-1 {
    border-bottom-right-radius: 4px;
}
.radius--bottom-right-2 {
    border-bottom-right-radius: 8px;
}
.radius--bottom-right-3 {
    border-bottom-right-radius: 12px;
}
.radius--bottom-right-4 {
    border-bottom-right-radius: 16px;
}
.radius--bottom-right-5 {
    border-bottom-right-radius: 20px;
}
.radius--bottom-right-6 {
    border-bottom-right-radius: 24px;
}
.radius--bottom-right-7 {
    border-bottom-right-radius: 28px;
}
.radius--bottom-right-8 {
    border-bottom-right-radius: 32px;
}
.radius--bottom-right-9 {
    border-bottom-right-radius: 36px;
}
.radius--bottom-right-10 {
    border-bottom-right-radius: 40px;
}
.radius--bottom-right-11 {
    border-bottom-right-radius: 44px;
}
.radius--bottom-right-12 {
    border-bottom-right-radius: 48px;
}
.radius--bottom-right-13 {
    border-bottom-right-radius: 52px;
}
.radius--bottom-right-14 {
    border-bottom-right-radius: 56px;
}
.radius--bottom-right-15 {
    border-bottom-right-radius: 60px;
}
.radius--bottom-right-16 {
    border-bottom-right-radius: 64px;
}
.radius--bottom-right-17 {
    border-bottom-right-radius: 68px;
}
.radius--bottom-right-18 {
    border-bottom-right-radius: 72px;
}
.radius--bottom-right-19 {
    border-bottom-right-radius: 76px;
}
.radius--bottom-right-20 {
    border-bottom-right-radius: 80px;
}
.radius--bottom-right-full {
    border-bottom-right-radius: 100%;
}

.radius--bottom-left-0 {
    border-bottom-left-radius: 0;
}
.radius--bottom-left-1 {
    border-bottom-left-radius: 4px;
}
.radius--bottom-left-2 {
    border-bottom-left-radius: 8px;
}
.radius--bottom-left-3 {
    border-bottom-left-radius: 12px;
}
.radius--bottom-left-4 {
    border-bottom-left-radius: 16px;
}
.radius--bottom-left-5 {
    border-bottom-left-radius: 20px;
}
.radius--bottom-left-6 {
    border-bottom-left-radius: 24px;
}
.radius--bottom-left-7 {
    border-bottom-left-radius: 28px;
}
.radius--bottom-left-8 {
    border-bottom-left-radius: 32px;
}
.radius--bottom-left-9 {
    border-bottom-left-radius: 36px;
}
.radius--bottom-left-10 {
    border-bottom-left-radius: 40px;
}
.radius--bottom-left-11 {
    border-bottom-left-radius: 44px;
}
.radius--bottom-left-12 {
    border-bottom-left-radius: 48px;
}
.radius--bottom-left-13 {
    border-bottom-left-radius: 52px;
}
.radius--bottom-left-14 {
    border-bottom-left-radius: 56px;
}
.radius--bottom-left-15 {
    border-bottom-left-radius: 60px;
}
.radius--bottom-left-16 {
    border-bottom-left-radius: 64px;
}
.radius--bottom-left-17 {
    border-bottom-left-radius: 68px;
}
.radius--bottom-left-18 {
    border-bottom-left-radius: 72px;
}
.radius--bottom-left-19 {
    border-bottom-left-radius: 76px;
}
.radius--bottom-left-20 {
    border-bottom-left-radius: 80px;
}
.radius--bottom-left-full {
    border-bottom-left-radius: 100%;
}

@media (max-width: 1400px) {

    .xl\:radius {

    }

    .xl\:radius--0 {
        border-radius: 0;
    }
    .xl\:radius--1 {
        border-radius: 4px;
    }
    .xl\:radius--2 {
        border-radius: 8px;
    }
    .xl\:radius--3 {
        border-radius: 12px;
    }
    .xl\:radius--4 {
        border-radius: 16px;
    }
    .xl\:radius--5 {
        border-radius: 20px;
    }
    .xl\:radius--6 {
        border-radius: 24px;
    }
    .xl\:radius--7 {
        border-radius: 28px;
    }
    .xl\:radius--8 {
        border-radius: 32px;
    }
    .xl\:radius--9 {
        border-radius: 36px;
    }
    .xl\:radius--10 {
        border-radius: 40px;
    }
    .xl\:radius--11 {
        border-radius: 44px;
    }
    .xl\:radius--12 {
        border-radius: 48px;
    }
    .xl\:radius--13 {
        border-radius: 52px;
    }
    .xl\:radius--14 {
        border-radius: 56px;
    }
    .xl\:radius--15 {
        border-radius: 60px;
    }
    .xl\:radius--16 {
        border-radius: 64px;
    }
    .xl\:radius--17 {
        border-radius: 68px;
    }
    .xl\:radius--18 {
        border-radius: 72px;
    }
    .xl\:radius--19 {
        border-radius: 76px;
    }
    .xl\:radius--20 {
        border-radius: 80px;
    }
    .xl\:radius--full {
        border-radius: 100%;
    }


    .xl\:radius--top-left-0 {
        border-top-left-radius: 0;
    }
    .xl\:radius--top-left-1 {
        border-top-left-radius: 4px;
    }
    .xl\:radius--top-left-2 {
        border-top-left-radius: 8px;
    }
    .xl\:radius--top-left-3 {
        border-top-left-radius: 12px;
    }
    .xl\:radius--top-left-4 {
        border-top-left-radius: 16px;
    }
    .xl\:radius--top-left-5 {
        border-top-left-radius: 20px;
    }
    .xl\:radius--top-left-6 {
        border-top-left-radius: 24px;
    }
    .xl\:radius--top-left-7 {
        border-top-left-radius: 28px;
    }
    .xl\:radius--top-left-8 {
        border-top-left-radius: 32px;
    }
    .xl\:radius--top-left-9 {
        border-top-left-radius: 36px;
    }
    .xl\:radius--top-left-10 {
        border-top-left-radius: 40px;
    }
    .xl\:radius--top-left-11 {
        border-top-left-radius: 44px;
    }
    .xl\:radius--top-left-12 {
        border-top-left-radius: 48px;
    }
    .xl\:radius--top-left-13 {
        border-top-left-radius: 52px;
    }
    .xl\:radius--top-left-14 {
        border-top-left-radius: 56px;
    }
    .xl\:radius--top-left-15 {
        border-top-left-radius: 60px;
    }
    .xl\:radius--top-left-16 {
        border-top-left-radius: 64px;
    }
    .xl\:radius--top-left-17 {
        border-top-left-radius: 68px;
    }
    .xl\:radius--top-left-18 {
        border-top-left-radius: 72px;
    }
    .xl\:radius--top-left-19 {
        border-top-left-radius: 76px;
    }
    .xl\:radius--top-left-20 {
        border-top-left-radius: 80px;
    }
    .xl\:radius--top-left-full {
        border-top-left-radius: 100%;
    }

    .xl\:radius--top-right-0 {
        border-top-right-radius: 0;
    }
    .xl\:radius--top-right-1 {
        border-top-right-radius: 4px;
    }
    .xl\:radius--top-right-2 {
        border-top-right-radius: 8px;
    }
    .xl\:radius--top-right-3 {
        border-top-right-radius: 12px;
    }
    .xl\:radius--top-right-4 {
        border-top-right-radius: 16px;
    }
    .xl\:radius--top-right-5 {
        border-top-right-radius: 20px;
    }
    .xl\:radius--top-right-6 {
        border-top-right-radius: 24px;
    }
    .xl\:radius--top-right-7 {
        border-top-right-radius: 28px;
    }
    .xl\:radius--top-right-8 {
        border-top-right-radius: 32px;
    }
    .xl\:radius--top-right-9 {
        border-top-right-radius: 36px;
    }
    .xl\:radius--top-right-10 {
        border-top-right-radius: 40px;
    }
    .xl\:radius--top-right-11 {
        border-top-right-radius: 44px;
    }
    .xl\:radius--top-right-12 {
        border-top-right-radius: 48px;
    }
    .xl\:radius--top-right-13 {
        border-top-right-radius: 52px;
    }
    .xl\:radius--top-right-14 {
        border-top-right-radius: 56px;
    }
    .xl\:radius--top-right-15 {
        border-top-right-radius: 60px;
    }
    .xl\:radius--top-right-16 {
        border-top-right-radius: 64px;
    }
    .xl\:radius--top-right-17 {
        border-top-right-radius: 68px;
    }
    .xl\:radius--top-right-18 {
        border-top-right-radius: 72px;
    }
    .xl\:radius--top-right-19 {
        border-top-right-radius: 76px;
    }
    .xl\:radius--top-right-20 {
        border-top-right-radius: 80px;
    }
    .xl\:radius--top-right-full {
        border-top-right-radius: 100%;
    }

    .xl\:radius--bottom-right-0 {
        border-bottom-right-radius: 0;
    }
    .xl\:radius--bottom-right-1 {
        border-bottom-right-radius: 4px;
    }
    .xl\:radius--bottom-right-2 {
        border-bottom-right-radius: 8px;
    }
    .xl\:radius--bottom-right-3 {
        border-bottom-right-radius: 12px;
    }
    .xl\:radius--bottom-right-4 {
        border-bottom-right-radius: 16px;
    }
    .xl\:radius--bottom-right-5 {
        border-bottom-right-radius: 20px;
    }
    .xl\:radius--bottom-right-6 {
        border-bottom-right-radius: 24px;
    }
    .xl\:radius--bottom-right-7 {
        border-bottom-right-radius: 28px;
    }
    .xl\:radius--bottom-right-8 {
        border-bottom-right-radius: 32px;
    }
    .xl\:radius--bottom-right-9 {
        border-bottom-right-radius: 36px;
    }
    .xl\:radius--bottom-right-10 {
        border-bottom-right-radius: 40px;
    }
    .xl\:radius--bottom-right-11 {
        border-bottom-right-radius: 44px;
    }
    .xl\:radius--bottom-right-12 {
        border-bottom-right-radius: 48px;
    }
    .xl\:radius--bottom-right-13 {
        border-bottom-right-radius: 52px;
    }
    .xl\:radius--bottom-right-14 {
        border-bottom-right-radius: 56px;
    }
    .xl\:radius--bottom-right-15 {
        border-bottom-right-radius: 60px;
    }
    .xl\:radius--bottom-right-16 {
        border-bottom-right-radius: 64px;
    }
    .xl\:radius--bottom-right-17 {
        border-bottom-right-radius: 68px;
    }
    .xl\:radius--bottom-right-18 {
        border-bottom-right-radius: 72px;
    }
    .xl\:radius--bottom-right-19 {
        border-bottom-right-radius: 76px;
    }
    .xl\:radius--bottom-right-20 {
        border-bottom-right-radius: 80px;
    }
    .xl\:radius--bottom-right-full {
        border-bottom-right-radius: 100%;
    }

    .xl\:radius--bottom-left-0 {
        border-bottom-left-radius: 0;
    }
    .xl\:radius--bottom-left-1 {
        border-bottom-left-radius: 4px;
    }
    .xl\:radius--bottom-left-2 {
        border-bottom-left-radius: 8px;
    }
    .xl\:radius--bottom-left-3 {
        border-bottom-left-radius: 12px;
    }
    .xl\:radius--bottom-left-4 {
        border-bottom-left-radius: 16px;
    }
    .xl\:radius--bottom-left-5 {
        border-bottom-left-radius: 20px;
    }
    .xl\:radius--bottom-left-6 {
        border-bottom-left-radius: 24px;
    }
    .xl\:radius--bottom-left-7 {
        border-bottom-left-radius: 28px;
    }
    .xl\:radius--bottom-left-8 {
        border-bottom-left-radius: 32px;
    }
    .xl\:radius--bottom-left-9 {
        border-bottom-left-radius: 36px;
    }
    .xl\:radius--bottom-left-10 {
        border-bottom-left-radius: 40px;
    }
    .xl\:radius--bottom-left-11 {
        border-bottom-left-radius: 44px;
    }
    .xl\:radius--bottom-left-12 {
        border-bottom-left-radius: 48px;
    }
    .xl\:radius--bottom-left-13 {
        border-bottom-left-radius: 52px;
    }
    .xl\:radius--bottom-left-14 {
        border-bottom-left-radius: 56px;
    }
    .xl\:radius--bottom-left-15 {
        border-bottom-left-radius: 60px;
    }
    .xl\:radius--bottom-left-16 {
        border-bottom-left-radius: 64px;
    }
    .xl\:radius--bottom-left-17 {
        border-bottom-left-radius: 68px;
    }
    .xl\:radius--bottom-left-18 {
        border-bottom-left-radius: 72px;
    }
    .xl\:radius--bottom-left-19 {
        border-bottom-left-radius: 76px;
    }
    .xl\:radius--bottom-left-20 {
        border-bottom-left-radius: 80px;
    }
    .xl\:radius--bottom-left-full {
        border-bottom-left-radius: 100%;
    }

}
@media (max-width: 1200px) {

    .l\:radius {

    }

    .l\:radius--0 {
        border-radius: 0;
    }
    .l\:radius--1 {
        border-radius: 4px;
    }
    .l\:radius--2 {
        border-radius: 8px;
    }
    .l\:radius--3 {
        border-radius: 12px;
    }
    .l\:radius--4 {
        border-radius: 16px;
    }
    .l\:radius--5 {
        border-radius: 20px;
    }
    .l\:radius--6 {
        border-radius: 24px;
    }
    .l\:radius--7 {
        border-radius: 28px;
    }
    .l\:radius--8 {
        border-radius: 32px;
    }
    .l\:radius--9 {
        border-radius: 36px;
    }
    .l\:radius--10 {
        border-radius: 40px;
    }
    .l\:radius--11 {
        border-radius: 44px;
    }
    .l\:radius--12 {
        border-radius: 48px;
    }
    .l\:radius--13 {
        border-radius: 52px;
    }
    .l\:radius--14 {
        border-radius: 56px;
    }
    .l\:radius--15 {
        border-radius: 60px;
    }
    .l\:radius--16 {
        border-radius: 64px;
    }
    .l\:radius--17 {
        border-radius: 68px;
    }
    .l\:radius--18 {
        border-radius: 72px;
    }
    .l\:radius--19 {
        border-radius: 76px;
    }
    .l\:radius--20 {
        border-radius: 80px;
    }
    .l\:radius--full {
        border-radius: 100%;
    }


    .l\:radius--top-left-0 {
        border-top-left-radius: 0;
    }
    .l\:radius--top-left-1 {
        border-top-left-radius: 4px;
    }
    .l\:radius--top-left-2 {
        border-top-left-radius: 8px;
    }
    .l\:radius--top-left-3 {
        border-top-left-radius: 12px;
    }
    .l\:radius--top-left-4 {
        border-top-left-radius: 16px;
    }
    .l\:radius--top-left-5 {
        border-top-left-radius: 20px;
    }
    .l\:radius--top-left-6 {
        border-top-left-radius: 24px;
    }
    .l\:radius--top-left-7 {
        border-top-left-radius: 28px;
    }
    .l\:radius--top-left-8 {
        border-top-left-radius: 32px;
    }
    .l\:radius--top-left-9 {
        border-top-left-radius: 36px;
    }
    .l\:radius--top-left-10 {
        border-top-left-radius: 40px;
    }
    .l\:radius--top-left-11 {
        border-top-left-radius: 44px;
    }
    .l\:radius--top-left-12 {
        border-top-left-radius: 48px;
    }
    .l\:radius--top-left-13 {
        border-top-left-radius: 52px;
    }
    .l\:radius--top-left-14 {
        border-top-left-radius: 56px;
    }
    .l\:radius--top-left-15 {
        border-top-left-radius: 60px;
    }
    .l\:radius--top-left-16 {
        border-top-left-radius: 64px;
    }
    .l\:radius--top-left-17 {
        border-top-left-radius: 68px;
    }
    .l\:radius--top-left-18 {
        border-top-left-radius: 72px;
    }
    .l\:radius--top-left-19 {
        border-top-left-radius: 76px;
    }
    .l\:radius--top-left-20 {
        border-top-left-radius: 80px;
    }
    .l\:radius--top-left-full {
        border-top-left-radius: 100%;
    }

    .l\:radius--top-right-0 {
        border-top-right-radius: 0;
    }
    .l\:radius--top-right-1 {
        border-top-right-radius: 4px;
    }
    .l\:radius--top-right-2 {
        border-top-right-radius: 8px;
    }
    .l\:radius--top-right-3 {
        border-top-right-radius: 12px;
    }
    .l\:radius--top-right-4 {
        border-top-right-radius: 16px;
    }
    .l\:radius--top-right-5 {
        border-top-right-radius: 20px;
    }
    .l\:radius--top-right-6 {
        border-top-right-radius: 24px;
    }
    .l\:radius--top-right-7 {
        border-top-right-radius: 28px;
    }
    .l\:radius--top-right-8 {
        border-top-right-radius: 32px;
    }
    .l\:radius--top-right-9 {
        border-top-right-radius: 36px;
    }
    .l\:radius--top-right-10 {
        border-top-right-radius: 40px;
    }
    .l\:radius--top-right-11 {
        border-top-right-radius: 44px;
    }
    .l\:radius--top-right-12 {
        border-top-right-radius: 48px;
    }
    .l\:radius--top-right-13 {
        border-top-right-radius: 52px;
    }
    .l\:radius--top-right-14 {
        border-top-right-radius: 56px;
    }
    .l\:radius--top-right-15 {
        border-top-right-radius: 60px;
    }
    .l\:radius--top-right-16 {
        border-top-right-radius: 64px;
    }
    .l\:radius--top-right-17 {
        border-top-right-radius: 68px;
    }
    .l\:radius--top-right-18 {
        border-top-right-radius: 72px;
    }
    .l\:radius--top-right-19 {
        border-top-right-radius: 76px;
    }
    .l\:radius--top-right-20 {
        border-top-right-radius: 80px;
    }
    .l\:radius--top-right-full {
        border-top-right-radius: 100%;
    }

    .l\:radius--bottom-right-0 {
        border-bottom-right-radius: 0;
    }
    .l\:radius--bottom-right-1 {
        border-bottom-right-radius: 4px;
    }
    .l\:radius--bottom-right-2 {
        border-bottom-right-radius: 8px;
    }
    .l\:radius--bottom-right-3 {
        border-bottom-right-radius: 12px;
    }
    .l\:radius--bottom-right-4 {
        border-bottom-right-radius: 16px;
    }
    .l\:radius--bottom-right-5 {
        border-bottom-right-radius: 20px;
    }
    .l\:radius--bottom-right-6 {
        border-bottom-right-radius: 24px;
    }
    .l\:radius--bottom-right-7 {
        border-bottom-right-radius: 28px;
    }
    .l\:radius--bottom-right-8 {
        border-bottom-right-radius: 32px;
    }
    .l\:radius--bottom-right-9 {
        border-bottom-right-radius: 36px;
    }
    .l\:radius--bottom-right-10 {
        border-bottom-right-radius: 40px;
    }
    .l\:radius--bottom-right-11 {
        border-bottom-right-radius: 44px;
    }
    .l\:radius--bottom-right-12 {
        border-bottom-right-radius: 48px;
    }
    .l\:radius--bottom-right-13 {
        border-bottom-right-radius: 52px;
    }
    .l\:radius--bottom-right-14 {
        border-bottom-right-radius: 56px;
    }
    .l\:radius--bottom-right-15 {
        border-bottom-right-radius: 60px;
    }
    .l\:radius--bottom-right-16 {
        border-bottom-right-radius: 64px;
    }
    .l\:radius--bottom-right-17 {
        border-bottom-right-radius: 68px;
    }
    .l\:radius--bottom-right-18 {
        border-bottom-right-radius: 72px;
    }
    .l\:radius--bottom-right-19 {
        border-bottom-right-radius: 76px;
    }
    .l\:radius--bottom-right-20 {
        border-bottom-right-radius: 80px;
    }
    .l\:radius--bottom-right-full {
        border-bottom-right-radius: 100%;
    }

    .l\:radius--bottom-left-0 {
        border-bottom-left-radius: 0;
    }
    .l\:radius--bottom-left-1 {
        border-bottom-left-radius: 4px;
    }
    .l\:radius--bottom-left-2 {
        border-bottom-left-radius: 8px;
    }
    .l\:radius--bottom-left-3 {
        border-bottom-left-radius: 12px;
    }
    .l\:radius--bottom-left-4 {
        border-bottom-left-radius: 16px;
    }
    .l\:radius--bottom-left-5 {
        border-bottom-left-radius: 20px;
    }
    .l\:radius--bottom-left-6 {
        border-bottom-left-radius: 24px;
    }
    .l\:radius--bottom-left-7 {
        border-bottom-left-radius: 28px;
    }
    .l\:radius--bottom-left-8 {
        border-bottom-left-radius: 32px;
    }
    .l\:radius--bottom-left-9 {
        border-bottom-left-radius: 36px;
    }
    .l\:radius--bottom-left-10 {
        border-bottom-left-radius: 40px;
    }
    .l\:radius--bottom-left-11 {
        border-bottom-left-radius: 44px;
    }
    .l\:radius--bottom-left-12 {
        border-bottom-left-radius: 48px;
    }
    .l\:radius--bottom-left-13 {
        border-bottom-left-radius: 52px;
    }
    .l\:radius--bottom-left-14 {
        border-bottom-left-radius: 56px;
    }
    .l\:radius--bottom-left-15 {
        border-bottom-left-radius: 60px;
    }
    .l\:radius--bottom-left-16 {
        border-bottom-left-radius: 64px;
    }
    .l\:radius--bottom-left-17 {
        border-bottom-left-radius: 68px;
    }
    .l\:radius--bottom-left-18 {
        border-bottom-left-radius: 72px;
    }
    .l\:radius--bottom-left-19 {
        border-bottom-left-radius: 76px;
    }
    .l\:radius--bottom-left-20 {
        border-bottom-left-radius: 80px;
    }
    .l\:radius--bottom-left-full {
        border-bottom-left-radius: 100%;
    }

}
@media (max-width: 992px) {

    .m\:radius {

    }

    .m\:radius--0 {
        border-radius: 0;
    }
    .m\:radius--1 {
        border-radius: 4px;
    }
    .m\:radius--2 {
        border-radius: 8px;
    }
    .m\:radius--3 {
        border-radius: 12px;
    }
    .m\:radius--4 {
        border-radius: 16px;
    }
    .m\:radius--5 {
        border-radius: 20px;
    }
    .m\:radius--6 {
        border-radius: 24px;
    }
    .m\:radius--7 {
        border-radius: 28px;
    }
    .m\:radius--8 {
        border-radius: 32px;
    }
    .m\:radius--9 {
        border-radius: 36px;
    }
    .m\:radius--10 {
        border-radius: 40px;
    }
    .m\:radius--11 {
        border-radius: 44px;
    }
    .m\:radius--12 {
        border-radius: 48px;
    }
    .m\:radius--13 {
        border-radius: 52px;
    }
    .m\:radius--14 {
        border-radius: 56px;
    }
    .m\:radius--15 {
        border-radius: 60px;
    }
    .m\:radius--16 {
        border-radius: 64px;
    }
    .m\:radius--17 {
        border-radius: 68px;
    }
    .m\:radius--18 {
        border-radius: 72px;
    }
    .m\:radius--19 {
        border-radius: 76px;
    }
    .m\:radius--20 {
        border-radius: 80px;
    }
    .m\:radius--full {
        border-radius: 100%;
    }


    .m\:radius--top-left-0 {
        border-top-left-radius: 0;
    }
    .m\:radius--top-left-1 {
        border-top-left-radius: 4px;
    }
    .m\:radius--top-left-2 {
        border-top-left-radius: 8px;
    }
    .m\:radius--top-left-3 {
        border-top-left-radius: 12px;
    }
    .m\:radius--top-left-4 {
        border-top-left-radius: 16px;
    }
    .m\:radius--top-left-5 {
        border-top-left-radius: 20px;
    }
    .m\:radius--top-left-6 {
        border-top-left-radius: 24px;
    }
    .m\:radius--top-left-7 {
        border-top-left-radius: 28px;
    }
    .m\:radius--top-left-8 {
        border-top-left-radius: 32px;
    }
    .m\:radius--top-left-9 {
        border-top-left-radius: 36px;
    }
    .m\:radius--top-left-10 {
        border-top-left-radius: 40px;
    }
    .m\:radius--top-left-11 {
        border-top-left-radius: 44px;
    }
    .m\:radius--top-left-12 {
        border-top-left-radius: 48px;
    }
    .m\:radius--top-left-13 {
        border-top-left-radius: 52px;
    }
    .m\:radius--top-left-14 {
        border-top-left-radius: 56px;
    }
    .m\:radius--top-left-15 {
        border-top-left-radius: 60px;
    }
    .m\:radius--top-left-16 {
        border-top-left-radius: 64px;
    }
    .m\:radius--top-left-17 {
        border-top-left-radius: 68px;
    }
    .m\:radius--top-left-18 {
        border-top-left-radius: 72px;
    }
    .m\:radius--top-left-19 {
        border-top-left-radius: 76px;
    }
    .m\:radius--top-left-20 {
        border-top-left-radius: 80px;
    }
    .m\:radius--top-left-full {
        border-top-left-radius: 100%;
    }

    .m\:radius--top-right-0 {
        border-top-right-radius: 0;
    }
    .m\:radius--top-right-1 {
        border-top-right-radius: 4px;
    }
    .m\:radius--top-right-2 {
        border-top-right-radius: 8px;
    }
    .m\:radius--top-right-3 {
        border-top-right-radius: 12px;
    }
    .m\:radius--top-right-4 {
        border-top-right-radius: 16px;
    }
    .m\:radius--top-right-5 {
        border-top-right-radius: 20px;
    }
    .m\:radius--top-right-6 {
        border-top-right-radius: 24px;
    }
    .m\:radius--top-right-7 {
        border-top-right-radius: 28px;
    }
    .m\:radius--top-right-8 {
        border-top-right-radius: 32px;
    }
    .m\:radius--top-right-9 {
        border-top-right-radius: 36px;
    }
    .m\:radius--top-right-10 {
        border-top-right-radius: 40px;
    }
    .m\:radius--top-right-11 {
        border-top-right-radius: 44px;
    }
    .m\:radius--top-right-12 {
        border-top-right-radius: 48px;
    }
    .m\:radius--top-right-13 {
        border-top-right-radius: 52px;
    }
    .m\:radius--top-right-14 {
        border-top-right-radius: 56px;
    }
    .m\:radius--top-right-15 {
        border-top-right-radius: 60px;
    }
    .m\:radius--top-right-16 {
        border-top-right-radius: 64px;
    }
    .m\:radius--top-right-17 {
        border-top-right-radius: 68px;
    }
    .m\:radius--top-right-18 {
        border-top-right-radius: 72px;
    }
    .m\:radius--top-right-19 {
        border-top-right-radius: 76px;
    }
    .m\:radius--top-right-20 {
        border-top-right-radius: 80px;
    }
    .m\:radius--top-right-full {
        border-top-right-radius: 100%;
    }

    .m\:radius--bottom-right-0 {
        border-bottom-right-radius: 0;
    }
    .m\:radius--bottom-right-1 {
        border-bottom-right-radius: 4px;
    }
    .m\:radius--bottom-right-2 {
        border-bottom-right-radius: 8px;
    }
    .m\:radius--bottom-right-3 {
        border-bottom-right-radius: 12px;
    }
    .m\:radius--bottom-right-4 {
        border-bottom-right-radius: 16px;
    }
    .m\:radius--bottom-right-5 {
        border-bottom-right-radius: 20px;
    }
    .m\:radius--bottom-right-6 {
        border-bottom-right-radius: 24px;
    }
    .m\:radius--bottom-right-7 {
        border-bottom-right-radius: 28px;
    }
    .m\:radius--bottom-right-8 {
        border-bottom-right-radius: 32px;
    }
    .m\:radius--bottom-right-9 {
        border-bottom-right-radius: 36px;
    }
    .m\:radius--bottom-right-10 {
        border-bottom-right-radius: 40px;
    }
    .m\:radius--bottom-right-11 {
        border-bottom-right-radius: 44px;
    }
    .m\:radius--bottom-right-12 {
        border-bottom-right-radius: 48px;
    }
    .m\:radius--bottom-right-13 {
        border-bottom-right-radius: 52px;
    }
    .m\:radius--bottom-right-14 {
        border-bottom-right-radius: 56px;
    }
    .m\:radius--bottom-right-15 {
        border-bottom-right-radius: 60px;
    }
    .m\:radius--bottom-right-16 {
        border-bottom-right-radius: 64px;
    }
    .m\:radius--bottom-right-17 {
        border-bottom-right-radius: 68px;
    }
    .m\:radius--bottom-right-18 {
        border-bottom-right-radius: 72px;
    }
    .m\:radius--bottom-right-19 {
        border-bottom-right-radius: 76px;
    }
    .m\:radius--bottom-right-20 {
        border-bottom-right-radius: 80px;
    }
    .m\:radius--bottom-right-full {
        border-bottom-right-radius: 100%;
    }

    .m\:radius--bottom-left-0 {
        border-bottom-left-radius: 0;
    }
    .m\:radius--bottom-left-1 {
        border-bottom-left-radius: 4px;
    }
    .m\:radius--bottom-left-2 {
        border-bottom-left-radius: 8px;
    }
    .m\:radius--bottom-left-3 {
        border-bottom-left-radius: 12px;
    }
    .m\:radius--bottom-left-4 {
        border-bottom-left-radius: 16px;
    }
    .m\:radius--bottom-left-5 {
        border-bottom-left-radius: 20px;
    }
    .m\:radius--bottom-left-6 {
        border-bottom-left-radius: 24px;
    }
    .m\:radius--bottom-left-7 {
        border-bottom-left-radius: 28px;
    }
    .m\:radius--bottom-left-8 {
        border-bottom-left-radius: 32px;
    }
    .m\:radius--bottom-left-9 {
        border-bottom-left-radius: 36px;
    }
    .m\:radius--bottom-left-10 {
        border-bottom-left-radius: 40px;
    }
    .m\:radius--bottom-left-11 {
        border-bottom-left-radius: 44px;
    }
    .m\:radius--bottom-left-12 {
        border-bottom-left-radius: 48px;
    }
    .m\:radius--bottom-left-13 {
        border-bottom-left-radius: 52px;
    }
    .m\:radius--bottom-left-14 {
        border-bottom-left-radius: 56px;
    }
    .m\:radius--bottom-left-15 {
        border-bottom-left-radius: 60px;
    }
    .m\:radius--bottom-left-16 {
        border-bottom-left-radius: 64px;
    }
    .m\:radius--bottom-left-17 {
        border-bottom-left-radius: 68px;
    }
    .m\:radius--bottom-left-18 {
        border-bottom-left-radius: 72px;
    }
    .m\:radius--bottom-left-19 {
        border-bottom-left-radius: 76px;
    }
    .m\:radius--bottom-left-20 {
        border-bottom-left-radius: 80px;
    }
    .m\:radius--bottom-left-full {
        border-bottom-left-radius: 100%;
    }

}
@media (max-width: 768px) {

    .s\:radius {

    }

    .s\:radius--0 {
        border-radius: 0;
    }
    .s\:radius--1 {
        border-radius: 4px;
    }
    .s\:radius--2 {
        border-radius: 8px;
    }
    .s\:radius--3 {
        border-radius: 12px;
    }
    .s\:radius--4 {
        border-radius: 16px;
    }
    .s\:radius--5 {
        border-radius: 20px;
    }
    .s\:radius--6 {
        border-radius: 24px;
    }
    .s\:radius--7 {
        border-radius: 28px;
    }
    .s\:radius--8 {
        border-radius: 32px;
    }
    .s\:radius--9 {
        border-radius: 36px;
    }
    .s\:radius--10 {
        border-radius: 40px;
    }
    .s\:radius--11 {
        border-radius: 44px;
    }
    .s\:radius--12 {
        border-radius: 48px;
    }
    .s\:radius--13 {
        border-radius: 52px;
    }
    .s\:radius--14 {
        border-radius: 56px;
    }
    .s\:radius--15 {
        border-radius: 60px;
    }
    .s\:radius--16 {
        border-radius: 64px;
    }
    .s\:radius--17 {
        border-radius: 68px;
    }
    .s\:radius--18 {
        border-radius: 72px;
    }
    .s\:radius--19 {
        border-radius: 76px;
    }
    .s\:radius--20 {
        border-radius: 80px;
    }
    .s\:radius--full {
        border-radius: 100%;
    }


    .s\:radius--top-left-0 {
        border-top-left-radius: 0;
    }
    .s\:radius--top-left-1 {
        border-top-left-radius: 4px;
    }
    .s\:radius--top-left-2 {
        border-top-left-radius: 8px;
    }
    .s\:radius--top-left-3 {
        border-top-left-radius: 12px;
    }
    .s\:radius--top-left-4 {
        border-top-left-radius: 16px;
    }
    .s\:radius--top-left-5 {
        border-top-left-radius: 20px;
    }
    .s\:radius--top-left-6 {
        border-top-left-radius: 24px;
    }
    .s\:radius--top-left-7 {
        border-top-left-radius: 28px;
    }
    .s\:radius--top-left-8 {
        border-top-left-radius: 32px;
    }
    .s\:radius--top-left-9 {
        border-top-left-radius: 36px;
    }
    .s\:radius--top-left-10 {
        border-top-left-radius: 40px;
    }
    .s\:radius--top-left-11 {
        border-top-left-radius: 44px;
    }
    .s\:radius--top-left-12 {
        border-top-left-radius: 48px;
    }
    .s\:radius--top-left-13 {
        border-top-left-radius: 52px;
    }
    .s\:radius--top-left-14 {
        border-top-left-radius: 56px;
    }
    .s\:radius--top-left-15 {
        border-top-left-radius: 60px;
    }
    .s\:radius--top-left-16 {
        border-top-left-radius: 64px;
    }
    .s\:radius--top-left-17 {
        border-top-left-radius: 68px;
    }
    .s\:radius--top-left-18 {
        border-top-left-radius: 72px;
    }
    .s\:radius--top-left-19 {
        border-top-left-radius: 76px;
    }
    .s\:radius--top-left-20 {
        border-top-left-radius: 80px;
    }
    .s\:radius--top-left-full {
        border-top-left-radius: 100%;
    }

    .s\:radius--top-right-0 {
        border-top-right-radius: 0;
    }
    .s\:radius--top-right-1 {
        border-top-right-radius: 4px;
    }
    .s\:radius--top-right-2 {
        border-top-right-radius: 8px;
    }
    .s\:radius--top-right-3 {
        border-top-right-radius: 12px;
    }
    .s\:radius--top-right-4 {
        border-top-right-radius: 16px;
    }
    .s\:radius--top-right-5 {
        border-top-right-radius: 20px;
    }
    .s\:radius--top-right-6 {
        border-top-right-radius: 24px;
    }
    .s\:radius--top-right-7 {
        border-top-right-radius: 28px;
    }
    .s\:radius--top-right-8 {
        border-top-right-radius: 32px;
    }
    .s\:radius--top-right-9 {
        border-top-right-radius: 36px;
    }
    .s\:radius--top-right-10 {
        border-top-right-radius: 40px;
    }
    .s\:radius--top-right-11 {
        border-top-right-radius: 44px;
    }
    .s\:radius--top-right-12 {
        border-top-right-radius: 48px;
    }
    .s\:radius--top-right-13 {
        border-top-right-radius: 52px;
    }
    .s\:radius--top-right-14 {
        border-top-right-radius: 56px;
    }
    .s\:radius--top-right-15 {
        border-top-right-radius: 60px;
    }
    .s\:radius--top-right-16 {
        border-top-right-radius: 64px;
    }
    .s\:radius--top-right-17 {
        border-top-right-radius: 68px;
    }
    .s\:radius--top-right-18 {
        border-top-right-radius: 72px;
    }
    .s\:radius--top-right-19 {
        border-top-right-radius: 76px;
    }
    .s\:radius--top-right-20 {
        border-top-right-radius: 80px;
    }
    .s\:radius--top-right-full {
        border-top-right-radius: 100%;
    }

    .s\:radius--bottom-right-0 {
        border-bottom-right-radius: 0;
    }
    .s\:radius--bottom-right-1 {
        border-bottom-right-radius: 4px;
    }
    .s\:radius--bottom-right-2 {
        border-bottom-right-radius: 8px;
    }
    .s\:radius--bottom-right-3 {
        border-bottom-right-radius: 12px;
    }
    .s\:radius--bottom-right-4 {
        border-bottom-right-radius: 16px;
    }
    .s\:radius--bottom-right-5 {
        border-bottom-right-radius: 20px;
    }
    .s\:radius--bottom-right-6 {
        border-bottom-right-radius: 24px;
    }
    .s\:radius--bottom-right-7 {
        border-bottom-right-radius: 28px;
    }
    .s\:radius--bottom-right-8 {
        border-bottom-right-radius: 32px;
    }
    .s\:radius--bottom-right-9 {
        border-bottom-right-radius: 36px;
    }
    .s\:radius--bottom-right-10 {
        border-bottom-right-radius: 40px;
    }
    .s\:radius--bottom-right-11 {
        border-bottom-right-radius: 44px;
    }
    .s\:radius--bottom-right-12 {
        border-bottom-right-radius: 48px;
    }
    .s\:radius--bottom-right-13 {
        border-bottom-right-radius: 52px;
    }
    .s\:radius--bottom-right-14 {
        border-bottom-right-radius: 56px;
    }
    .s\:radius--bottom-right-15 {
        border-bottom-right-radius: 60px;
    }
    .s\:radius--bottom-right-16 {
        border-bottom-right-radius: 64px;
    }
    .s\:radius--bottom-right-17 {
        border-bottom-right-radius: 68px;
    }
    .s\:radius--bottom-right-18 {
        border-bottom-right-radius: 72px;
    }
    .s\:radius--bottom-right-19 {
        border-bottom-right-radius: 76px;
    }
    .s\:radius--bottom-right-20 {
        border-bottom-right-radius: 80px;
    }
    .s\:radius--bottom-right-full {
        border-bottom-right-radius: 100%;
    }

    .s\:radius--bottom-left-0 {
        border-bottom-left-radius: 0;
    }
    .s\:radius--bottom-left-1 {
        border-bottom-left-radius: 4px;
    }
    .s\:radius--bottom-left-2 {
        border-bottom-left-radius: 8px;
    }
    .s\:radius--bottom-left-3 {
        border-bottom-left-radius: 12px;
    }
    .s\:radius--bottom-left-4 {
        border-bottom-left-radius: 16px;
    }
    .s\:radius--bottom-left-5 {
        border-bottom-left-radius: 20px;
    }
    .s\:radius--bottom-left-6 {
        border-bottom-left-radius: 24px;
    }
    .s\:radius--bottom-left-7 {
        border-bottom-left-radius: 28px;
    }
    .s\:radius--bottom-left-8 {
        border-bottom-left-radius: 32px;
    }
    .s\:radius--bottom-left-9 {
        border-bottom-left-radius: 36px;
    }
    .s\:radius--bottom-left-10 {
        border-bottom-left-radius: 40px;
    }
    .s\:radius--bottom-left-11 {
        border-bottom-left-radius: 44px;
    }
    .s\:radius--bottom-left-12 {
        border-bottom-left-radius: 48px;
    }
    .s\:radius--bottom-left-13 {
        border-bottom-left-radius: 52px;
    }
    .s\:radius--bottom-left-14 {
        border-bottom-left-radius: 56px;
    }
    .s\:radius--bottom-left-15 {
        border-bottom-left-radius: 60px;
    }
    .s\:radius--bottom-left-16 {
        border-bottom-left-radius: 64px;
    }
    .s\:radius--bottom-left-17 {
        border-bottom-left-radius: 68px;
    }
    .s\:radius--bottom-left-18 {
        border-bottom-left-radius: 72px;
    }
    .s\:radius--bottom-left-19 {
        border-bottom-left-radius: 76px;
    }
    .s\:radius--bottom-left-20 {
        border-bottom-left-radius: 80px;
    }
    .s\:radius--bottom-left-full {
        border-bottom-left-radius: 100%;
    }

}
@media (max-width: 576px) {

    .xs\:radius {

    }

    .xs\:radius--0 {
        border-radius: 0;
    }
    .xs\:radius--1 {
        border-radius: 4px;
    }
    .xs\:radius--2 {
        border-radius: 8px;
    }
    .xs\:radius--3 {
        border-radius: 12px;
    }
    .xs\:radius--4 {
        border-radius: 16px;
    }
    .xs\:radius--5 {
        border-radius: 20px;
    }
    .xs\:radius--6 {
        border-radius: 24px;
    }
    .xs\:radius--7 {
        border-radius: 28px;
    }
    .xs\:radius--8 {
        border-radius: 32px;
    }
    .xs\:radius--9 {
        border-radius: 36px;
    }
    .xs\:radius--10 {
        border-radius: 40px;
    }
    .xs\:radius--11 {
        border-radius: 44px;
    }
    .xs\:radius--12 {
        border-radius: 48px;
    }
    .xs\:radius--13 {
        border-radius: 52px;
    }
    .xs\:radius--14 {
        border-radius: 56px;
    }
    .xs\:radius--15 {
        border-radius: 60px;
    }
    .xs\:radius--16 {
        border-radius: 64px;
    }
    .xs\:radius--17 {
        border-radius: 68px;
    }
    .xs\:radius--18 {
        border-radius: 72px;
    }
    .xs\:radius--19 {
        border-radius: 76px;
    }
    .xs\:radius--20 {
        border-radius: 80px;
    }
    .xs\:radius--full {
        border-radius: 100%;
    }


    .xs\:radius--top-left-0 {
        border-top-left-radius: 0;
    }
    .xs\:radius--top-left-1 {
        border-top-left-radius: 4px;
    }
    .xs\:radius--top-left-2 {
        border-top-left-radius: 8px;
    }
    .xs\:radius--top-left-3 {
        border-top-left-radius: 12px;
    }
    .xs\:radius--top-left-4 {
        border-top-left-radius: 16px;
    }
    .xs\:radius--top-left-5 {
        border-top-left-radius: 20px;
    }
    .xs\:radius--top-left-6 {
        border-top-left-radius: 24px;
    }
    .xs\:radius--top-left-7 {
        border-top-left-radius: 28px;
    }
    .xs\:radius--top-left-8 {
        border-top-left-radius: 32px;
    }
    .xs\:radius--top-left-9 {
        border-top-left-radius: 36px;
    }
    .xs\:radius--top-left-10 {
        border-top-left-radius: 40px;
    }
    .xs\:radius--top-left-11 {
        border-top-left-radius: 44px;
    }
    .xs\:radius--top-left-12 {
        border-top-left-radius: 48px;
    }
    .xs\:radius--top-left-13 {
        border-top-left-radius: 52px;
    }
    .xs\:radius--top-left-14 {
        border-top-left-radius: 56px;
    }
    .xs\:radius--top-left-15 {
        border-top-left-radius: 60px;
    }
    .xs\:radius--top-left-16 {
        border-top-left-radius: 64px;
    }
    .xs\:radius--top-left-17 {
        border-top-left-radius: 68px;
    }
    .xs\:radius--top-left-18 {
        border-top-left-radius: 72px;
    }
    .xs\:radius--top-left-19 {
        border-top-left-radius: 76px;
    }
    .xs\:radius--top-left-20 {
        border-top-left-radius: 80px;
    }
    .xs\:radius--top-left-full {
        border-top-left-radius: 100%;
    }

    .xs\:radius--top-right-0 {
        border-top-right-radius: 0;
    }
    .xs\:radius--top-right-1 {
        border-top-right-radius: 4px;
    }
    .xs\:radius--top-right-2 {
        border-top-right-radius: 8px;
    }
    .xs\:radius--top-right-3 {
        border-top-right-radius: 12px;
    }
    .xs\:radius--top-right-4 {
        border-top-right-radius: 16px;
    }
    .xs\:radius--top-right-5 {
        border-top-right-radius: 20px;
    }
    .xs\:radius--top-right-6 {
        border-top-right-radius: 24px;
    }
    .xs\:radius--top-right-7 {
        border-top-right-radius: 28px;
    }
    .xs\:radius--top-right-8 {
        border-top-right-radius: 32px;
    }
    .xs\:radius--top-right-9 {
        border-top-right-radius: 36px;
    }
    .xs\:radius--top-right-10 {
        border-top-right-radius: 40px;
    }
    .xs\:radius--top-right-11 {
        border-top-right-radius: 44px;
    }
    .xs\:radius--top-right-12 {
        border-top-right-radius: 48px;
    }
    .xs\:radius--top-right-13 {
        border-top-right-radius: 52px;
    }
    .xs\:radius--top-right-14 {
        border-top-right-radius: 56px;
    }
    .xs\:radius--top-right-15 {
        border-top-right-radius: 60px;
    }
    .xs\:radius--top-right-16 {
        border-top-right-radius: 64px;
    }
    .xs\:radius--top-right-17 {
        border-top-right-radius: 68px;
    }
    .xs\:radius--top-right-18 {
        border-top-right-radius: 72px;
    }
    .xs\:radius--top-right-19 {
        border-top-right-radius: 76px;
    }
    .xs\:radius--top-right-20 {
        border-top-right-radius: 80px;
    }
    .xs\:radius--top-right-full {
        border-top-right-radius: 100%;
    }

    .xs\:radius--bottom-right-0 {
        border-bottom-right-radius: 0;
    }
    .xs\:radius--bottom-right-1 {
        border-bottom-right-radius: 4px;
    }
    .xs\:radius--bottom-right-2 {
        border-bottom-right-radius: 8px;
    }
    .xs\:radius--bottom-right-3 {
        border-bottom-right-radius: 12px;
    }
    .xs\:radius--bottom-right-4 {
        border-bottom-right-radius: 16px;
    }
    .xs\:radius--bottom-right-5 {
        border-bottom-right-radius: 20px;
    }
    .xs\:radius--bottom-right-6 {
        border-bottom-right-radius: 24px;
    }
    .xs\:radius--bottom-right-7 {
        border-bottom-right-radius: 28px;
    }
    .xs\:radius--bottom-right-8 {
        border-bottom-right-radius: 32px;
    }
    .xs\:radius--bottom-right-9 {
        border-bottom-right-radius: 36px;
    }
    .xs\:radius--bottom-right-10 {
        border-bottom-right-radius: 40px;
    }
    .xs\:radius--bottom-right-11 {
        border-bottom-right-radius: 44px;
    }
    .xs\:radius--bottom-right-12 {
        border-bottom-right-radius: 48px;
    }
    .xs\:radius--bottom-right-13 {
        border-bottom-right-radius: 52px;
    }
    .xs\:radius--bottom-right-14 {
        border-bottom-right-radius: 56px;
    }
    .xs\:radius--bottom-right-15 {
        border-bottom-right-radius: 60px;
    }
    .xs\:radius--bottom-right-16 {
        border-bottom-right-radius: 64px;
    }
    .xs\:radius--bottom-right-17 {
        border-bottom-right-radius: 68px;
    }
    .xs\:radius--bottom-right-18 {
        border-bottom-right-radius: 72px;
    }
    .xs\:radius--bottom-right-19 {
        border-bottom-right-radius: 76px;
    }
    .xs\:radius--bottom-right-20 {
        border-bottom-right-radius: 80px;
    }
    .xs\:radius--bottom-right-full {
        border-bottom-right-radius: 100%;
    }

    .xs\:radius--bottom-left-0 {
        border-bottom-left-radius: 0;
    }
    .xs\:radius--bottom-left-1 {
        border-bottom-left-radius: 4px;
    }
    .xs\:radius--bottom-left-2 {
        border-bottom-left-radius: 8px;
    }
    .xs\:radius--bottom-left-3 {
        border-bottom-left-radius: 12px;
    }
    .xs\:radius--bottom-left-4 {
        border-bottom-left-radius: 16px;
    }
    .xs\:radius--bottom-left-5 {
        border-bottom-left-radius: 20px;
    }
    .xs\:radius--bottom-left-6 {
        border-bottom-left-radius: 24px;
    }
    .xs\:radius--bottom-left-7 {
        border-bottom-left-radius: 28px;
    }
    .xs\:radius--bottom-left-8 {
        border-bottom-left-radius: 32px;
    }
    .xs\:radius--bottom-left-9 {
        border-bottom-left-radius: 36px;
    }
    .xs\:radius--bottom-left-10 {
        border-bottom-left-radius: 40px;
    }
    .xs\:radius--bottom-left-11 {
        border-bottom-left-radius: 44px;
    }
    .xs\:radius--bottom-left-12 {
        border-bottom-left-radius: 48px;
    }
    .xs\:radius--bottom-left-13 {
        border-bottom-left-radius: 52px;
    }
    .xs\:radius--bottom-left-14 {
        border-bottom-left-radius: 56px;
    }
    .xs\:radius--bottom-left-15 {
        border-bottom-left-radius: 60px;
    }
    .xs\:radius--bottom-left-16 {
        border-bottom-left-radius: 64px;
    }
    .xs\:radius--bottom-left-17 {
        border-bottom-left-radius: 68px;
    }
    .xs\:radius--bottom-left-18 {
        border-bottom-left-radius: 72px;
    }
    .xs\:radius--bottom-left-19 {
        border-bottom-left-radius: 76px;
    }
    .xs\:radius--bottom-left-20 {
        border-bottom-left-radius: 80px;
    }
    .xs\:radius--bottom-left-full {
        border-bottom-left-radius: 100%;
    }

}


/* Shadow */
.shadow {

}

.shadow--1 {
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
}
.shadow--2 {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.shadow--3 {
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
}
.shadow--4 {
    box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);
}
.shadow--5 {
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 25%);
}
.shadow--6 {
    box-shadow: 0 0 18px 0 rgb(0 0 0 / 30%);
}
.shadow--7 {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
}
.shadow--8 {
    box-shadow: 0 0 22px 0 rgb(0 0 0 / 40%);
}
.shadow--9 {
    box-shadow: 0 0 24px 0 rgb(0 0 0 / 45%);
}
.shadow--10 {
    box-shadow: 0 0 26px 0 rgb(0 0 0 / 50%);
}

@media (max-width: 1400px) {

    .xl\:shadow {

    }

    .xl\:shadow--1 {
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
    }
    .xl\:shadow--2 {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }
    .xl\:shadow--3 {
        box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    }
    .xl\:shadow--4 {
        box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);
    }
    .xl\:shadow--5 {
        box-shadow: 0 0 16px 0 rgb(0 0 0 / 25%);
    }
    .xl\:shadow--6 {
        box-shadow: 0 0 18px 0 rgb(0 0 0 / 30%);
    }
    .xl\:shadow--7 {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
    }
    .xl\:shadow--8 {
        box-shadow: 0 0 22px 0 rgb(0 0 0 / 40%);
    }
    .xl\:shadow--9 {
        box-shadow: 0 0 24px 0 rgb(0 0 0 / 45%);
    }
    .xl\:shadow--10 {
        box-shadow: 0 0 26px 0 rgb(0 0 0 / 50%);
    }

}
@media (max-width: 1200px) {

    .l\:shadow {

    }

    .l\:shadow--1 {
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
    }
    .l\:shadow--2 {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }
    .l\:shadow--3 {
        box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    }
    .l\:shadow--4 {
        box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);
    }
    .l\:shadow--5 {
        box-shadow: 0 0 16px 0 rgb(0 0 0 / 25%);
    }
    .l\:shadow--6 {
        box-shadow: 0 0 18px 0 rgb(0 0 0 / 30%);
    }
    .l\:shadow--7 {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
    }
    .l\:shadow--8 {
        box-shadow: 0 0 22px 0 rgb(0 0 0 / 40%);
    }
    .l\:shadow--9 {
        box-shadow: 0 0 24px 0 rgb(0 0 0 / 45%);
    }
    .l\:shadow--10 {
        box-shadow: 0 0 26px 0 rgb(0 0 0 / 50%);
    }

}
@media (max-width: 992px) {

    .m\:shadow {

    }

    .m\:shadow--1 {
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
    }
    .m\:shadow--2 {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }
    .m\:shadow--3 {
        box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    }
    .m\:shadow--4 {
        box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);
    }
    .m\:shadow--5 {
        box-shadow: 0 0 16px 0 rgb(0 0 0 / 25%);
    }
    .m\:shadow--6 {
        box-shadow: 0 0 18px 0 rgb(0 0 0 / 30%);
    }
    .m\:shadow--7 {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
    }
    .m\:shadow--8 {
        box-shadow: 0 0 22px 0 rgb(0 0 0 / 40%);
    }
    .m\:shadow--9 {
        box-shadow: 0 0 24px 0 rgb(0 0 0 / 45%);
    }
    .m\:shadow--10 {
        box-shadow: 0 0 26px 0 rgb(0 0 0 / 50%);
    }

}
@media (max-width: 768px) {

    .s\:shadow {

    }

    .s\:shadow--1 {
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
    }
    .s\:shadow--2 {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }
    .s\:shadow--3 {
        box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    }
    .s\:shadow--4 {
        box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);
    }
    .s\:shadow--5 {
        box-shadow: 0 0 16px 0 rgb(0 0 0 / 25%);
    }
    .s\:shadow--6 {
        box-shadow: 0 0 18px 0 rgb(0 0 0 / 30%);
    }
    .s\:shadow--7 {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
    }
    .s\:shadow--8 {
        box-shadow: 0 0 22px 0 rgb(0 0 0 / 40%);
    }
    .s\:shadow--9 {
        box-shadow: 0 0 24px 0 rgb(0 0 0 / 45%);
    }
    .s\:shadow--10 {
        box-shadow: 0 0 26px 0 rgb(0 0 0 / 50%);
    }

}
@media (max-width: 576px) {

    .xs\:shadow {

    }

    .xs\:shadow--1 {
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 5%);
    }
    .xs\:shadow--2 {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    }
    .xs\:shadow--3 {
        box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    }
    .xs\:shadow--4 {
        box-shadow: 0 0 14px 0 rgb(0 0 0 / 20%);
    }
    .xs\:shadow--5 {
        box-shadow: 0 0 16px 0 rgb(0 0 0 / 25%);
    }
    .xs\:shadow--6 {
        box-shadow: 0 0 18px 0 rgb(0 0 0 / 30%);
    }
    .xs\:shadow--7 {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 35%);
    }
    .xs\:shadow--8 {
        box-shadow: 0 0 22px 0 rgb(0 0 0 / 40%);
    }
    .xs\:shadow--9 {
        box-shadow: 0 0 24px 0 rgb(0 0 0 / 45%);
    }
    .xs\:shadow--10 {
        box-shadow: 0 0 26px 0 rgb(0 0 0 / 50%);
    }

}


/* Overflow */
.overflow {

}

.overflow--hidden {
    overflow: hidden;
}
.overflow--x-auto {
    overflow-x: auto;
}
.overflow--y-auto {
    overflow-y: auto;
}

@media (max-width: 1400px) {

    .xl\:overflow {

    }

    .xl\:overflow--hidden {
        overflow: hidden;
    }
    .xl\:overflow--x-auto {
        overflow-x: auto;
    }
    .xl\:overflow--y-auto {
        overflow-y: auto;
    }

}
@media (max-width: 1200px) {

    .l\:overflow {

    }

    .l\:overflow--hidden {
        overflow: hidden;
    }
    .l\:overflow--x-auto {
        overflow-x: auto;
    }
    .l\:overflow--y-auto {
        overflow-y: auto;
    }

}
@media (max-width: 992px) {

    .m\:overflow {

    }

    .m\:overflow--hidden {
        overflow: hidden;
    }
    .m\:overflow--x-auto {
        overflow-x: auto;
    }
    .m\:overflow--y-auto {
        overflow-y: auto;
    }

}
@media (max-width: 768px) {

    .s\:overflow {

    }

    .s\:overflow--hidden {
        overflow: hidden;
    }
    .s\:overflow--x-auto {
        overflow-x: auto;
    }
    .s\:overflow--y-auto {
        overflow-y: auto;
    }

}
@media (max-width: 576px) {

    .xs\:overflow {

    }

    .xs\:overflow--hidden {
        overflow: hidden;
    }
    .xs\:overflow--x-auto {
        overflow-x: auto;
    }
    .xs\:overflow--y-auto {
        overflow-y: auto;
    }

}


/* Display */
.display {

}

.display--none {
    display: none !important;
}
.display--block {
    display: block !important;
}
.display--inline {
    display: inline !important;
}
.display--inline-block {
    display: inline-block !important;
}

@media (max-width: 1400px) {

    .xl\:display {

    }

    .xl\:display--none {
        display: none !important;
    }
    .xl\:display--block {
        display: block !important;
    }
    .xl\:display--inline {
        display: inline !important;
    }
    .xl\:display--inline-block {
        display: inline-block !important;
    }

}
@media (max-width: 1200px) {

    .l\:display {

    }

    .l\:display--none {
        display: none !important;
    }
    .l\:display--block {
        display: block !important;
    }
    .l\:display--inline {
        display: inline !important;
    }
    .l\:display--inline-block {
        display: inline-block !important;
    }

}
@media (max-width: 992px) {

    .m\:display {

    }

    .m\:display--none {
        display: none !important;
    }
    .m\:display--block {
        display: block !important;
    }
    .m\:display--inline {
        display: inline !important;
    }
    .m\:display--inline-block {
        display: inline-block !important;
    }

}
@media (max-width: 768px) {

    .s\:display {

    }

    .s\:display--none {
        display: none !important;
    }
    .s\:display--block {
        display: block !important;
    }
    .s\:display--inline {
        display: inline !important;
    }
    .s\:display--inline-block {
        display: inline-block !important;
    }

}
@media (max-width: 576px) {

    .xs\:display {

    }

    .xs\:display--none {
        display: none !important;
    }
    .xs\:display--block {
        display: block !important;
    }
    .xs\:display--inline {
        display: inline !important;
    }
    .xs\:display--inline-block {
        display: inline-block !important;
    }

}


/* Translate */
.translate {

}

.translate--center {
    transform: translate(-50%, -50%);
}

.translate--y-center {
    transform: translateY(-50%);
}
.translate--x-center {
    transform: translateX(-50%);
}

@media (max-width: 1400px) {

    .xl\:translate {

    }

    .xl\:translate--center {
        transform: translate(-50%, -50%);
    }

    .xl\:translate--y-center {
        transform: translateY(-50%);
    }
    .xl\:translate--x-center {
        transform: translateX(-50%);
    }

}
@media (max-width: 1200px) {

    .l\:translate {

    }

    .l\:translate--center {
        transform: translate(-50%, -50%);
    }

    .l\:translate--y-center {
        transform: translateY(-50%);
    }
    .l\:translate--x-center {
        transform: translateX(-50%);
    }

}
@media (max-width: 992px) {

    .m\:translate {

    }

    .m\:translate--center {
        transform: translate(-50%, -50%);
    }

    .m\:translate--y-center {
        transform: translateY(-50%);
    }
    .m\:translate--x-center {
        transform: translateX(-50%);
    }

}
@media (max-width: 768px) {

    .s\:translate {

    }

    .s\:translate--center {
        transform: translate(-50%, -50%);
    }

    .s\:translate--y-center {
        transform: translateY(-50%);
    }
    .s\:translate--x-center {
        transform: translateX(-50%);
    }

}
@media (max-width: 576px) {

    .xs\:translate {

    }

    .xs\:translate--center {
        transform: translate(-50%, -50%);
    }

    .xs\:translate--y-center {
        transform: translateY(-50%);
    }
    .xs\:translate--x-center {
        transform: translateX(-50%);
    }

}


/* Input */
.input {
    position: relative;
}
.input::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    right: 15px;
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 22px;
}


.input__placeholder {
    position: absolute;
    top: 17px;
    left: 17px;
    pointer-events: none;
    opacity: 1;
    transition: 0.15s;
    width: calc(100% - 34px);
    white-space: nowrap;
    overflow: hidden;
}

.input--floating-label--filled .input__area {
    padding-top: 24px;
    padding-bottom: 8px;
}
.input--floating-label--filled .input__placeholder {
    top: 8px;
    transform: none;
    font-size: 12px;
}


.input__preview--template {
    position: relative;
}
.input__preview--template .input__preview__target {
    display: none;
}
.input--multiple .input__preview--template {
    display: none;
}
.input:not(.input--multiple) .input__preview--template {
    border: 1px solid var(--color-background);
    border-radius: 1000px;
}
.input:not(.input--multiple) .input__preview--template::after {
    content: '+';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    opacity: 0.4;
    pointer-events: none;
    font-weight: 300;
}

.input__area {
    transition: 0.15s;
    outline: none;
}
.input__area:hover {
    border-color: var(--color-background);
}
.input__area:focus {
    border-color: var(--color-background);
}

.input--textarea .input__area {
    resize: none;
}

.input--checkbox .input__area, .input--radio .input__area, .input--boolean .input__area {
    appearance: none;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    aspect-ratio: 1;
    height: 32px;
    border-radius: 8px;
    background: var(--color-background);
    border: 1px solid var(--color-background);
    position: relative;
    cursor: pointer;
}
.input--checkbox .input__area::after, .input--radio .input__area::after, .input--boolean .input__area::after {
    content: 'check';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.15s;
    opacity: 0;
    pointer-events: none;
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 22px;
}
.input--checkbox .input__area:checked, .input--radio .input__area:checked, .input--boolean .input__area:checked {
    background: var(--color-black);
    border-color: var(--color-black);
}
.input--checkbox .input__area:hover::after, .input--radio .input__area:hover::after, .input--boolean .input__area:hover::after {
    opacity: 0.2;
}
.input--checkbox .input__area:checked::after, .input--radio .input__area:checked::after, .input--boolean .input__area:checked::after {
    opacity: 1;
    color: var(--color-white);
}

.input--radio .input__area {
    border-radius: 1000px;
}

.input--switcher .input__area {
    appearance: none;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 28px;
    border-radius: 1000px;
    background: var(--color-background);
    border: none;
    cursor: pointer;
    position: relative;
}
.input--switcher .input__area::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    height: calc(100% - 4px);
    aspect-ratio: 1;
    border-radius: 1000px;
    background: var(--color-white);
    display: block;
    transition: 0.15s;
}
.input--switcher .input__area:checked {
    background: var(--color-black);
}
.input--switcher .input__area:checked::after {
    left: calc(100% - 2px);
    transform: translateY(-50%) translateX(-100%);
}

.input--select {
    position: relative;
}
.input--select select {
    padding-right: 50px;
    appearance: none;
    cursor: pointer;
}
.input--select::after {
    content: 'keyboard_arrow_down';
}
.input--select .input__area:has(option[value=""]:checked) {
    color: var(--color-text-secondary);
}

.input--calendar {

}
.input--calendar__month__wrapper {
    max-width: 360px;
    margin: auto;
}
.input--calendar__day {
    transition: 0.15s;
}
.input--calendar__day--selected {
    background: var(--color-black);
    color: var(--color-white);
}
.input--calendar__day--selected--first {
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    margin-left: 1px;
    padding-right: 1px;
}
.input--calendar__day--selected--last {
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    margin-right: 1px;
    padding-left: 1px;
}

.input--tag .input__area + span {
    transition: 0.15s;
    cursor: pointer;
}
.input--tag .input__area:checked + span {
    border-color: var(--color-black);
    background-color: var(--color-sky);
}

.input--error .input__area {
    border-color: var(--color-red);
}
.input--error.input--tag .input__area + span {
    border-color: var(--color-red);
}


@media (max-width: 1200px) {

    .input--checkbox .input__area, .input--radio .input__area, .input--boolean .input__area {
        width: 28px;
        min-width: 28px;
        max-width: 28px;
        height: 28px;
    }

}


/* Form */
.form {

}

.form__progress__bar {
    transition: 0.3s;
}

.form__step:not(.form__step--current) {
    display: none;
}

.form__field--hidden {
    display: none;
}

.form__field__inputs .input:first-child {

}
.form__field__error:empty {
    display: none;
}

.form__step__back {
    transition: 0.15s;
}
.form__step__back--disabled {
    opacity: 0.5;
    pointer-events: none;
}

.form__messages {
    white-space: pre-line;
    background-color: var(--color-alerts-warning);
    color: var(--color-red);
}
.form__messages:empty {
    display: none;
}
.form__messages--success {
    background-color: var(--color-alerts-information);
    color: var(--color-black);
}



/* Button */
.button {
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    position: relative;
    transition: 0.3s;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid;
}
.button::after {
    content: 'progress_activity';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0;
    transition: 0.3s;
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 22px;
}

.button:hover, .button--hover {

}
.button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.button--l {

}
.button--m {
    font-size: 18px;
    letter-spacing: -1px;
    padding: 16px 33px;
}
.button--s {
    font-size: 14px;
    letter-spacing: -1px;
    padding: 10px 20px;
    gap: 12px;
}

.button--blue {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-white);
}
.button--black {
    background: var(--color-text-primary);
    border-color: var(--color-text-primary);
    color: var(--color-white);
}
.button--white {
    background: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-text-primary);
}
.button--sky {
    background: var(--color-sky);
    border-color: var(--color-sky);
    color: var(--color-text-primary);
}

.button--phantom {
    background: none;
}


@keyframes button--loading {
    0% {
        transform: translateY(-50%) translateX(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) translateX(-50%) rotate(360deg);
    }
}
.button--loading {
    color: transparent;
    text-shadow: none;
    pointer-events: none;
}
.button--loading::after {
    opacity: 1;
    animation: button--loading 1s linear infinite;
    color: white;
}
.button--loading.button--sky::after,
.button--loading.button--white::after {
    color: black;
}

.button--rounded {
    border-radius: 1000px;
}

@media (max-width: 1200px) {

    .button--l {

    }
    .button--m {
        padding: 14px 28px;
    }
    .button--s {
        padding: 8px 16px;
    }

}


/* Prose (texto enriquecido) */
.prose .title--xxxl {
    margin-top: 90px;
    margin-bottom: 70px;
}
.prose .title--xxl {
    margin-top: 80px;
    margin-bottom: 60px;
}
.prose .title--xl {
    margin-top: 70px;
    margin-bottom: 50px;
}
.prose .title--l {
    margin-top: 60px;
    margin-bottom: 40px;
}
.prose .title--m {
    margin-top: 50px;
    margin-bottom: 30px;
}
.prose .title--s {
    margin-top: 40px;
    margin-bottom: 24px;
}

.prose .headline {
    margin-top: 40px;
    margin-bottom: 24px;
}
.prose .headline-body {
    margin-top: 24px;
    margin-bottom: 24px;
}

.prose .body-caption {
    margin-top: 20px;
    margin-bottom: 20px;
}
.prose .caption {
    margin-top: 16px;
    margin-bottom: 16px;
}

.prose ul {
    margin-left: 35px;
}
.prose li + li {
    margin-top: 8px;
}

.prose > *:first-child {
    margin-top: 0;
}
.prose > *:last-child {
    margin-bottom: 0;
}

/* Border */
.border {

}

.border--color-transparent {
    border-color: transparent;
}
.border--color-blue {
    border-color: var(--color-blue);
}
.border--color-red {
    border-color: var(--color-red);
}
.border--color-sky {
    border-color: var(--color-sky);
}
.border--color-white {
    border-color: var(--color-white);
}
.border--color-black {
    border-color: var(--color-black);
}
.border--color-background {
    border-color: var(--color-background);
}
.border--color-purple {
    border-color: var(--color-purple);
}
.border--color-light-purple {
    border-color: var(--color-light-purple);
}
.border--color-light-blue {
    border-color: var(--color-light-blue);
}
.border--color-yellow {
    border-color: var(--color-yellow);
}
.border--color-pink {
    border-color: var(--color-pink);
}
.border--color-text-primary {
    border-color: var(--color-text-primary);
}
.border--color-text-secondary {
    border-color: var(--color-text-secondary);
}
.border--color-text-disable {
    border-color: var(--color-text-disable);
}
.border--color-alerts-caution {
    border-color: var(--color-alerts-caution);
}
.border--color-alerts-information {
    border-color: var(--color-alerts-information);
}
.border--color-alerts-warning {
    border-color: var(--color-alerts-warning);
}
.border--color-alerts-pending {
    border-color: var(--color-alerts-pending);
}
.border--color-glass {
    border-color: var(--color-glass);
}

.border--none {
    border: none;
}
.border--1 {
    border-width: 1px;
}
.border--2 {
    border-width: 2px;
}
.border--3 {
    border-width: 3px;
}
.border--4 {
    border-width: 4px;
}
.border--5 {
    border-width: 5px;
}
.border--solid {
    border-style: solid;
}
.border--dotted {
    border-style: dotted;
}
.border--dashed {
    border-style: dashed;
}

.border--top-none {
    border-top: none;
}
.border--top-1 {
    border-top-width: 1px;
}
.border--top-2 {
    border-top-width: 2px;
}
.border--top-3 {
    border-top-width: 3px;
}
.border--top-4 {
    border-top-width: 4px;
}
.border--top-5 {
    border-top-width: 5px;
}
.border--top-solid {
    border-top-style: solid;
}
.border--top-dotted {
    border-top-style: dotted;
}
.border--top-dashed {
    border-top-style: dashed;
}

.border--left-none {
    border-left: none;
}
.border--left-1 {
    border-left-width: 1px;
}
.border--left-2 {
    border-left-width: 2px;
}
.border--left-3 {
    border-left-width: 3px;
}
.border--left-4 {
    border-left-width: 4px;
}
.border--left-5 {
    border-left-width: 5px;
}
.border--left-solid {
    border-left-style: solid;
}
.border--left-dotted {
    border-left-style: dotted;
}
.border--left-dashed {
    border-left-style: dashed;
}

.border--right-none {
    border-right: none;
}
.border--right-1 {
    border-right-width: 1px;
}
.border--right-2 {
    border-right-width: 2px;
}
.border--right-3 {
    border-right-width: 3px;
}
.border--right-4 {
    border-right-width: 4px;
}
.border--right-5 {
    border-right-width: 5px;
}
.border--right-solid {
    border-right-style: solid;
}
.border--right-dotted {
    border-right-style: dotted;
}
.border--right-dashed {
    border-right-style: dashed;
}

.border--bottom-none {
    border-bottom: none;
}
.border--bottom-1 {
    border-bottom-width: 1px;
}
.border--bottom-2 {
    border-bottom-width: 2px;
}
.border--bottom-3 {
    border-bottom-width: 3px;
}
.border--bottom-4 {
    border-bottom-width: 4px;
}
.border--bottom-5 {
    border-bottom-width: 5px;
}
.border--bottom-solid {
    border-bottom-style: solid;
}
.border--bottom-dotted {
    border-bottom-style: dotted;
}
.border--bottom-dashed {
    border-bottom-style: dashed;
}

@media (max-width: 1400px) {

    .xl\:border {

    }

    .xl\:border--color-transparent {
        border-color: transparent;
    }
    .xl\:border--color-blue {
        border-color: var(--color-blue);
    }
    .xl\:border--color-red {
        border-color: var(--color-red);
    }
    .xl\:border--color-sky {
        border-color: var(--color-sky);
    }
    .xl\:border--color-white {
        border-color: var(--color-white);
    }
    .xl\:border--color-black {
        border-color: var(--color-black);
    }
    .xl\:border--color-background {
        border-color: var(--color-background);
    }
    .xl\:border--color-purple {
        border-color: var(--color-purple);
    }
    .xl\:border--color-light-purple {
        border-color: var(--color-light-purple);
    }
    .xl\:border--color-light-blue {
        border-color: var(--color-light-blue);
    }
    .xl\:border--color-yellow {
        border-color: var(--color-yellow);
    }
    .xl\:border--color-pink {
        border-color: var(--color-pink);
    }
    .xl\:border--color-text-primary {
        border-color: var(--color-text-primary);
    }
    .xl\:border--color-text-secondary {
        border-color: var(--color-text-secondary);
    }
    .xl\:border--color-text-disable {
        border-color: var(--color-text-disable);
    }
    .xl\:border--color-alerts-caution {
        border-color: var(--color-alerts-caution);
    }
    .xl\:border--color-alerts-information {
        border-color: var(--color-alerts-information);
    }
    .xl\:border--color-alerts-warning {
        border-color: var(--color-alerts-warning);
    }
    .xl\:border--color-alerts-pending {
        border-color: var(--color-alerts-pending);
    }
    .xl\:border--color-glass {
        border-color: var(--color-glass);
    }

    .xl\:border--none {
        border: none;
    }
    .xl\:border--1 {
        border-width: 1px;
    }
    .xl\:border--2 {
        border-width: 2px;
    }
    .xl\:border--3 {
        border-width: 3px;
    }
    .xl\:border--4 {
        border-width: 4px;
    }
    .xl\:border--5 {
        border-width: 5px;
    }
    .xl\:border--solid {
        border-style: solid;
    }
    .xl\:border--dotted {
        border-style: dotted;
    }
    .xl\:border--dashed {
        border-style: dashed;
    }

    .xl\:border--top-none {
        border-top: none;
    }
    .xl\:border--top-1 {
        border-top-width: 1px;
    }
    .xl\:border--top-2 {
        border-top-width: 2px;
    }
    .xl\:border--top-3 {
        border-top-width: 3px;
    }
    .xl\:border--top-4 {
        border-top-width: 4px;
    }
    .xl\:border--top-5 {
        border-top-width: 5px;
    }
    .xl\:border--top-solid {
        border-top-style: solid;
    }
    .xl\:border--top-dotted {
        border-top-style: dotted;
    }
    .xl\:border--top-dashed {
        border-top-style: dashed;
    }

    .xl\:border--left-none {
        border-left: none;
    }
    .xl\:border--left-1 {
        border-left-width: 1px;
    }
    .xl\:border--left-2 {
        border-left-width: 2px;
    }
    .xl\:border--left-3 {
        border-left-width: 3px;
    }
    .xl\:border--left-4 {
        border-left-width: 4px;
    }
    .xl\:border--left-5 {
        border-left-width: 5px;
    }
    .xl\:border--left-solid {
        border-left-style: solid;
    }
    .xl\:border--left-dotted {
        border-left-style: dotted;
    }
    .xl\:border--left-dashed {
        border-left-style: dashed;
    }

    .xl\:border--right-none {
        border-right: none;
    }
    .xl\:border--right-1 {
        border-right-width: 1px;
    }
    .xl\:border--right-2 {
        border-right-width: 2px;
    }
    .xl\:border--right-3 {
        border-right-width: 3px;
    }
    .xl\:border--right-4 {
        border-right-width: 4px;
    }
    .xl\:border--right-5 {
        border-right-width: 5px;
    }
    .xl\:border--right-solid {
        border-right-style: solid;
    }
    .xl\:border--right-dotted {
        border-right-style: dotted;
    }
    .xl\:border--right-dashed {
        border-right-style: dashed;
    }

    .xl\:border--bottom-none {
        border-bottom: none;
    }
    .xl\:border--bottom-1 {
        border-bottom-width: 1px;
    }
    .xl\:border--bottom-2 {
        border-bottom-width: 2px;
    }
    .xl\:border--bottom-3 {
        border-bottom-width: 3px;
    }
    .xl\:border--bottom-4 {
        border-bottom-width: 4px;
    }
    .xl\:border--bottom-5 {
        border-bottom-width: 5px;
    }
    .xl\:border--bottom-solid {
        border-bottom-style: solid;
    }
    .xl\:border--bottom-dotted {
        border-bottom-style: dotted;
    }
    .xl\:border--bottom-dashed {
        border-bottom-style: dashed;
    }

}
@media (max-width: 1200px) {

    .l\:border {

    }

    .l\:border--color-transparent {
        border-color: transparent;
    }
    .l\:border--color-blue {
        border-color: var(--color-blue);
    }
    .l\:border--color-red {
        border-color: var(--color-red);
    }
    .l\:border--color-sky {
        border-color: var(--color-sky);
    }
    .l\:border--color-white {
        border-color: var(--color-white);
    }
    .l\:border--color-black {
        border-color: var(--color-black);
    }
    .l\:border--color-background {
        border-color: var(--color-background);
    }
    .l\:border--color-purple {
        border-color: var(--color-purple);
    }
    .l\:border--color-light-purple {
        border-color: var(--color-light-purple);
    }
    .l\:border--color-light-blue {
        border-color: var(--color-light-blue);
    }
    .l\:border--color-yellow {
        border-color: var(--color-yellow);
    }
    .l\:border--color-pink {
        border-color: var(--color-pink);
    }
    .l\:border--color-text-primary {
        border-color: var(--color-text-primary);
    }
    .l\:border--color-text-secondary {
        border-color: var(--color-text-secondary);
    }
    .l\:border--color-text-disable {
        border-color: var(--color-text-disable);
    }
    .l\:border--color-alerts-caution {
        border-color: var(--color-alerts-caution);
    }
    .l\:border--color-alerts-information {
        border-color: var(--color-alerts-information);
    }
    .l\:border--color-alerts-warning {
        border-color: var(--color-alerts-warning);
    }
    .l\:border--color-alerts-pending {
        border-color: var(--color-alerts-pending);
    }
    .l\:border--color-glass {
        border-color: var(--color-glass);
    }

    .l\:border--none {
        border: none;
    }
    .l\:border--1 {
        border-width: 1px;
    }
    .l\:border--2 {
        border-width: 2px;
    }
    .l\:border--3 {
        border-width: 3px;
    }
    .l\:border--4 {
        border-width: 4px;
    }
    .l\:border--5 {
        border-width: 5px;
    }
    .l\:border--solid {
        border-style: solid;
    }
    .l\:border--dotted {
        border-style: dotted;
    }
    .l\:border--dashed {
        border-style: dashed;
    }

    .l\:border--top-none {
        border-top: none;
    }
    .l\:border--top-1 {
        border-top-width: 1px;
    }
    .l\:border--top-2 {
        border-top-width: 2px;
    }
    .l\:border--top-3 {
        border-top-width: 3px;
    }
    .l\:border--top-4 {
        border-top-width: 4px;
    }
    .l\:border--top-5 {
        border-top-width: 5px;
    }
    .l\:border--top-solid {
        border-top-style: solid;
    }
    .l\:border--top-dotted {
        border-top-style: dotted;
    }
    .l\:border--top-dashed {
        border-top-style: dashed;
    }

    .l\:border--left-none {
        border-left: none;
    }
    .l\:border--left-1 {
        border-left-width: 1px;
    }
    .l\:border--left-2 {
        border-left-width: 2px;
    }
    .l\:border--left-3 {
        border-left-width: 3px;
    }
    .l\:border--left-4 {
        border-left-width: 4px;
    }
    .l\:border--left-5 {
        border-left-width: 5px;
    }
    .l\:border--left-solid {
        border-left-style: solid;
    }
    .l\:border--left-dotted {
        border-left-style: dotted;
    }
    .l\:border--left-dashed {
        border-left-style: dashed;
    }

    .l\:border--right-none {
        border-right: none;
    }
    .l\:border--right-1 {
        border-right-width: 1px;
    }
    .l\:border--right-2 {
        border-right-width: 2px;
    }
    .l\:border--right-3 {
        border-right-width: 3px;
    }
    .l\:border--right-4 {
        border-right-width: 4px;
    }
    .l\:border--right-5 {
        border-right-width: 5px;
    }
    .l\:border--right-solid {
        border-right-style: solid;
    }
    .l\:border--right-dotted {
        border-right-style: dotted;
    }
    .l\:border--right-dashed {
        border-right-style: dashed;
    }

    .l\:border--bottom-none {
        border-bottom: none;
    }
    .l\:border--bottom-1 {
        border-bottom-width: 1px;
    }
    .l\:border--bottom-2 {
        border-bottom-width: 2px;
    }
    .l\:border--bottom-3 {
        border-bottom-width: 3px;
    }
    .l\:border--bottom-4 {
        border-bottom-width: 4px;
    }
    .l\:border--bottom-5 {
        border-bottom-width: 5px;
    }
    .l\:border--bottom-solid {
        border-bottom-style: solid;
    }
    .l\:border--bottom-dotted {
        border-bottom-style: dotted;
    }
    .l\:border--bottom-dashed {
        border-bottom-style: dashed;
    }

}
@media (max-width: 992px) {

    .m\:border {

    }

    .m\:border--color-transparent {
        border-color: transparent;
    }
    .m\:border--color-blue {
        border-color: var(--color-blue);
    }
    .m\:border--color-red {
        border-color: var(--color-red);
    }
    .m\:border--color-sky {
        border-color: var(--color-sky);
    }
    .m\:border--color-white {
        border-color: var(--color-white);
    }
    .m\:border--color-black {
        border-color: var(--color-black);
    }
    .m\:border--color-background {
        border-color: var(--color-background);
    }
    .m\:border--color-purple {
        border-color: var(--color-purple);
    }
    .m\:border--color-light-purple {
        border-color: var(--color-light-purple);
    }
    .m\:border--color-light-blue {
        border-color: var(--color-light-blue);
    }
    .m\:border--color-yellow {
        border-color: var(--color-yellow);
    }
    .m\:border--color-pink {
        border-color: var(--color-pink);
    }
    .m\:border--color-text-primary {
        border-color: var(--color-text-primary);
    }
    .m\:border--color-text-secondary {
        border-color: var(--color-text-secondary);
    }
    .m\:border--color-text-disable {
        border-color: var(--color-text-disable);
    }
    .m\:border--color-alerts-caution {
        border-color: var(--color-alerts-caution);
    }
    .m\:border--color-alerts-information {
        border-color: var(--color-alerts-information);
    }
    .m\:border--color-alerts-warning {
        border-color: var(--color-alerts-warning);
    }
    .m\:border--color-alerts-pending {
        border-color: var(--color-alerts-pending);
    }
    .m\:border--color-glass {
        border-color: var(--color-glass);
    }

    .m\:border--none {
        border: none;
    }
    .m\:border--1 {
        border-width: 1px;
    }
    .m\:border--2 {
        border-width: 2px;
    }
    .m\:border--3 {
        border-width: 3px;
    }
    .m\:border--4 {
        border-width: 4px;
    }
    .m\:border--5 {
        border-width: 5px;
    }
    .m\:border--solid {
        border-style: solid;
    }
    .m\:border--dotted {
        border-style: dotted;
    }
    .m\:border--dashed {
        border-style: dashed;
    }

    .m\:border--top-none {
        border-top: none;
    }
    .m\:border--top-1 {
        border-top-width: 1px;
    }
    .m\:border--top-2 {
        border-top-width: 2px;
    }
    .m\:border--top-3 {
        border-top-width: 3px;
    }
    .m\:border--top-4 {
        border-top-width: 4px;
    }
    .m\:border--top-5 {
        border-top-width: 5px;
    }
    .m\:border--top-solid {
        border-top-style: solid;
    }
    .m\:border--top-dotted {
        border-top-style: dotted;
    }
    .m\:border--top-dashed {
        border-top-style: dashed;
    }

    .m\:border--left-none {
        border-left: none;
    }
    .m\:border--left-1 {
        border-left-width: 1px;
    }
    .m\:border--left-2 {
        border-left-width: 2px;
    }
    .m\:border--left-3 {
        border-left-width: 3px;
    }
    .m\:border--left-4 {
        border-left-width: 4px;
    }
    .m\:border--left-5 {
        border-left-width: 5px;
    }
    .m\:border--left-solid {
        border-left-style: solid;
    }
    .m\:border--left-dotted {
        border-left-style: dotted;
    }
    .m\:border--left-dashed {
        border-left-style: dashed;
    }

    .m\:border--right-none {
        border-right: none;
    }
    .m\:border--right-1 {
        border-right-width: 1px;
    }
    .m\:border--right-2 {
        border-right-width: 2px;
    }
    .m\:border--right-3 {
        border-right-width: 3px;
    }
    .m\:border--right-4 {
        border-right-width: 4px;
    }
    .m\:border--right-5 {
        border-right-width: 5px;
    }
    .m\:border--right-solid {
        border-right-style: solid;
    }
    .m\:border--right-dotted {
        border-right-style: dotted;
    }
    .m\:border--right-dashed {
        border-right-style: dashed;
    }

    .m\:border--bottom-none {
        border-bottom: none;
    }
    .m\:border--bottom-1 {
        border-bottom-width: 1px;
    }
    .m\:border--bottom-2 {
        border-bottom-width: 2px;
    }
    .m\:border--bottom-3 {
        border-bottom-width: 3px;
    }
    .m\:border--bottom-4 {
        border-bottom-width: 4px;
    }
    .m\:border--bottom-5 {
        border-bottom-width: 5px;
    }
    .m\:border--bottom-solid {
        border-bottom-style: solid;
    }
    .m\:border--bottom-dotted {
        border-bottom-style: dotted;
    }
    .m\:border--bottom-dashed {
        border-bottom-style: dashed;
    }

}
@media (max-width: 768px) {

    .s\:border {

    }

    .s\:border--color-transparent {
        border-color: transparent;
    }
    .s\:border--color-blue {
        border-color: var(--color-blue);
    }
    .s\:border--color-red {
        border-color: var(--color-red);
    }
    .s\:border--color-sky {
        border-color: var(--color-sky);
    }
    .s\:border--color-white {
        border-color: var(--color-white);
    }
    .s\:border--color-black {
        border-color: var(--color-black);
    }
    .s\:border--color-background {
        border-color: var(--color-background);
    }
    .s\:border--color-purple {
        border-color: var(--color-purple);
    }
    .s\:border--color-light-purple {
        border-color: var(--color-light-purple);
    }
    .s\:border--color-light-blue {
        border-color: var(--color-light-blue);
    }
    .s\:border--color-yellow {
        border-color: var(--color-yellow);
    }
    .s\:border--color-pink {
        border-color: var(--color-pink);
    }
    .s\:border--color-text-primary {
        border-color: var(--color-text-primary);
    }
    .s\:border--color-text-secondary {
        border-color: var(--color-text-secondary);
    }
    .s\:border--color-text-disable {
        border-color: var(--color-text-disable);
    }
    .s\:border--color-alerts-caution {
        border-color: var(--color-alerts-caution);
    }
    .s\:border--color-alerts-information {
        border-color: var(--color-alerts-information);
    }
    .s\:border--color-alerts-warning {
        border-color: var(--color-alerts-warning);
    }
    .s\:border--color-alerts-pending {
        border-color: var(--color-alerts-pending);
    }
    .s\:border--color-glass {
        border-color: var(--color-glass);
    }

    .s\:border--none {
        border: none;
    }
    .s\:border--1 {
        border-width: 1px;
    }
    .s\:border--2 {
        border-width: 2px;
    }
    .s\:border--3 {
        border-width: 3px;
    }
    .s\:border--4 {
        border-width: 4px;
    }
    .s\:border--5 {
        border-width: 5px;
    }
    .s\:border--solid {
        border-style: solid;
    }
    .s\:border--dotted {
        border-style: dotted;
    }
    .s\:border--dashed {
        border-style: dashed;
    }

    .s\:border--top-none {
        border-top: none;
    }
    .s\:border--top-1 {
        border-top-width: 1px;
    }
    .s\:border--top-2 {
        border-top-width: 2px;
    }
    .s\:border--top-3 {
        border-top-width: 3px;
    }
    .s\:border--top-4 {
        border-top-width: 4px;
    }
    .s\:border--top-5 {
        border-top-width: 5px;
    }
    .s\:border--top-solid {
        border-top-style: solid;
    }
    .s\:border--top-dotted {
        border-top-style: dotted;
    }
    .s\:border--top-dashed {
        border-top-style: dashed;
    }

    .s\:border--left-none {
        border-left: none;
    }
    .s\:border--left-1 {
        border-left-width: 1px;
    }
    .s\:border--left-2 {
        border-left-width: 2px;
    }
    .s\:border--left-3 {
        border-left-width: 3px;
    }
    .s\:border--left-4 {
        border-left-width: 4px;
    }
    .s\:border--left-5 {
        border-left-width: 5px;
    }
    .s\:border--left-solid {
        border-left-style: solid;
    }
    .s\:border--left-dotted {
        border-left-style: dotted;
    }
    .s\:border--left-dashed {
        border-left-style: dashed;
    }

    .s\:border--right-none {
        border-right: none;
    }
    .s\:border--right-1 {
        border-right-width: 1px;
    }
    .s\:border--right-2 {
        border-right-width: 2px;
    }
    .s\:border--right-3 {
        border-right-width: 3px;
    }
    .s\:border--right-4 {
        border-right-width: 4px;
    }
    .s\:border--right-5 {
        border-right-width: 5px;
    }
    .s\:border--right-solid {
        border-right-style: solid;
    }
    .s\:border--right-dotted {
        border-right-style: dotted;
    }
    .s\:border--right-dashed {
        border-right-style: dashed;
    }

    .s\:border--bottom-none {
        border-bottom: none;
    }
    .s\:border--bottom-1 {
        border-bottom-width: 1px;
    }
    .s\:border--bottom-2 {
        border-bottom-width: 2px;
    }
    .s\:border--bottom-3 {
        border-bottom-width: 3px;
    }
    .s\:border--bottom-4 {
        border-bottom-width: 4px;
    }
    .s\:border--bottom-5 {
        border-bottom-width: 5px;
    }
    .s\:border--bottom-solid {
        border-bottom-style: solid;
    }
    .s\:border--bottom-dotted {
        border-bottom-style: dotted;
    }
    .s\:border--bottom-dashed {
        border-bottom-style: dashed;
    }

}
@media (max-width: 576px) {

    .xs\:border {

    }

    .xs\:border--color-transparent {
        border-color: transparent;
    }
    .xs\:border--color-blue {
        border-color: var(--color-blue);
    }
    .xs\:border--color-red {
        border-color: var(--color-red);
    }
    .xs\:border--color-sky {
        border-color: var(--color-sky);
    }
    .xs\:border--color-white {
        border-color: var(--color-white);
    }
    .xs\:border--color-black {
        border-color: var(--color-black);
    }
    .xs\:border--color-background {
        border-color: var(--color-background);
    }
    .xs\:border--color-purple {
        border-color: var(--color-purple);
    }
    .xs\:border--color-light-purple {
        border-color: var(--color-light-purple);
    }
    .xs\:border--color-light-blue {
        border-color: var(--color-light-blue);
    }
    .xs\:border--color-yellow {
        border-color: var(--color-yellow);
    }
    .xs\:border--color-pink {
        border-color: var(--color-pink);
    }
    .xs\:border--color-text-primary {
        border-color: var(--color-text-primary);
    }
    .xs\:border--color-text-secondary {
        border-color: var(--color-text-secondary);
    }
    .xs\:border--color-text-disable {
        border-color: var(--color-text-disable);
    }
    .xs\:border--color-alerts-caution {
        border-color: var(--color-alerts-caution);
    }
    .xs\:border--color-alerts-information {
        border-color: var(--color-alerts-information);
    }
    .xs\:border--color-alerts-warning {
        border-color: var(--color-alerts-warning);
    }
    .xs\:border--color-alerts-pending {
        border-color: var(--color-alerts-pending);
    }
    .xs\:border--color-glass {
        border-color: var(--color-glass);
    }

    .xs\:border--none {
        border: none;
    }
    .xs\:border--1 {
        border-width: 1px;
    }
    .xs\:border--2 {
        border-width: 2px;
    }
    .xs\:border--3 {
        border-width: 3px;
    }
    .xs\:border--4 {
        border-width: 4px;
    }
    .xs\:border--5 {
        border-width: 5px;
    }
    .xs\:border--solid {
        border-style: solid;
    }
    .xs\:border--dotted {
        border-style: dotted;
    }
    .xs\:border--dashed {
        border-style: dashed;
    }

    .xs\:border--top-none {
        border-top: none;
    }
    .xs\:border--top-1 {
        border-top-width: 1px;
    }
    .xs\:border--top-2 {
        border-top-width: 2px;
    }
    .xs\:border--top-3 {
        border-top-width: 3px;
    }
    .xs\:border--top-4 {
        border-top-width: 4px;
    }
    .xs\:border--top-5 {
        border-top-width: 5px;
    }
    .xs\:border--top-solid {
        border-top-style: solid;
    }
    .xs\:border--top-dotted {
        border-top-style: dotted;
    }
    .xs\:border--top-dashed {
        border-top-style: dashed;
    }

    .xs\:border--left-none {
        border-left: none;
    }
    .xs\:border--left-1 {
        border-left-width: 1px;
    }
    .xs\:border--left-2 {
        border-left-width: 2px;
    }
    .xs\:border--left-3 {
        border-left-width: 3px;
    }
    .xs\:border--left-4 {
        border-left-width: 4px;
    }
    .xs\:border--left-5 {
        border-left-width: 5px;
    }
    .xs\:border--left-solid {
        border-left-style: solid;
    }
    .xs\:border--left-dotted {
        border-left-style: dotted;
    }
    .xs\:border--left-dashed {
        border-left-style: dashed;
    }

    .xs\:border--right-none {
        border-right: none;
    }
    .xs\:border--right-1 {
        border-right-width: 1px;
    }
    .xs\:border--right-2 {
        border-right-width: 2px;
    }
    .xs\:border--right-3 {
        border-right-width: 3px;
    }
    .xs\:border--right-4 {
        border-right-width: 4px;
    }
    .xs\:border--right-5 {
        border-right-width: 5px;
    }
    .xs\:border--right-solid {
        border-right-style: solid;
    }
    .xs\:border--right-dotted {
        border-right-style: dotted;
    }
    .xs\:border--right-dashed {
        border-right-style: dashed;
    }

    .xs\:border--bottom-none {
        border-bottom: none;
    }
    .xs\:border--bottom-1 {
        border-bottom-width: 1px;
    }
    .xs\:border--bottom-2 {
        border-bottom-width: 2px;
    }
    .xs\:border--bottom-3 {
        border-bottom-width: 3px;
    }
    .xs\:border--bottom-4 {
        border-bottom-width: 4px;
    }
    .xs\:border--bottom-5 {
        border-bottom-width: 5px;
    }
    .xs\:border--bottom-solid {
        border-bottom-style: solid;
    }
    .xs\:border--bottom-dotted {
        border-bottom-style: dotted;
    }
    .xs\:border--bottom-dashed {
        border-bottom-style: dashed;
    }

}


/* Slider */
.swiper {

}

.swiper__prev, .swiper__next {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Alinear texto */
.align {

}

.align--left {
    text-align: left;
}
.align--center {
    text-align: center;
}
.align--right {
    text-align: right;
}
.align--justify {
    text-align: justify;
}

@media (max-width: 1400px) {

    .xl\:align {

    }

    .xl\:align--left {
        text-align: left;
    }
    .xl\:align--center {
        text-align: center;
    }
    .xl\:align--right {
        text-align: right;
    }
    .xl\:align--justify {
        text-align: justify;
    }

}
@media (max-width: 1200px) {

    .l\:align {

    }

    .l\:align--left {
        text-align: left;
    }
    .l\:align--center {
        text-align: center;
    }
    .l\:align--right {
        text-align: right;
    }
    .l\:align--justify {
        text-align: justify;
    }

}
@media (max-width: 992px) {

    .m\:align {

    }

    .m\:align--left {
        text-align: left;
    }
    .m\:align--center {
        text-align: center;
    }
    .m\:align--right {
        text-align: right;
    }
    .m\:align--justify {
        text-align: justify;
    }

}
@media (max-width: 768px) {

    .s\:align {

    }

    .s\:align--left {
        text-align: left;
    }
    .s\:align--center {
        text-align: center;
    }
    .s\:align--right {
        text-align: right;
    }
    .s\:align--justify {
        text-align: justify;
    }

}
@media (max-width: 576px) {

    .xs\:align {

    }

    .xs\:align--left {
        text-align: left;
    }
    .xs\:align--center {
        text-align: center;
    }
    .xs\:align--right {
        text-align: right;
    }
    .xs\:align--justify {
        text-align: justify;
    }

}


/* Bloques de texto */
figcaption {

}
table {

}
cite {

}
blockquote {

}
code {

}


/* Barra horizontal */
hr {
    border: none;
    height: 1px;
    width: 100%;
    background: var(--color-background);
}


/* Weight */
.weight--100 {
    font-weight: 100;
}
.weight--200 {
    font-weight: 200;
}
.weight--300 {
    font-weight: 300;
}
.weight--400 {
    font-weight: 400;
}
.weight--500 {
    font-weight: 500
}
.weight--600 {
    font-weight: 600
}
.weight--700 {
    font-weight: 700;
}
.weight--800 {
    font-weight: 800;
}
.weight--900 {
    font-weight: 900;
}

@media (max-width: 1400px) {

    .xl\:weight--100 {
        font-weight: 100;
    }
    .xl\:weight--200 {
        font-weight: 200;
    }
    .xl\:weight--300 {
        font-weight: 300;
    }
    .xl\:weight--400 {
        font-weight: 400;
    }
    .xl\:weight--500 {
        font-weight: 500
    }
    .xl\:weight--600 {
        font-weight: 600
    }
    .xl\:weight--700 {
        font-weight: 700;
    }
    .xl\:weight--800 {
        font-weight: 800;
    }
    .xl\:weight--900 {
        font-weight: 900;
    }

}
@media (max-width: 1200px) {

    .l\:weight--100 {
        font-weight: 100;
    }
    .l\:weight--200 {
        font-weight: 200;
    }
    .l\:weight--300 {
        font-weight: 300;
    }
    .l\:weight--400 {
        font-weight: 400;
    }
    .l\:weight--500 {
        font-weight: 500
    }
    .l\:weight--600 {
        font-weight: 600
    }
    .l\:weight--700 {
        font-weight: 700;
    }
    .l\:weight--800 {
        font-weight: 800;
    }
    .l\:weight--900 {
        font-weight: 900;
    }

}
@media (max-width: 992px) {

    .m\:weight--100 {
        font-weight: 100;
    }
    .m\:weight--200 {
        font-weight: 200;
    }
    .m\:weight--300 {
        font-weight: 300;
    }
    .m\:weight--400 {
        font-weight: 400;
    }
    .m\:weight--500 {
        font-weight: 500
    }
    .m\:weight--600 {
        font-weight: 600
    }
    .m\:weight--700 {
        font-weight: 700;
    }
    .m\:weight--800 {
        font-weight: 800;
    }
    .m\:weight--900 {
        font-weight: 900;
    }

}
@media (max-width: 768px) {

    .s\:weight--100 {
        font-weight: 100;
    }
    .s\:weight--200 {
        font-weight: 200;
    }
    .s\:weight--300 {
        font-weight: 300;
    }
    .s\:weight--400 {
        font-weight: 400;
    }
    .s\:weight--500 {
        font-weight: 500
    }
    .s\:weight--600 {
        font-weight: 600
    }
    .s\:weight--700 {
        font-weight: 700;
    }
    .s\:weight--800 {
        font-weight: 800;
    }
    .s\:weight--900 {
        font-weight: 900;
    }


}
@media (max-width: 576px) {

    .xs\:weight--100 {
        font-weight: 100;
    }
    .xs\:weight--200 {
        font-weight: 200;
    }
    .xs\:weight--300 {
        font-weight: 300;
    }
    .xs\:weight--400 {
        font-weight: 400;
    }
    .xs\:weight--500 {
        font-weight: 500
    }
    .xs\:weight--600 {
        font-weight: 600
    }
    .xs\:weight--700 {
        font-weight: 700;
    }
    .xs\:weight--800 {
        font-weight: 800;
    }
    .xs\:weight--900 {
        font-weight: 900;
    }

}


/* Hover */
@media (min-width: 577px) {

    .hover__item--opacity {
        opacity: 0;
        transition: 0.5s;
    }
    .hover__item--scale {
        transition: 4s;
    }

    .hover:hover .hover__item--opacity {
        opacity: 1;
    }
    .hover:hover .hover__item--scale {
        transform: scale(1.2);
    }

}


/* Texto */
/*
.title--xxxl {
    font-size: 80px;
    line-height: 88px;
}
.title--xxl {
    font-size: 64px;
    line-height: 72px;
}
.title--xl {
    font-size: 48px;
    line-height: 56px;
}
.title--l {
    font-size: 40px;
    line-height: 48px;
}
.title--m {
    font-size: 32px;
    line-height: 40px;
}
.title--s {
    font-size: 24px;
    line-height: 32px;
}
.headline {
    font-size: 20px;
    line-height: 24px;
}
.headline-body {
    font-size: 18px;
    line-height: 22px;
}
.body-caption {
    font-size: 14px;
    line-height: 18px;
}
.caption {
    font-size: 12px;
    line-height: 16px;
}
*/

.title--xxxl {
    font-size: clamp(2.5rem, 3.5vw + 1rem, 5rem); /* 40 → 80 */
    line-height: clamp(3rem, 4vw + 1rem, 5.5rem);
}
.title--xxl {
    font-size: clamp(2.25rem, 3vw + 0.75rem, 4rem); /* 36 → 64 */
    line-height: clamp(2.75rem, 3.5vw + 0.75rem, 4.5rem);
}
.title--xl {
    font-size: clamp(1.875rem, 2.5vw + 0.75rem, 3rem); /* 30 → 48 */
    line-height: clamp(2.25rem, 3vw + 0.75rem, 3.5rem);
}
.title--l {
    font-size: clamp(1.625rem, 2vw + 0.75rem, 2.5rem); /* 26 → 40 */
    line-height: clamp(2rem, 2.5vw + 0.75rem, 3rem);
}
.title--m {
    font-size: clamp(1.375rem, 1.5vw + 0.75rem, 2rem); /* 22 → 32 */
    line-height: clamp(1.75rem, 2vw + 0.75rem, 2.5rem);
}
.title--s {
    font-size: clamp(1.125rem, 1vw + 0.75rem, 1.5rem); /* 18 → 24 */
    line-height: clamp(1.5rem, 1.5vw + 0.75rem, 2rem);
}
.headline {
    font-size: clamp(1.125rem, 0.6vw + 1rem, 1.25rem); /* 18 → 20 */
    line-height: 1.4;
}
.headline-body {
    font-size: clamp(1rem, 0.4vw + 0.95rem, 1.125rem); /* 16 → 18 */
    line-height: 1.45;
}
.body-caption {
    font-size: 0.875rem; /* 14 */
    line-height: 1.4;
}
.caption {
    font-size: 0.75rem; /* 12 */
    line-height: 1.35;
}


/* Estilos de texto */
.underline {
    text-decoration: underline;
}
.line-through {
    text-decoration: line-through;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.nowrap {
    white-space: nowrap;
}

@media (max-width: 1400px) {

    .xl\:underline {
        text-decoration: underline;
    }
    .xl\:line-through {
        text-decoration: line-through;
    }
    .xl\:uppercase {
        text-transform: uppercase;
    }
    .xl\:lowercase {
        text-transform: lowercase;
    }
    .xl\:nowrap {
        white-space: nowrap;
    }

}
@media (max-width: 1200px) {

    .l\:underline {
        text-decoration: underline;
    }
    .l\:line-through {
        text-decoration: line-through;
    }
    .l\:uppercase {
        text-transform: uppercase;
    }
    .l\:lowercase {
        text-transform: lowercase;
    }
    .l\:nowrap {
        white-space: nowrap;
    }

}
@media (max-width: 992px) {

    .m\:underline {
        text-decoration: underline;
    }
    .m\:line-through {
        text-decoration: line-through;
    }
    .m\:uppercase {
        text-transform: uppercase;
    }
    .m\:lowercase {
        text-transform: lowercase;
    }
    .m\:nowrap {
        white-space: nowrap;
    }

}
@media (max-width: 768px) {

    .s\:underline {
        text-decoration: underline;
    }
    .s\:line-through {
        text-decoration: line-through;
    }
    .s\:uppercase {
        text-transform: uppercase;
    }
    .s\:lowercase {
        text-transform: lowercase;
    }
    .s\:nowrap {
        white-space: nowrap;
    }

}
@media (max-width: 576px) {

    .xs\:underline {
        text-decoration: underline;
    }
    .xs\:line-through {
        text-decoration: line-through;
    }
    .xs\:uppercase {
        text-transform: uppercase;
    }
    .xs\:lowercase {
        text-transform: lowercase;
    }
    .xs\:nowrap {
        white-space: nowrap;
    }

}


/* Listas */
.list {

}

.list--none {
    list-style-type: none;
}
.list--disc {
    list-style-type: disc;
}
.list--circle {
    list-style-type: circle;
}
.list--square {
    list-style-type: square;
}
.list--decimal {
    list-style-type: decimal;
}
.list--roman {
    list-style-type: lower-roman;
}

.list--inside {
    list-style-position: inside;
}
.list--outside {
    list-style-position: outside;
}

@media (max-width: 1400px) {

    .xl\:list {

    }

    .xl\:list--none {
        list-style-type: none;
    }
    .xl\:list--disc {
        list-style-type: disc;
    }
    .xl\:list--circle {
        list-style-type: circle;
    }
    .xl\:list--square {
        list-style-type: square;
    }
    .xl\:list--decimal {
        list-style-type: decimal;
    }
    .xl\:list--roman {
        list-style-type: lower-roman;
    }

    .xl\:list--inside {
        list-style-position: inside;
    }
    .xl\:list--outside {
        list-style-position: outside;
    }

}
@media (max-width: 1200px) {

    .l\:list {

    }

    .l\:list--none {
        list-style-type: none;
    }
    .l\:list--disc {
        list-style-type: disc;
    }
    .l\:list--circle {
        list-style-type: circle;
    }
    .l\:list--square {
        list-style-type: square;
    }
    .l\:list--decimal {
        list-style-type: decimal;
    }
    .l\:list--roman {
        list-style-type: lower-roman;
    }

    .l\:list--inside {
        list-style-position: inside;
    }
    .l\:list--outside {
        list-style-position: outside;
    }

}
@media (max-width: 992px) {

    .m\:list {

    }

    .m\:list--none {
        list-style-type: none;
    }
    .m\:list--disc {
        list-style-type: disc;
    }
    .m\:list--circle {
        list-style-type: circle;
    }
    .m\:list--square {
        list-style-type: square;
    }
    .m\:list--decimal {
        list-style-type: decimal;
    }
    .m\:list--roman {
        list-style-type: lower-roman;
    }

    .m\:list--inside {
        list-style-position: inside;
    }
    .m\:list--outside {
        list-style-position: outside;
    }

}
@media (max-width: 768px) {

    .s\:list {

    }

    .s\:list--none {
        list-style-type: none;
    }
    .s\:list--disc {
        list-style-type: disc;
    }
    .s\:list--circle {
        list-style-type: circle;
    }
    .s\:list--square {
        list-style-type: square;
    }
    .s\:list--decimal {
        list-style-type: decimal;
    }
    .s\:list--roman {
        list-style-type: lower-roman;
    }

    .s\:list--inside {
        list-style-position: inside;
    }
    .s\:list--outside {
        list-style-position: outside;
    }

}
@media (max-width: 576px) {

    .xs\:list {

    }

    .xs\:list--none {
        list-style-type: none;
    }
    .xs\:list--disc {
        list-style-type: disc;
    }
    .xs\:list--circle {
        list-style-type: circle;
    }
    .xs\:list--square {
        list-style-type: square;
    }
    .xs\:list--decimal {
        list-style-type: decimal;
    }
    .xs\:list--roman {
        list-style-type: lower-roman;
    }

    .xs\:list--inside {
        list-style-position: inside;
    }
    .xs\:list--outside {
        list-style-position: outside;
    }

}


/* Popup */
.popup {
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}
.popup:target {
    opacity: 1;
    pointer-events: unset;
}

/* Item */
.tab__item {
    display: none;
}
:root:not(:has(:target)) .tab__item--active {
    display: block;
}
.tab__item:target {
    display: block;
}


/* Dropdowns */
.dropdown__content {
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}

.dropdown__on, .dropdown__off {
    transition: 0.3s;
}
.dropdown__on {
    opacity: 0;
    pointer-events: none;
}

.dropdown--active .dropdown__content, .dropdown--hover:hover .dropdown__content {
    opacity: 1;
    pointer-events: unset;
}
.dropdown--active .dropdown__on, .dropdown--hover:hover .dropdown__on {
    opacity: 1;
    pointer-events: unset;
}
.dropdown--active .dropdown__off, .dropdown--hover:hover .dropdown__off {
    opacity: 0;
    pointer-events: none;
}

.dropdown--fullscreen .dropdown__content {
    position: fixed;
    top: 10px;
    left: 10px;
    margin: 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding-top: 70px;
    overflow-y: auto;
}
.dropdown--fullscreen .dropdown__content__close {
    display: block !important;
}

@media (max-width: 1400px) {

    .xl\:dropdown--fullscreen .dropdown__content {
        position: fixed;
        top: 10px;
        left: 10px;
        margin: 0;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding-top: 70px;
        overflow-y: auto;
    }
    .xl\:dropdown--fullscreen .dropdown__content__close {
        display: block !important;
    }

}
@media (max-width: 1200px) {

    .l\:dropdown--fullscreen .dropdown__content {
        position: fixed;
        top: 10px;
        left: 10px;
        margin: 0;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding-top: 70px;
        overflow-y: auto;
    }
    .l\:dropdown--fullscreen .dropdown__content__close {
        display: block !important;
    }

}
@media (max-width: 992px) {

    .m\:dropdown--fullscreen .dropdown__content {
        position: fixed;
        top: 10px;
        left: 10px;
        margin: 0;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding-top: 70px;
        overflow-y: auto;
    }
    .m\:dropdown--fullscreen .dropdown__content__close {
        display: block !important;
    }

}
@media (max-width: 768px) {

    .s\:dropdown--fullscreen .dropdown__content {
        position: fixed;
        top: 10px;
        left: 10px;
        margin: 0;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding-top: 70px;
        overflow-y: auto;
    }
    .s\:dropdown--fullscreen .dropdown__content__close {
        display: block !important;
    }

}
@media (max-width: 576px) {

    .xs\:dropdown--fullscreen .dropdown__content {
        position: fixed;
        top: 10px;
        left: 10px;
        margin: 0;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding-top: 70px;
        overflow-y: auto;
    }
    .xs\:dropdown--fullscreen .dropdown__content__close {
        display: block !important;
    }

}


/* Opacity */
.opacity {

}

.opacity--0 {
    opacity: 0;
}
.opacity--1 {
    opacity: 0.1;
}
.opacity--2 {
    opacity: 0.2;
}
.opacity--3 {
    opacity: 0.3;
}
.opacity--4 {
    opacity: 0.4;
}
.opacity--5 {
    opacity: 0.5;
}
.opacity--6 {
    opacity: 0.6;
}
.opacity--7 {
    opacity: 0.7;
}
.opacity--8 {
    opacity: 0.8;
}
.opacity--9 {
    opacity: 0.9;
}
.opacity--10 {
    opacity: 1;
}

@media (max-width: 1400px) {

    .xl\:opacity {

    }

    .xl\:opacity--0 {
        opacity: 0;
    }
    .xl\:opacity--1 {
        opacity: 0.1;
    }
    .xl\:opacity--2 {
        opacity: 0.2;
    }
    .xl\:opacity--3 {
        opacity: 0.3;
    }
    .xl\:opacity--4 {
        opacity: 0.4;
    }
    .xl\:opacity--5 {
        opacity: 0.5;
    }
    .xl\:opacity--6 {
        opacity: 0.6;
    }
    .xl\:opacity--7 {
        opacity: 0.7;
    }
    .xl\:opacity--8 {
        opacity: 0.8;
    }
    .xl\:opacity--9 {
        opacity: 0.9;
    }
    .xl\:opacity--10 {
        opacity: 1;
    }

}
@media (max-width: 1200px) {

    .l\:opacity {

    }

    .l\:opacity--0 {
        opacity: 0;
    }
    .l\:opacity--1 {
        opacity: 0.1;
    }
    .l\:opacity--2 {
        opacity: 0.2;
    }
    .l\:opacity--3 {
        opacity: 0.3;
    }
    .l\:opacity--4 {
        opacity: 0.4;
    }
    .l\:opacity--5 {
        opacity: 0.5;
    }
    .l\:opacity--6 {
        opacity: 0.6;
    }
    .l\:opacity--7 {
        opacity: 0.7;
    }
    .l\:opacity--8 {
        opacity: 0.8;
    }
    .l\:opacity--9 {
        opacity: 0.9;
    }
    .l\:opacity--10 {
        opacity: 1;
    }

}
@media (max-width: 992px) {

    .m\:opacity {

    }

    .m\:opacity--0 {
        opacity: 0;
    }
    .m\:opacity--1 {
        opacity: 0.1;
    }
    .m\:opacity--2 {
        opacity: 0.2;
    }
    .m\:opacity--3 {
        opacity: 0.3;
    }
    .m\:opacity--4 {
        opacity: 0.4;
    }
    .m\:opacity--5 {
        opacity: 0.5;
    }
    .m\:opacity--6 {
        opacity: 0.6;
    }
    .m\:opacity--7 {
        opacity: 0.7;
    }
    .m\:opacity--8 {
        opacity: 0.8;
    }
    .m\:opacity--9 {
        opacity: 0.9;
    }
    .m\:opacity--10 {
        opacity: 1;
    }

}
@media (max-width: 768px) {

    .s\:opacity {

    }

    .s\:opacity--0 {
        opacity: 0;
    }
    .s\:opacity--1 {
        opacity: 0.1;
    }
    .s\:opacity--2 {
        opacity: 0.2;
    }
    .s\:opacity--3 {
        opacity: 0.3;
    }
    .s\:opacity--4 {
        opacity: 0.4;
    }
    .s\:opacity--5 {
        opacity: 0.5;
    }
    .s\:opacity--6 {
        opacity: 0.6;
    }
    .s\:opacity--7 {
        opacity: 0.7;
    }
    .s\:opacity--8 {
        opacity: 0.8;
    }
    .s\:opacity--9 {
        opacity: 0.9;
    }
    .s\:opacity--10 {
        opacity: 1;
    }

}
@media (max-width: 576px) {

    .xs\:opacity {

    }

    .xs\:opacity--0 {
        opacity: 0;
    }
    .xs\:opacity--1 {
        opacity: 0.1;
    }
    .xs\:opacity--2 {
        opacity: 0.2;
    }
    .xs\:opacity--3 {
        opacity: 0.3;
    }
    .xs\:opacity--4 {
        opacity: 0.4;
    }
    .xs\:opacity--5 {
        opacity: 0.5;
    }
    .xs\:opacity--6 {
        opacity: 0.6;
    }
    .xs\:opacity--7 {
        opacity: 0.7;
    }
    .xs\:opacity--8 {
        opacity: 0.8;
    }
    .xs\:opacity--9 {
        opacity: 0.9;
    }
    .xs\:opacity--10 {
        opacity: 1;
    }

}


/* Alertas */
.alert {
    display: none;
    max-width: 700px;
    opacity: 0;
}

@keyframes alert {

    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.alert--show {
    display: block;
    animation: alert 4s linear;
}


/* Cursor */
.cursor {

}

.cursor--wait {
    cursor: wait;
}
.cursor--pointer {
    cursor: pointer;
}